Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Thread Tools Display Modes
Old 03-09-2012, 04:43 PM   #1
Join Date: Oct 2010
Posts: 19
Default I want to disinherit them all!


I'm doing a vertical menu bar and I want the submenus to a) be wider than the main menu and b) have a smaller font size.

I've had no problem changing the width, font, font size, etc. on the Spry css page, but I haven't found a way to "disinherit" one level from another so I can style each one the way I want. Most of the things I tried have screwed up the menu in one way or another.

Can someone help me with this, pretty please with sugar on top?
Webbedfeat is offline   Reply With Quote
Old 03-09-2012, 05:52 PM   #2
DWcourse's Avatar
Join Date: Apr 2009
Posts: 3,276

Commandment #10: http://www.dwcourse.com/dreamweaver/...y-menubars.php

And God said, “let the styling for the sub-menus be separated from the styling of the main menu.” And it was, with the addition of a new style rule, so.

By creating a new style rule (ul.MenuBarVertical ul li or ul.MenuBarHorizontal ul li for submenu list items and ul.MenuBarVertical ul a or ul.MenuBarHorizontal ul a for submenu links – notice the second ul in the selectors) you can define CSS properties that apply only to submenus (or more precisely to unordered lists that are themselves within an unordered list). And, by the way, you only have to define the properties that you want to be different from the main menu. The rest of the properties will be inherited.
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 09:05 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com