Hemingway Theme: Viewing with Firefox
-
When viewing my Hemingway theme with Firefox, images and text bump straight up against each other and look unpolished.
In the post editor I DO add “horizontal space” to my images to give them a decent distance from the text, but Firefox seems to ignore that code. Viewing the page with Internet Explorer looks fine.
More and more people are using Firefox so I’d like my page to look decent in that browser. What else could I try?
-
That’s very odd; usually it’s the other way around and we get that error in IE, especially IE6. I’m using Firefox and don’t have that issue. Can you give me an example of a post where it’s a problem (SFW links only in the forum, please). If I can see it with the code I might be able to make some suggestions.
-
I just discovered it’s also a problem with Fadtastic, so possibly with some other WP themes as well.
You can see the problem on my site if you click. Here’s the code I have in WP’s post editor for that page:
<p align=”justify”><img src=”http://mistressemilie.wordpress.com/files/2007/06/emilie.jpg” alt=”emilie.jpg” align=”right” height=”227″ hspace=”50″ width=”191″ />Enjoy a humiliating little break from your routine and escape into the capable hands of a dominant mistress. Submit your five senses, your emotions, your pleasure, and even your pain. Relax! How much control you’re willing to relinquish is completely up to you. Your submissiveness is willing.</p>
BDSM
角色扮演 D/s role playing
癖好 Fetish
調戲 Teasing/Denial
羞辱 Humiliation
等等 Etc. -
Place the code between backticks, those little marks under the ~ on your keyboard. Just pasting it without framing it between those strips out a lot, as you can see.
-
<p align="justify"><img src="http://mistressemilie.files.wordpress.com/2007/06/emilie.jpg" alt="emilie.jpg" align="right" height="227" hspace="50" width="191" />I’m looking at that and thinking you’ve got an extra space before the final / but I’m no coding expert. Try taking it out and seeing what happens.
I can confirm it looks great in IE7.
A possible alternative is to use a border. It didn’t pick up on the horizontal space, but maybe it will pick up on a border? I’ll root around the forums and see what other suggestions I can find.
-
Thanks, but borders don’t help either. It only bumps up against the border, too. And that extra space before the / doesn’t do anything…
-
No, sorry I wasn’t clear. I meant to post code in teh forum you need to frame it in backticks. Not on your blog. Backticks tell the browser to display it as written, not to implement the instructions in the code. You’ve done it correctly here.
Another option is to move the Justify tag to the other side of the image code. That might or might not have something to do with it. Sorry, you’ve posted to the forum when our serious techies are all sleeping or playing on the beaches of the Riviera. I’m the best we’ve got right now.
-
Yes, all these things are simple and I’ve tried them. But I’m impressed that somebody out there offered help so quickly! Thanks for your time :-)
I just found this problem also occurs with Fadtastic and Green Marinée, so very likely with some other WP themes as well. The problem seems to be that Firefox browsers ignore those “horizontal” and “vertical” space codes we can plug in using the WP editor on our images. Strange.
-
I just found out it’s not theme-specific.
https://en.forums.wordpress.com/topic.php?id=7307&page&replies=20#post-48663I suggest sending in a feedback on Monday, as there doesn’t appear to be a workaround. Hopefully staff can do something, especially since having everything congruent with FF is important to them.
It’s not happening on my blog for whatever reason, and I’m using FF now. That tells me there is probably a backend fix for this that only staff can implement, otherwise we’d all be messed up in FF and people would be forming a mob. Hopefully they can set things right.
-
For now, I’ve plugged this code into each page’s <img src> tags: style=”margin: 0pt 0pt 50px 50px” My px is set at 50 but you can change the number of course.
BUT, so far it only seems to work for static pages, not post pages. When I tried adjusting image padding in CSS it also only worked on static pages, not posts.
Hopefully the WP tech people can figure it out soon.
-
Oops, that code DOES also work in my post pages.
But it’s easier to use the great little image editing tool in WP’s post editor instead of plugging in this code myself. Hopefully the WP tech people will figure out why the “hspace” code isn’t recognized by Firefox in some of their themes.
-
Yes, good work narrowing that down. As a workaround, I’m sure it’ll help a lot of others. Do remember to send a Feedback when support reopens Monday.
And one thing I do know about CSS is that CSS changes will always trump the default, so if you’ve put the space guidelines in the CSS they should always work.
-
Here’s my workaround:
Inside your style.css file, put this code in:
.border {
margin: 0px 10px 0px 10px;
}Then, when you are inserting an image, put this code inside the image link:
style=”float: left” class=”border”
So all together, your code for the image should look like this:
<img src=”[location]” alt=”[Text]” title=”[Text]” height=”000″ width=”000″ style=”float: left;” class=”border” />
You can change the float to either left or right.
Hope that helps.
- The topic ‘Hemingway Theme: Viewing with Firefox’ is closed to new replies.
WordPress.com Forums 