[CSS] Vorteil von Listen bei Bildergallerien?

[gegenwind]

Hallo Leute,
ich frage mich immer wieder warum Leute so gerne die list-Attribute verwenden um Bildergallerien zu erstellen?
Warum wurde bei dieser Gallerie mit <li> gearbeitet?


Danke!

 

[Orlandoo]

AW: [CSS] Vorteil von Listen bei Bildergallerien?

Hallo,
bei Bildergalerien wird mit Listenelementen gearbeitet, weil es so semantisch korrekt ist: denn es handelt sich um eine Auflistung von Bildern.

 

[gegenwind]

AW: [CSS] Vorteil von Listen bei Bildergallerien?

Ich meine, wo liegt hier der Vorteil gegenüber der Methode, auf eine Liste zu verzichten?

Hier mal meine leicht abgeänderte Version:

#container li div {
	position:absolute;
	left:-10000px;
	z-index:-1;
	border:0;
	text-align:center;
}

Diesen Code verstehe ich nicht wirklich - was passiert hier?

 

[Herr_D]

AW: [CSS] Vorteil von Listen bei Bildergallerien?

Das blendet eigentlich nur einen Bereich (auf eine unorthodoxe Art aus).... schiebt es dir 10000 pixel au dem Browser nalch links und legt es dann noch hinter alles (-1)


Schau die mal deine Seite ohne css an , dann siehst du die Bilder nicht erst beim hovern...

 

[sokie]

AW: [CSS] Vorteil von Listen bei Bildergallerien?

Der Nachteil, wenn man auf die Liste verzichten würde, wäre dass man eben aud den Zusammenhang der Bilderliste verzichten würde (eigentlich nur der Umkehrschluss aus der Antwort in #2) Zudem müsste man eine Reihe von Containerlementen hinzufügen, um das zu erreichen, was man auf der Seite sieht. Es gibt keinen logischen Grund, der gegen die Liste spricht: die Daten einer Bilderliste sind in eine Liste schon von der Logik her am besten untergebracht. HTML beschreibt die Struktur der Seite. Dies sollte natürlich auch logisch sein.

 

[gegenwind]

AW: [CSS] Vorteil von Listen bei Bildergallerien?

}
#container {
	
	margin-top:30px;
	padding:20px 0px 0px 0px;
	list-style:none;
	position:relative;
	z-index:10;
	width:600px;
	height:670px;
	margin:15px auto;
	font-size:14px;
	border: 5px solid #FFF;
	background-image:url(../gallerie/hintergrundbild.jpg);
}

Hier verstehe ich nicht, warum man position auf relative setzen muss / z-index:10? Wieso erscheinen dann die Bilder nicht mehr, wenn man die thumbs hovert? Die sind doch eigentlich auch im Container drin?