Bilder untereinander sollen aber nebeneinander

Vera-

Grünschnabel
Hallo,
ich habe bilder die bei mouseover größer werden.
Ich habe den Code von homepage-faqs.de, wo aber die Bilder untereinander angeordnet sind. Ich möchte aber gerne, dass die Bilder nebeneinander sind.

Hier der Code:
Code:
<html> 
<head> 
<title></title>
<style>
a.bild1 { display:block; background-image:url(../Bilder/bildklein.png); width:120px; height:100px }
a.bild1:hover { background-image:url(../Bilder/Bild1.jpg); width:600px; height:450px }
a.bild2 { display:block; background-image:url(../Bilder/bildklein2.png); width:120px; height:100px }
a.bild2:hover { background-image:url(../Bilder/Bild4.jpg); width:600px; height:450px }
a.bild3 { display:block; background-image:url(../Bilder/bildklein3.png); width:120px; height:100px }
a.bild3:hover { background-image:url(../Bilder/Bild5.jpg); width:600px; height:450px }
a.bild4 { display:block; background-image:url(../Bilder/bildklein4.png); width:120px; height:100px }
a.bild4:hover { background-image:url(../Bilder/Bild6.jpg); width:600px; height:450px }
</style>
</head>
<body>

<a class="bild1" href="#"></a> 
<a class="bild2" href="#"></a>  
<a class="bild3" href="#"></a> 
<a class="bild4" href="#"></a>

</body> 
</html>
 
Dankeschön, hat geklappt :)
Ich hab den Text zentriert, wo die Bilder drüber sollen aber irgendwie gehen die nicht mit in die Mitte? :D
 
Ok, dann nächster Versuch :suspekt:

Entferne im CSS dort, wo das display:block+float:left steht, diese beiden Angaben, und füge stattdessen:
Code:
display:inline-block;
...dort ein.

dem <p> gebe den Style
Code:
text-align:center;
 
Zurück