Front page looks different on safari
When my front page is viewed on safari (on mac or windows), the layout gets messed up. Everything except a picture gets indented to the right, and it creates a blank space on the left side. It also pushes everything into the right sidebar.
On IE and Firefox it looks fine. The url is: www.rebuildingalliance.org -Bryce |
How did you construct the front page?
|
It looks like it had something to do with the picture.
|
I took down the picture so there won't be any difference now btwn the browsers.
Basically, I put a picture onto the top of the front page, and on firefox and ie nothing changed except a small photo appeared next to the title "in memory of...". Nothing else moved. But on safari, everything was shifted to the right and it bled into the right sidebar. |
what was the html that made up the image?
|
The html code is:
<a href="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2.jpg"><img class="alignleft size-full wp-image-1405" title="Dove Picture Good 001 - Copy" src="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2-e1268768183931.jpg" alt="" width="150" height="110" /> It is at the very top of the page. I'll leave it up for the next 20 minutes so if you view it in safari, you can see how it looks. -Bryce |
What if you add a CSS insert.
HTML Code:
.post img.alignleft {clear:both;} |
Apologies for being somewhat ignorant, but I am very new to html. Where would I put
.post img.alignleft {clear:both;} in the html code? And thanks in advance for the help! -Bryce |
put it in the CSS Inserts (ATO->HTML/CSS Inserts->CSS Inserts)
|
"put it in the CSS Inserts (ATO->HTML/CSS Inserts->CSS Inserts)"
I'm in my page, looking at the HTML code. I am a novice, so I don't understand your directions. Can you be specific where in the HTML I would put the CSS insert? Would it go somewhere in the html code for the image: <a href="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2.jpg"><img class="alignleft size-full wp-image-1405" title="Dove Picture Good 001 - Copy" src="http://www.rebuildingalliance.org/wp-content/uploads/Dove-Picture-Good-001-Copy2-e1268768183931.jpg" alt="" width="150" height="110" /></a><h2 style="text-align: center;"> -Bryce |
go to the wordpress Dashboard->Appearances->Atahualpa Theme Options (ATO) etc etc
|
All times are GMT -6. The time now is 05:43 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.