|
||||
Bildergalerie mit Bildunterschrift, Bilder nebeneinander
Hallo zusammen,
ich will eine Bildergalerie mit CSS umsetzen. In meiner "Bibel" (Seibert/Hoffmann: Professionelles WebDesign mit (X)HTML und CSS) steht der Tipp drin, dass man das mit Definitionslisten machen soll, allerdings steht da leider nicht drin, wie ich die Elemente dann mit CSS anordnen kann. Optik der Seite soll wie im Anhang sein, nur mit Bildunterschriften zusätzlich. Ohne CSS-Formatierung der Definitionsliste sieht die Seite im Augenblick wie folgt aus: http://www.webdaisy.de/coton/welpen/coton.htm. Kann mir jemand sagen, wie ich die Beschriftungen nun unter die Bilder kriege und die kleinen Bilder alle brav nebeneinander in zwei Zeilen? Danke und Gruß Catharina PS: kann man das Tauschen des großen Bildes bei Berührung eines kleinen eigentlich auch mit CSS machen statt mit Javascript? |
Sponsored Links |
|
||||
Das Grundprinzip: http://xhtmlforum.de/41008-unter-jed...-ein-text.html
|
Sponsored Links |
|
||||
habe Lösung selbst gefunden :-))
Hallo, es hat mir keine Ruhe gelassen und jetzt habe ich die Lösung für die Galerie-Anordnung selber gefunden:
Code in der HTML-Seite: Code:
<dl> <dt><img src="lilli_01.jpg"></dt> <dd>Lilli</dd> <dt><img src="dummy_01.jpg"></dt> <dd>Dummy</dd> </dl> Code:
#inhalt dl img{ float: none; margin: 5px; padding: 0px; } #inhalt dt{ float: none; display:inline; } #inhalt dd{ float: left; width: 120px; margin: 5px; padding: 0px; display:block; text-align:center; } http://www.webdaisy.de/coton/welpen/coton.htm Trotzdem ist meine Frage mit dem Wechseln des Bildes ohne Javascript noch offen. Danke und Gute Nacht Catharina |
|
|||
Zitat:
|
|
||||
Deine Lösung funktioniert weder im Opera (7-9) noch im Safari, das solltest Du also nochmal überarbeiten (siehe mein Link).
Einige Galerien mit der gewünschten Funktion ohne JS gibt es auf cssplay.co.uk, den genauen Link habe ich jetzt leider nicht parat. EDIT: Viiieeel zu langsam, genauer Link siehe oben |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Video von youtube responsive in Webseite einbauen | R14 | (X)HTML | 1 | 28.01.2019 22:39 |
Zwei Bilder nebeneinander, sollen kleiner werden! | cecyle | CSS | 1 | 12.01.2014 19:20 |
Hintergrund wird nicht angezeigt | maxx | CSS | 6 | 14.10.2012 19:27 |
Hilfe!!! mein Homepagelayout funktioniert nicht! | maxx | CSS | 5 | 14.10.2012 08:21 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 09:57 |