Previous Message
Next Message

Re: [css-d] Float and flow

Sent by Jason Estes on 5 May 2003 15:03


>
> My question is in regards to the Header Div.   When you load up the page,
> you'll see that my navigation list breaks to two lines, when there is no
> reason for it to do so.  This came about after adding the tertiary nav at
> the very top in a floated inner-div.  Obviously, I'm misunderstanding
> something about the flow here... Shouldn't those be able to coexist?  If
you
> take out the tertiaryNav div, the main items return to one line.


You might want to try validating your markup first, there are several
errors, the first I caught on first inspection which is that you didn't
close your <ul> as seen here


<div class="header">
	<div class="tertiaryNav">
		<a href="/about/">about</a>  |  <a href="/sponsors/">sponsors</a>
	</div><br />
	<img src="images/spacer.gif" alt="" width="154" height="110" border="0" />
	<ul>
	<li><a href="#" onmouseover="changeImages('cc',
'images/nav_creativecont-over.gif'; return true"><img
src="images/nav_creativecont.gif" alt="creative contributions" width="180"
height="29" border="0" name="cc" /></a></li>
	<li><a href="#"><img src="images/nav_register.gif" alt="register"
width="74" height="29" border="0" /></a></li>
        <li><a href="#"><img src="images/nav_donate.gif" alt="donate"
width="67" height="29" border="0" /></a></li>
	<li><a href="#"><img src="images/nav_discuss.gif" alt="discuss" width="72"
height="29" border="0" /></a></li>
	<li><a href="#"><img src="images/nav_calendar.gif" alt="register"
width="82" height="29" border="0" /></a></li>
	</div>

That second <ul> is not closed and maybe why it's going to multiple lines.
You also might want to try removing the white space in your <li> items,
meaning put them all on one line without any space between them, IE tends to
put extra space between them when there is white space.
HTH

Jason Estes
The BEWB
www.bewb.org


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: