Sent by Tim Luoma on 2 August 2002 17:05
Austin, Darrel wrote:
> Well, I tried it with SPANS but couldn't get the heights to 'stick'.
> I did just try a test quickly and it seems to work OK with DIVs.
SPAN is inline (and therefore height/width don't apply)
DIV is block, so height/width do apply.
> Damn...now I don't remember WHY we went with table...
You'll be saying that a lot with CSS :-)
> ugh. Back to the CSS...
Enjoy :-)
From [EMAIL-REMOVED] Fri Aug 2 17:31:00 2002
From: [EMAIL-REMOVED] (Austin, Darrel)
Date: Fri Aug 2 16:31:00 2002
Subject: [css-d] Re: Final result (thanks everyone!)
Message-ID: [EMAIL-REMOVED]
.mn.us>
OK Tim, you got me thinking.
I've put together a page with both methods:
http://www.darrelaustin.com/clients/court/employeeinfo/
css at: http://www.darrelaustin.com/clients/court/assets/sitestyle.css
The first nav bar is Rust's solution with the table. The second is a bunch
of DIVs.
Thinking back, I think we went with a table to do three things:
1) force the height on each 'button'
2) allow a 'full button background' rollover
3) fix the bottom border of the buttons + navbar.
In hindsight, a fix for the DIVs was to just give it a height bigger than
the biggest text. The only catch with that is that Mozilla likes to make it
bigger than IE, not a big deal.
There was no easy way to do a full background rollover (as opposed to just
the text background) with the DIVs, as far as I can tell. If there is a way
to do that, then I'll go with the DIVs.
The last item was that the buttons each had a bottom border to make it more
'button'-like and so that when the window shrank and they started stacking
vertically, there was a way to delimit them. The problem was that the
buttons didn't cover the full width of the scree, so I made the parent DIV
also have a bottom border for consistency. The catch is that then the border
is visually 2px where the buttons are, and only 1px where they aren't. I
couldn't figure out a solution to that.
-Darrel
> -----Original Message-----
> From: Tim Luoma [EMAIL-REMOVED]]
> Sent: Friday, August 02, 2002 2:56 PM
> To: [EMAIL-REMOVED]
> Subject: [css-d] Re: Final result (thanks everyone!)
>
>
> Austin, Darrel wrote:
>
> > In the faith of full disclosure, there is one table on the
> site. RUST Randal
> > pointed out that I have to use a table if I want the
> horizontal navigation
> > bar's 'buttons' to have a consistent height, I need to go
> with the table.
>
> Couldn't they be DIVs with a set height, all floated left with a
>
> <br style="clear: left;" />
>
> at the end to make sure all the content goes under them?
>
> TjL
>
>
> _______________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://two.pairlist.net/mailman/listinfo/css-discuss
> Sponsored by www.westciv.com - CSS resources | software | learning
>
