quisiera saber como añadir este menu que lo saque de una pagina y a verdad es que estoy perdido. quiero que me salga la imagen de fondo del menu y no sale:
ESTILO-GENERAL.CSS:
/* V2 */
*{
list-style:none;
margin:0px;
padding:0px;
}
#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(images/menu1.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:hover {
color: #26370A;
background: url(images/menu1.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:active {
color: #26370A;
background: url(images/menu1.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
PLANTILLA.HTML:
<div id="menu">
<ul>
Home
About
Services
Portfolio
Store
Menu
</div>
ESTILO-GENERAL.CSS:
/* V2 */
*{
list-style:none;
margin:0px;
padding:0px;
}
#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #94AA74;
border-size: 1px;
border-width: 1px;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #5E7830;
display: block;
background: url(images/menu1.gif);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:hover {
color: #26370A;
background: url(images/menu1.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
#menu li a:active {
color: #26370A;
background: url(images/menu1.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
}
PLANTILLA.HTML:
<div id="menu">
<ul>
</div>