472,119 Members | 1,812 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,119 software developers and data experts.

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 4299
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

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.