...

View Full Version : CSS Menu - Can This Be Modified To Single Level Drop down?



Mehdi72
07-25-2007, 02:32 AM
Is there a way to modify this css to make it a single level drop dowm menu?

http://www.dynamicdrive.com/style/csslibrary/item/modern-bricks-menu/

Here's the css :



<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

</style>


And incorporated into HTML :

h**p://seodesign.eu/soon.html

garydarling
07-25-2007, 03:15 PM
Is there a way to modify this css to make it a single level drop dowm menu?

Do you mean a menu that has a drop down list when you hover over it? If so, check out the samples created by Stu Nichols:

http://www.cssplay.co.uk/menus/

Mehdi72
07-25-2007, 04:15 PM
Do you mean a menu that has a drop down list when you hover over it? If so, check out the samples created by Stu Nichols:

http://www.cssplay.co.uk/menus/

Yes that's what I mean but I have a look at Stu's menus and I want larger boxes and had problems increasing the size.

daemonkin
07-25-2007, 04:31 PM
Try Suckerfish (http://www.htmldog.com/articles/suckerfish/dropdowns/)!

I always use this for my navigation. Makes single and even double/triple drop downs a breeze.
My site Thousand-sons (http://www.thousand-sons.co.uk) uses the vertical navigation option

D.

Mehdi72
07-25-2007, 09:27 PM
Try Suckerfish (http://www.htmldog.com/articles/suckerfish/dropdowns/)!

I always use this for my navigation. Makes single and even double/triple drop downs a breeze.
My site Thousand-sons (http://www.thousand-sons.co.uk) uses the vertical navigation option

D.

Thanks. I need a horizontal menu with borders and I can't figure out how to do it. If I post the css will you take a look?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum