Name unter einem Bild

Hallo.

ich brauche wieder einmal eure Hilfe.

Ich habe auf meiner Webseite 4 Bilder nebeneinander und es soll unter jedem Bild einen Namen stehen.

Irgendwie bekomme ich das nicht hin. Kann mir jemand sagen welche Html und Css Befehle ich dafür brauche?

Viele Grüße.

Vielen Dank, so hat es funktioniert.

Ich habe jedem div eine id gegeben um es bei css ansprechen zu können. Also bei 4 Bilder sind das 4 id´s in css.

Bei wenigen Bildern geht das ja noch, aber wenn es mehr Bilder sind (40 - 50 - ? ) dann habe ich ja eine ganz lange Liste in css, nur mit id´s von Bildern, da ich ja jede id einzeln in css ansprechen muss.

Gibt es eine Möglichkeit das mit den vielen id´s zu vereinfachen?

HTML CODE :

<div id="foto1">
<img src="bilder/001.jpg" height="155" width="116" alt="Name" />
<div/> <p>Name</p>

<did="foto2"> <img src="bilder/002.jpg" height="155" width="116" alt="Name" />
<p> Name</p
</div>

CSS Code :

#foto1 { float: left;
border: solid FF8AFF;
}
#foto2
{ float: left;
border: solid #FF8AFF;
}

Vielen, vielen Dank Laura, so funktioniert es und ich habe wieder etwas dazu gelernt.

Denn ich hatte es schon mit class versucht, was aber nicht funktioniert hat. Und wie ich jetzt an deinem Code gesehen habe, hatte ich die class komplett falsch eingesetzt. Denn ich habe sie hinter img gesetzt. Kein Wunder dass es nicht funktioniert hat. Aber jetzt weiß ich wie es richtig geht. Es kann alles so einfach sein, wenn man weiß wie es geht

Ich wünsche dir noch ein schönes Wochenende.