Schrift unter Bild

[Edy]

Hallo :)

ich möchte eine Seite erstellen und hab ein horizontales menü erstellt mit Bildern aber wenn ich denen Namen zuweise dann sind sie entweder rechts oder links aber wie kann ich die schrift in der Mitte tun? :( bitte um Hilfe

(
<li><a href='Sportback.html'><img src="css/Sportback.png">Sportback</a></li>

<li><a href='Cabriolet.html'><img src="css/Cabriolet.png">Cabriolet</a></li>

<li><a href='Avant.html'><img src="css/Avant.png">Avant</a></li>

<li><a href='Coup&eacute;.html'><img src="css/Coupe.png">Coup&eacute</a></li>

<li><a href='SUV.html'><img src="css/SUV.png">SUV</a></li>

<li><a href='Limousine.html'><img src="css/Limousine.png">Limousine</a></li>

</li> ) das ist der Html code



So sieht die Seite aus :(


Mfg

Edy

 

[newnewbie]

Vielleicht geht auch die Namen in <span></span> zu packen und als CSS-Regel:

.drop_menu li span {
display: block;
text-align:center;
}

 

[Edy]

Informiere dich über das figure-Element von HTML5, das tut genau was Du brauchst.

danke für die info :)

 

[Edy]

Vielleicht geht auch die Namen in <span></span> zu packen und als CSS-Regel:

.drop_menu li span {
display: block;
text-align:center;
}

danke vielmals es hat geklappt