|
|
Posted by John Salerno on 01/27/06 06:58
Mark Parnell wrote:
> Yes it does, but because <span> is inline, it flows differently to a
> block-level element (e.g. <div>), which is presumably what you are
> expecting. 2 solutions - add display: block to div#banner span, or put
> the padding on div#banner instead. Second option is better, because then
> you can get rid of the span from the HTML.
Thanks. I think I like the second option better also, but the span is
there for other reasons that I haven't implemented yet.
>> Is there something in the stylesheet I'm
>> missing that causes it to indent?
>
> Impossible to say without seeing one of these other pages that exhibit
> such behaviour. It could be that the image is in an element that
> browsers have default margin/padding on (e.g. <p>, <div>).
Sorry, I should have supplied this:
<body><div id="banner"><br><span>
<a class="nav" href="../home.shtml">Home</a> > <a class="nav"
href="other.reference.html">Reference</a>> <a class="nav"
href="function.index.html">Functions</a> > <a class="nav"
href="categoryfunction.LocalVariables.html">Local Variables</a>>
SetLocalInt</span><br><br></div>
This makes the banner text read: Home > Reference > Functions > Local
Variables > SetLocalInt, makes them links, etc. (which you can see,
obviously), and nothing else seems to cause the indent.
You can see this here: http://www.johnjsal.com/function.SetLocalInt.html
[Back to original message]
|