GFX-Sector - HTML, CSS

hy
ich glaube das würde per adobe dreamweaver gehen...wenn nicht habe ich mich wohl getäuscht
die einzige möglichkeit ist die, die du schon angesprochen hast
weitere sind leider mir nicht bekannt
mfg potee

:::...My.Newest.Work...:::


...My Favourite...

wie in dem anderen thread beschrieben...

ne ul...

li: float: left;

ul li a:link, ul li a:visited, ul li a:hover, ul li a:active: display: block;text-indent:-999px;

ul li a:link, ul li a:visited: background:url('statisches_bild.png') no-repeat;

ul li a:hover, ul li a:active: background:url('hover_bild.png') no-repeat;

und dann schaut das ganze in html so aus:

1:
2:
3:
4:
5:
6:
7:
8:

<ul id="nav_x">
	
	<li><a href="/home">Startseite</a></li>
	<li><a href="/unternehmen">Unternehmen</a></li>

</ul>

Du kannst das Bild selbst nicht mit einem Hovereffekt ausstatten.

Die einfachste Variante, die auch ohne Javascript auskommt, ist den Hintergrund wechseln zu lassen. Das ist zB. das Prinzip auf dem die Mainnavigation von diesem Forum basiert (ganz oben, die großen Rechtecke).

Schau dir mal den Quelltext an...

Auszug:

HTML:

<a href="team.html" title="Team" class="naviteam"></a>

CSS:

.naviteam{display:block;float:right;background-image:url(team.jpg);backgrou
nd-repeat:no-repeat;width:93px;height:149px;}

.naviteam:hover{background-image:url(team_hover.jpg);}


edit: Die Variante von Izak funktioniert natürlich auch!