By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,846 Members | 1,646 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,846 IT Pros & Developers. It's quick & easy.

forcing a new line using the float tag

P: 35
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">
<h2>CATALOGUES</h2></div>
<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"

thanks
Dec 7 '06 #1
Share this Question
Share on Google+
1 Reply


Expert 100+
P: 1,892
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.