Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   Front page looks different on safari (http://forum.bytesforall.com/showthread.php?t=6302)

bryce Mar 16, 2010 11:17 AM

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

lmilesw Mar 16, 2010 11:56 AM

How did you construct the front page?

lmilesw Mar 16, 2010 12:15 PM

It looks like it had something to do with the picture.

bryce Mar 16, 2010 12:25 PM

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.

juggledad Mar 16, 2010 12:59 PM

what was the html that made up the image?

bryce Mar 16, 2010 01:45 PM

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

lmilesw Mar 16, 2010 02:16 PM

What if you add a CSS insert.
HTML Code:

.post img.alignleft {clear:both;}
. Just a stab.

bryce Mar 16, 2010 02:58 PM

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

juggledad Mar 16, 2010 03:56 PM

put it in the CSS Inserts (ATO->HTML/CSS Inserts->CSS Inserts)

bryce Mar 16, 2010 04:05 PM

"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

juggledad Mar 16, 2010 04:54 PM

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.