Moin!
habe folgende Navigation im Sinne:
Sollen also Tabs sein.
Der Tab der aktiven Seite ist der, der noch ein Stück nach unten geht. Das blaue Ding soll erscheinen wenn man mit der Maus über einen der anderen Tabs fährt.
Mein Problem: wie setzt man das sinnvoll um?
Kann ich einfach je drei Bilder machen und die irgendwie dreidimensional übereinanderlege und je nach Seite die Reihenfolge anders ist?
geht da vielleicht was mit CSS? Da kenn ich mich leider nicht aus...
Hoffe ihr könnt mir helfen.
Merci!
<edit> genau... das hier meine ich:
https://www.tutorials.de/forum/css/199934-bilder-uebereinander-legen.html
z-index. damit kann ich ja scheinbar bilder übereinander legen. fein. dann kann man ja sicher noch ein onmouseover irgendwie einbauen und dann sollte das ja gehen.
aber gehts nicht vielleicht doch einfacher???
</edit>
<edit2>
ja.. ich weiß ich bin ein Scherzkeks..
habs jetzt folgendermaßen:
und an der Stelle wo die Navi hinsoll:
nu muss ich halt für jede Unterseite ne einzelne Navi machen in der die Reihenfolge der einzelnen Reiter bezüglich des z-index korrekt ist.
oder kommt doch noch wer mit ner genialen idee?
</edit2>
habe folgende Navigation im Sinne:
Sollen also Tabs sein.
Der Tab der aktiven Seite ist der, der noch ein Stück nach unten geht. Das blaue Ding soll erscheinen wenn man mit der Maus über einen der anderen Tabs fährt.
Mein Problem: wie setzt man das sinnvoll um?
Kann ich einfach je drei Bilder machen und die irgendwie dreidimensional übereinanderlege und je nach Seite die Reihenfolge anders ist?
geht da vielleicht was mit CSS? Da kenn ich mich leider nicht aus...
Hoffe ihr könnt mir helfen.
Merci!
<edit> genau... das hier meine ich:
https://www.tutorials.de/forum/css/199934-bilder-uebereinander-legen.html
z-index. damit kann ich ja scheinbar bilder übereinander legen. fein. dann kann man ja sicher noch ein onmouseover irgendwie einbauen und dann sollte das ja gehen.
aber gehts nicht vielleicht doch einfacher???
</edit>
<edit2>
ja.. ich weiß ich bin ein Scherzkeks..
habs jetzt folgendermaßen:
Code:
#eins
{
position:absolute;top:125px;left:68px;
z-index:0;
}
#zwei
{
position:absolute;top:125px;left:178px;
z-index:1;
}
#drei
{
position:absolute;top:125px;left:288px;
z-index:2;
}
#vier
{
position:absolute;top:164px;left:68px;
z-index:3;
}
#fuenf
{
position:absolute;top:125px;left:398px;
z-index:4;
}
#navi
{
position: relative;
}
.b:hover
{
background-color:#aaaaff;
}
.a {
display:block;
color:#000;
width:107px;
height:41px;
padding:7px;
font-size:14px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
border:none;
background-image:url(tablinks.gif);
}
.a:hover {
display:block;
color:#000;
background-image:url(tablinks_over.gif);
}
Code:
<div id="eins"><a href="" class="a">bli</a> </div>
<div id="zwei"><a href="" class="a">bla</a></div>
<div id="drei"><a href="" class="a">blubb</a></div>
<div id="vier"><img src="bilder/leiste.jpg" width="452" height="16" border="0" alt=""></div>
<div id="fuenf"><a href="" class="a">pfff</a></div>nu muss ich halt für jede Unterseite ne einzelne Navi machen in der die Reihenfolge der einzelnen Reiter bezüglich des z-index korrekt ist.
oder kommt doch noch wer mit ner genialen idee?
</edit2>
Zuletzt bearbeitet:
