Pelzameise
Sachse
- Registriert
- Apr. 2008
- Beiträge
- 5.221
Hi,
ich brauche eure Hilfe bei einer Tabnavigation. Und zwar soll sich das Ganze in einem DIV abspielen in dem der komplette Inhalt ist. Dieser Container bekommt dann von mir eine feste Größe.
Eigentlich soll das Ganze ähnlich wie hier auf CB aussehen. Wenn ich mit das Maus über einen Listeneintrag fahre, soll sich das Bild ändern. Die Bilder mach ich später da ich noch nicht weiss, wie sie aussehen sollen. Deshalb machen wir das erstmal mit Farben.
Mein Ansatz:
Wie bekomm ich das hin, dass wenn die Maus drüber ist, sich die Farbe/das Bild ändert?
Außerdem will ich das Ganze schön ins Center.
Und natürlich soll der Listeneintrag, der zu der aktuellen Seite gehört, hervorgehoben werden, wobei das sicher kein Problem darstellt.
Danke schon mal.
ich brauche eure Hilfe bei einer Tabnavigation. Und zwar soll sich das Ganze in einem DIV abspielen in dem der komplette Inhalt ist. Dieser Container bekommt dann von mir eine feste Größe.
Eigentlich soll das Ganze ähnlich wie hier auf CB aussehen. Wenn ich mit das Maus über einen Listeneintrag fahre, soll sich das Bild ändern. Die Bilder mach ich später da ich noch nicht weiss, wie sie aussehen sollen. Deshalb machen wir das erstmal mit Farben.
Mein Ansatz:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta name="author" content="huebsch">
<meta name="editor" content="Windows Editor">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<style type="text/css">
div#inhalt{
border: 1px solid black;
width: 800px;
position: absolute;
left: 40px;
}
.tabmenue
{
font-size: 12pt;
border: 1px solid #808080;
height: 52px;
width: 100%;
text-align: center;
}
.tabmenue ul
{
margin: 0px;
padding: 0px;
}
.tabmenue ul li
{
line-height: 50px;
width: 100px;
border: 1px solid #003366;
background: #66CCFF;
list-style-type: none;
float: left;
}
</style>
<div id="inhalt">
<div class="tabmenue">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
<li>Test4</li>
</ul>
</div>
</div>
</body>
</html>
Wie bekomm ich das hin, dass wenn die Maus drüber ist, sich die Farbe/das Bild ändert?
Außerdem will ich das Ganze schön ins Center.
Und natürlich soll der Listeneintrag, der zu der aktuellen Seite gehört, hervorgehoben werden, wobei das sicher kein Problem darstellt.
Danke schon mal.