Seite 1 von 1

Links als Bilder mit Hover nebeneinander

Verfasst: 14.01.2009 09:35
von Elvis
Hallo,
wie kan ich die Bilder wie im diesem Beispiel nebeneinander Darstellen ???

HTML

Code: Alles auswählen

<div id="root">

	<div id="test">
	<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
	<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a> 
	<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
	<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a> 
	</div>
	
</div>
style.txt

Re: Links als Bilder mit Hover nebeneinander

Verfasst: 14.01.2009 09:54
von HJW
Hallo,

Code: Alles auswählen

.logo:link, .logo:visited {
background:transparent url(images/fx.png) repeat scroll 0 0;
display:block;
height:80px;
width:80px;
float:left;
}

Code: Alles auswählen

.xampp:link, .xampp:visited {
background:transparent url(images/xampp.png) repeat scroll 0 0;
display:block;
height:80px;
width:80px;
float:left;
}
Gruß
Hermann Joseph

Re: Links als Bilder mit Hover nebeneinander

Verfasst: 15.01.2009 14:02
von Elvis
Danke.