Lektion 11 - Galerie mit CSS

[anke]

Hallo Kurt

ich schleiche hier schon ein paar Tage um die Antwort, weil sie etwas umfangreicher ausfallen wird und ich ein bisschen Reperaturarbeit in der Lektion vornehmen muss.

Es fehlt in der Lektion noch eine Klasse.

.gross

Sie wird auf dem Bild-Element img zugewiesen

Code: Alles auswählen

.bilder li a img.gross {
   position: absolut;
   top: -400 px;
   left: 0 px;
}

nimm aus der .bilder li a img alles raus, bis auf die Sichtbarkeit:

Code: Alles auswählen

.bilder li a img {
   visibility: hidden;
}

[kp2709]

hallo anke,
danke für deine hilfe, hab alles so gemacht, aber es stimmt immer noch was nicht.
sieh hier der link

http://reikuma27.reikuma.bplaced.de/web ... lerie.html

es wird nicht so angezeigt wie in deiner lösung

lg kurt

[anke]

Hallo Kurt

Also die CSS ist so gut wie identisch mit der aus meinem Beispiel. Ausnahmen: dfu hast .bilder li a:active img, b.bilder li a:focus img einen Außenabstand links von -20 stehen.

Jedoch musst du den Bildern im html-Code noch die Klasse .gross jedem Bild zuweisen, dann sollte es funktionieren.

Viele Grüße

Anke

[kp2709]

also meine lieben,
hier die korrektur
http://reikuma27.reikuma.bplaced.de/web ... lerie.html#

lg
kurt

[anke]

Hallo Kurt

ändere den Außenabstand in der .bilder li a img.gross in einen Absoluten Abstand

margin-top: -400px zu top: -400px und margin-left: 0px zu left: 0px

Gruß Anke

[kp2709]

hi anke,
ich sollte mehr auf meinen bauch hören und nicht stur die lektion durcharbeiten , sondern auch an das denken, was ich gelernt hab.
hier der link
http://reikuma27.reikuma.bplaced.de/web ... lerie.html#

lg
kurt

[anke]

gut Ding braucht halt Weile
jetzt ist's super

[Hellriders]

hier nun mein Ergebnis

css_galerie

Sieht nicht genauso aus wie das Original.
Weshalb ist soviel Platz unter der Galerie?

gruß micha

[camouflage1984]

Hallo Micha

Du musst deine id="galerie" floaten, damit der Abstand verschwindet.