Lektion 11 - Galerie mit CSS

anke
Beiträge: 207
Registriert: Di 19. Aug 2014, 15:24
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von anke » Fr 12. Sep 2014, 14:50

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;
}

Benutzeravatar
kp2709
Beiträge: 52
Registriert: Mi 20. Aug 2014, 11:56
Wohnort: Bayern
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von kp2709 » Fr 12. Sep 2014, 15:29

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 :o :?

lg kurt
Das Leben ist ein Spiel, ich spiele für mein Leben gern!!!

anke
Beiträge: 207
Registriert: Di 19. Aug 2014, 15:24
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von anke » Fr 12. Sep 2014, 18:24

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

Benutzeravatar
kp2709
Beiträge: 52
Registriert: Mi 20. Aug 2014, 11:56
Wohnort: Bayern
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von kp2709 » Fr 12. Sep 2014, 20:32

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

lg
kurt
Das Leben ist ein Spiel, ich spiele für mein Leben gern!!!

anke
Beiträge: 207
Registriert: Di 19. Aug 2014, 15:24
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von anke » Sa 13. Sep 2014, 15:07

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

Benutzeravatar
kp2709
Beiträge: 52
Registriert: Mi 20. Aug 2014, 11:56
Wohnort: Bayern
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von kp2709 » Sa 13. Sep 2014, 15:48

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
Das Leben ist ein Spiel, ich spiele für mein Leben gern!!!

anke
Beiträge: 207
Registriert: Di 19. Aug 2014, 15:24
Kontaktdaten:

Re: Lektion 11 - Galerie mit CSS

Beitrag von anke » Sa 13. Sep 2014, 15:53

gut Ding braucht halt Weile ;)
jetzt ist's super :D

Hellriders
Beiträge: 40
Registriert: Di 18. Aug 2015, 23:02

Re: Lektion 11 - Galerie mit CSS

Beitrag von Hellriders » Mi 28. Okt 2015, 21:09

hier nun mein Ergebnis :)

css_galerie

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

gruß micha

camouflage1984
Beiträge: 243
Registriert: Di 19. Aug 2014, 14:34

Re: Lektion 11 - Galerie mit CSS

Beitrag von camouflage1984 » Fr 30. Okt 2015, 00:10

Hallo Micha

Du musst deine id="galerie" floaten, damit der Abstand verschwindet.
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-cms Das einfache CMS / wzp-webdesign

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast