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
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: Link 1 Link 2 Link 3 Link 4 Link 5 Search: UNCLASSIFIED 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/
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: Link 1 Link 2 Link 3 Link 4 Link 5 Search: UNCLASSIFIED 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
Thierry Koblentz wrote: Beauchamp Michael J CONT NPRI wrote: If you look at the nav here: http://webfx.eae.net/ you'll see that it sort of looks like buttons. Forget the tabs then, go with borders using "outset" Or set the top and left borders to one color and the bottom and right borders to a darker one. Either option creates a 3D button-like appearance. 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/
Re: [css-d] Tabs inside of containers
Beauchamp Michael J CONT NPRI wrote: > If you look at the nav here: http://webfx.eae.net/ you'll see that it > sort of looks like buttons. Forget the tabs then, go with borders using "outset" Thierry | www.TJKDesign.com __ 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 reply, Chris. Those tabs are great. Unfortunately, it's not exactly what I need or at least I don't know how to use your tabs in the way I need. If you look at the nav here: http://webfx.eae.net/ you'll see that it sort of looks like buttons. I need to take that type of look and place it in the upper right-hand corner. In addition, I need to put a background image along the top of the page (on top of the nav buttons) and another one underneath to give it that application-style look. There are other things that I need to have in the same "toolbar" as the nav buttons. I need a header and a search form. So far I've been unsuccessful placing all of these things in a container and placing it at the top of the page. Here's the basic html I'm using: UNCLASSIFIED Link 1 Link 2 Link 3 Link 4 Link 5 Link 6 Search: Then, the main content of the page would start here... The idea is that the whole page would also be fluid like a regular application. I'd appreciate any help you can provide. Thanks again, 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/
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/
[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/