RE: [css-d] Tabs inside of containers
This solved my problem. I can't thank you enough!
-Original Message-
From: Flii [mailto:[EMAIL PROTECTED]
Sent: Wednesday, October 26, 2005 9:32 AM
To: [EMAIL PROTECTED]
Subject: RE: [css-d] Tabs inside of containers
Perhaps the easy clearing will work for you? I use it all the time and
can't imagine life before this list showed it to me. :)
/* either the UL or the containing div, depending on where your
background is. It sounds like you want the UL */
.classname:after {
clear: both;
content: .;
display: block;
height: 0;
visibility: hidden;
}
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Beauchamp
Michael J CONT NPRI BeauchampMJ-at-Npt.NUWC.Navy.Mil |d lists|
Sent: Wednesday, October 26, 2005 6:56 AM
To: CJ Larson
Subject: [css-d] Tabs inside of containers
Hi,
I am trying to build a horizontal list menu (using an unordered list)
and I want to place it inside of a container along with other things
such as a header and a search form. Also, I'd like to make it flexible
so that if a user increases the font size, the navigation tabs enlarge
with the font. I've tried to do this from scratch and from a ton of
other menus I've found in the Wiki, but I can't seem to get the
horizontal list to display:block, float:left and stay inside of the
container.
If anyone can point me to an example of something like that I'd
appreciate it.
Thanks,
Mike
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Tabs inside of containers
Hi, I am trying to build a horizontal list menu (using an unordered list) and I want to place it inside of a container along with other things such as a header and a search form. Also, I'd like to make it flexible so that if a user increases the font size, the navigation tabs enlarge with the font. I've tried to do this from scratch and from a ton of other menus I've found in the Wiki, but I can't seem to get the horizontal list to display:block, float:left and stay inside of the container. If anyone can point me to an example of something like that I'd appreciate it. Something like that? http://icant.co.uk/articles/flexible-css-menu/ -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Tabs inside of containers
Thanks for your response. The problem I'm having is not the look of the links. I wanted to have a header section of the page that contained all of the things in that section. I finally gave up on that and used this html: div id=header div id=newnav ul lia href=#Link 1/a/li lia href=#Link 2/a/li lia href=#Link 3/a/li lia href=#Link 4/a/li lia href=#Link 5/a/li li class=searchFormSearch: input type=text size=20 / input type=image src=images/button-go.gif name=go //li /ul /div /div div id=topClassUNCLASSIFIED/div div id=decorate1/div I applied a background image to #header and another one to #decorate1 and used absolute positioning for #topClass to achieve the look I wanted. Everything flexes and it works fine. I'm just disappointed that I couldn't put everything in a container. Maybe that's not important. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Tabs inside of containers
Beauchamp Michael J CONT NPRI wrote: Thanks for your response. The problem I'm having is not the look of the links. I wanted to have a header section of the page that contained all of the things in that section. I finally gave up on that and used this html: div id=header div id=newnav ul lia href=#Link 1/a/li lia href=#Link 2/a/li lia href=#Link 3/a/li lia href=#Link 4/a/li lia href=#Link 5/a/li li class=searchFormSearch: input type=text size=20 / input type=image src=images/button-go.gif name=go //li /ul /div /div div id=topClassUNCLASSIFIED/div div id=decorate1/div I applied a background image to #header and another one to #decorate1 and used absolute positioning for #topClass to achieve the look I wanted. Everything flexes and it works fine. I'm just disappointed that I couldn't put everything in a container. Maybe that's not important. Michael, I don't understand why you couldn't put everything in a container, nor what is wrong with the markup above. What was the problem that you saw when you tried to put everything in a container? And why did you want to put everything in a container in the first place? A link to the page with the problem would probably be helpful. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
