Image mess up news page...

Annek

Posted on 07 Oct 2010, 02:12:27

Access: Member
Total Posts: 4
Joined: 2010-10-07

As you can see, the image is warping my news page for some reason... any ideas?

view my site

#2911

Last edited by Annek at 2010-10-07 02:44:50 Reason:

Chris

Posted on 07 Oct 2010, 07:46:35

Access: Admin
Total Posts: 1395
Joined: 2006-05-19

This is a problem everyone eventually runs into when trying to align/float an image. The way to fix it is to add <br style="clear: both" /> at the end of each news article. Best way to do this would be to edit your template and add it to the end of the "News" section.

#2912

Annek

Posted on 07 Oct 2010, 12:45:24

Access: Member
Total Posts: 4
Joined: 2010-10-07

Thanks, that worked! It does kill the center command though. Is there any way to get it to work?

#2913

Chris

Posted on 07 Oct 2010, 17:49:58

Access: Admin
Total Posts: 1395
Joined: 2006-05-19

Instead of using the center command try using

Code:


<p style="text-align: center;">xsdadsa</p>

#2914

Annek

Posted on 07 Oct 2010, 19:30:26

Access: Member
Total Posts: 4
Joined: 2010-10-07

That doesn't seem to work either. :(

#2915

Chris

Posted on 07 Oct 2010, 19:38:43

Access: Admin
Total Posts: 1395
Joined: 2006-05-19

In your css file here

http://www.kampai-photo.com/templatemo_style.css

You have this

Code:



#templatemo_left2 img {
float:left;
padding-right:10px;
}

This is what's causing the image to not align properly, remove the float: left;

#2916

Annek

Posted on 07 Oct 2010, 22:58:31

Access: Member
Total Posts: 4
Joined: 2010-10-07

Awesome, thank you sooo very much. Works like a charm, now!

#2917