Hi
und zwar wie kann ich hier mit einem bild den hover effekt erzeugen...?
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Hercutec-Chemie</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style_index.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navi" align="center">
<ul>
<li><a href="index.htm" class="navi"><img src="bilder/test.jpg" border="0" height="58px" width="128px" alt="1" /></a></li>
<li><a href="index.htm" class="navi"><img src="bilder/test.jpg" border="0" height="58px" width="128px" alt="1" /></a></li>
<li><a href="index.htm" class="navi"><img src="bilder/test.jpg" border="0" height="58px" width="128px" alt="1" /></a></li>
<li><a href="index.htm" class="navi"><img src="bilder/test.jpg" border="0" height="58px" width="128px" alt="1" /></a></li>
<li><a href="index.htm" class="navi"><img src="bilder/test.jpg" border="0" height="58px" width="128px" alt="1" /></a></li>
</ul>
</div>
<div id="content"></div>
</div>
</body>
</html>
Alles anzeigen
Code
*{
margin:0;
padding:0;
}
#wrapper{
width:900px;
height:500px;
border: thin dotted blue;
margin-left:6%;
margin-top:2.5%;
}
#navi{
text-align: center;
}
#navi ul{
list-style:none;
margin-left:8%;
margin-top:3%;
}
#navi li{
float:left;
padding-left:2%;
}
.navi1{
background-image: url(bilder/test.jpg); background-repeat: no-repeat;
height:100%;
width:128px;
}
.navi img:hover{
border: thick hidden ;
}
Alles anzeigen
DANKE schonmal...