HTML/CSS sinnvolles Konstrukt?

[suit]

Hallo zusammen,

der nachfolgende Code tut erstmal, was er tun soll:
Auf einer Seite sollen im Contentbereich 1 bis x Bildergalerien angezeigt werden.
Jede Galerie kann 0 bis n Bilder enthalten.
Der Hintergrund jeder Galerie soll eine bestimmte Farbe haben, links soll zu jeder Galerie eine Toolbar sein.
Jedes Bildchen hat einen Titel und zu jedem Bildchen gibt es Bearbeitungsicons (die das Bild von oberhalb überlappen dürfen).

Wie gesagt, es funktioniert, aber jetzt frage ich mich, ob das nicht einfacher geht, oder ob ich das CSS noch optimieren kann?!

Wohl eher das HTML:

<ul class="gallery">  
	<li>  
		<a href="foo.html">  
			<figure>  
				<img src="/foo.png" />  
				<figcaption>Bild mit einem foo</figcaption>  
			</figure>  
		</a>  
		<ul class="toolbar">  
			<li><a href="#">Tool 1</a></li>  
			<li><a href="#">Tool 2</a></li>  
		</ul>  
	</li>  
</ul>  

Am CSS kannst du dann acuh noch viel drehen - z.B. inline-block statt float verwenden

Und wenn du weniger mit position: relative herumschleuderst, tust du dir auch einen gefallen - das einzige was du wirklich positionieren musst, ist der toolbar - der rest ist ohnehin da wo er ist.

Dann kannst du natürlich noch an allen Ecken und Enden das "px" streichen - sprich 0 anstatt 0px