469,923 Members | 1,688 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,923 developers. It's quick & easy.

forcing a new line using the float tag

hi all,

I have a webpage with just images and am using a liquid layout for my css, go to http://www.christinebec.com/About CB/selected_editorials.htm to see what I am talking about, after the last image (vogue shops) on the page, I want to force a new line so I can add a new heading "catalogues" and then put more images under this heading.
This is my attempt:

<br class="clearboth">
<div id="contents">
<div class="float">
<a href="../images/HP_France_catalogue_big.jpg"><img src="../images/HP_ France_ catalogue_ small.jpg" alt="HP France 2002 catalogue" border="0"></img></a></div>

div.clearboth {clear: both;}

div#content {margin-left: auto; margin-right: auto; color: #000000; background: #ffffff; text-decoration: none;}

when I preview the page in firefox, the word "catalogue" is in the right hand upper corner of the page and the HP France image is next to the "vogue shops" image which I don't want, I want it on a new line under the heading "catalogues"

Are there other ways of forcing a new line besides the br "clear:both"

Dec 7 '06 #1
1 4195
1,892 Expert 1GB
Why don't you just use a line break <br />?
Dec 7 '06 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

17 posts views Thread by Stan Brown | last post: by
3 posts views Thread by Rennie deGraaf | last post: by
5 posts views Thread by Zach | last post: by
3 posts views Thread by cocco | last post: by
22 posts views Thread by ashkaan57 | last post: by
2 posts views Thread by Jason Carlton | last post: by
reply views Thread by Waqarahmed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.