[Codigo CSS]Cambiar menu de vertical a horizontal facilmente

Código:

/*menu */

#nav {

margin-left: 295px;

list-style: none;

background: #900;

padding: 0;

border: 1px solid #fff;

border-width: 0px 0px 0px 1px;

}

#nav ul {

margin: 0;

padding: 0;

height: 1em;

}

#toolbar form {

margin: 0;

padding: 0.1em 2em 0.1em 0em;

height: 1em;

}

#toolbar input {

margin: 1px;

}

#nav a {

display: block;

color: #fff;

text-decoration: none;

padding: 0.1em 2em;

}

#nav li {

float: left;

padding: 0;

background: #900;

border: 1px solid #fff;

border-width: 1px 0;

}

#nav li ul {

position: absolute;

left: -999em;

height: auto;

width: 14.4em;

width: 12.9em;

font-weight: normal;

border: 1px solid #fff;

margin: 0;

list-style: none;

}

#nav li li {

padding-right: 1em;

width: 13.4em;

border: 0px;

}

#nav li ul a {

width: 12em;

width: 9em;

}

#nav li ul ul {

margin: -1.75em 0 0 14em;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: auto;

}

#nav li:hover, #nav li.sfhover {

background: #F20000;

}

/* end menu */


super-ayuda-webmaster escribió:un codigo genial!!!!


"Tema "