CSS Tabbed Navigation Menu - 1 of 2

Check out these great Hostgator Hosting Plans!
http://bit.ly/HostgatorHostingSale




In this Dreamweaver Tutorial by James at http://www.dreamweavertutorial.co.uk , find out how to create a CSS Horizontal Tabbed Menu which is fully Customizable too.

For further information and menu demonstration:

http://dreamweavertutorial.co.uk/dreamweaver/articles/css-tabbed-navigation-m...


Google + gplus.to/dreamweavertutorial

Category:

Howto & Style

Tags:

• html tabbed
• tabbed menu
• tabbed menus
• tabbed navigation
• css horizontal tabbed me
• dreamweaver tutorial
• css tutorial

[MrTeachitalian]

Great teacher!! I also fix the explorer problems but the :

-moz-border-radius-topleft:15p­x; -moz-border-radius--topright:1­5px;

still dasn't work ??

in my editors or topstyle 4 or Php Ed dasn't even get the color for indicate is a code!!

[DreamWeaverTutorial]

@MrTeachitalian Hi, for firefox its the -moz prefix but for Chrome and safari it is -webkit you have to declare both seperately. Now that CSS3 has become more popular you can just declare the border-radius on its own without the -moz or -webkit prefixes in front. the prefixes are needed for older browsers now. I hope that makes sense. heres what i mean:

border-radius-top-left: 5px; <-- generic

-moz-border-radius-topleft: 5px; <-- specific

-webkit-border-top-left-radius­­:5px; <--specific

[bbigbid]

Hello

Great video - I am using Expressions web. when i set the float left, it puts each tab heading down in a staircase. each tab is about 1/3 the way down the next. any idea?

[DreamWeaverTutorial]

@bbigbid Hi, that problem can occur in IE7. Are you still using IE7? the fix is to set

#holder ul li { display: inline; }

that will level them.

[SaitebisDamzadeba]

does not works in ie6

[dovic3107]

please how to make the split view like that ??( in bottom )

[dovic3107]

Thank you 

[Vaspire10]

Thanks, great video tutorial.

I have a question. The wording (text) on my tab is too long and it ran outside and under other tab. How do I make that specific tab big or longer, so it contains all working (text) inside?

thanks

[dontbeonmyway]

thx much :)

[Harmanps91]

thanks man !!



[lsh8108]

Hi thanks for this tutorial . quite an important question which is whether from here am i able to edit a drop down menubar?

Thanks!!

[MrTeachitalian]

Hi, I also have ad this problems?? with exploree but not with google crome ?? but also the

-moz-border-radius-topleft:15p­x;

-moz-border-radius--topright:1­5px;

dasn't work??