Hola necesito saber donde tengo que colocar cada una de las partes de este codigo en mi página para que tras introducirle mis imagenes,etc. aparezca el efecto que contiene este menu.
El codigo CSS del menu ¿Donde lo pongo? :
/*--- Menu 17--- */
#menu17 {
width: 200px;
margin: 10px;
}
#menu17 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu17 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu17 li a:link, #menu17 li a:visited {
color: #FFF;
display: block;
background: url(../images/menu17.gif);
padding: 8px 0 0 35px;
}
#menu17 li a:hover {
color: #FFF;
background: url(../images/menu17.gif) 0 -32px;
padding: 8px 0 0 35px;
}
El codigo HTML del menu ¿Como hago para que el estilo CSS anterior se aplique a este menu? :
<div id="menu17">
<ul>
Lien 1
Lien 2
Lien 3
Lien 4
Lien 5
</div>
Me salvan si me pueden dar el codigo ordenado con la <head> y <body>. Un saludo
El codigo CSS del menu ¿Donde lo pongo? :
/*--- Menu 17--- */
#menu17 {
width: 200px;
margin: 10px;
}
#menu17 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu17 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu17 li a:link, #menu17 li a:visited {
color: #FFF;
display: block;
background: url(../images/menu17.gif);
padding: 8px 0 0 35px;
}
#menu17 li a:hover {
color: #FFF;
background: url(../images/menu17.gif) 0 -32px;
padding: 8px 0 0 35px;
}
El codigo HTML del menu ¿Como hago para que el estilo CSS anterior se aplique a este menu? :
<div id="menu17">
<ul>
</div>
Me salvan si me pueden dar el codigo ordenado con la <head> y <body>. Un saludo