Citat:
Ursprungligen postat av
winINC
Eh, så du vill ha bakgrundsbilder för dina taggar bara? Eventuellt får du väl posta din kod så vi kan se vad du gör för fel... Många saker kan vi, men läsa av din hårddisk är inte en av dem.
Generellt så är det bara att byta bakgrunden på taggarna med CSS.
Kod:
li{
background:url(path);
}
Har ar koden utan bilder. Hur gor man nar man ska lagga in bilder som tacker typ width 174 px och 49px height for varje bild?
<!DOCTYPE html>
<html>
<head>
<title>Simple CSS Menu - Blog.Theonlytutorials.com</title>
<style>
ul#menu{
margin: 0;
padding: 0;
list-style: none;
width:702px;
height:49px;
}
ul#menu li{
float: left;
}
/* hide the submenu */
li ul.submenu {
display: none;
}
ul#menu li a{
display: block;
background: brown;
float:none;
}
/* show the submenu */
ul#menu li:hover ul.submenu{
display: block;
position: absolute;
float:left;
}
ul#menu li:hover li, ul#menu li:hover a {
float: none;
background: #CC6600;
}
ul#menu li:hover li a:hover {
background: brown;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Menu 1</a>
<ul class="submenu">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul class="submenu">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</body>
</html
