xpfreund: unter Galeriebild einen Text setzen

Beitrag lesen

SELF-Forum

unter Galeriebild einen Text setzen

xpfreund
– Informationen zu den Bewertungsregeln

Hallo,

Wie schreibe ich nun noch einen Text unter jedes Bild?

Du wirst Bild und Bildunterschrift in ein Element packen müssen, eine Liste bietet sich hier an:

<ul>

<li>
    <p><img src=" " alt="..." /></p>
    <p>Bildunterschrift</p>
  </li>

<!-- weitere LI-Elemente -->
</ul>


>   
> Und das CSS:  
>   
> ~~~css

ul { list-style-type:none; }  

> li { width:20em; float:left; }

Den CSS-Feinschliff überlasse ich Dir, das ist nicht unbedingt meine Baustelle :)

Ich hab das jetzt so gemacht:
CSS

  
img.galbild {  
 padding-right: 10px;  
}  
  
ul.bilder {  
list-style-type:none;  
padding: 0px;  
}  
li.picture { width:20em }  
p.liste {  
 line-height: 80%;  
 padding: 0px;  
   text-align: center;  
}

PHP

  
for ($i=2;$i <= $anzahl;$i++) {  
echo "<ul class=\"bilder\"><li class=\"picture\">\n";  
echo "<p><img class=\"galbild\" src=\"Bilder/Galerie/$i.jpg\" border=\"0\" height=200 width=250 alt=\"Bild $i\" /></p>\n";  
echo "<p class=\"liste\">Bild $i</p></li></ul>";  
}

Damit wird jedes Bild untereinander angezeigt und nicht mehr nebeneinander.
Habe verschiedene Verschachtelungen mit divs und den Listen probiert. Aber das entscheidende war nicht dabei. Über einen float kam genau das richtige Ergebnis, allerdings wurde der link

  
<p class="topper">  
<a href="#startseite" id="oben">nach oben</a>  
</p>

ganz rechts oben angezeigt (1 Zeile tiefer), wodurch der abschließende div in dem das gesamte angezeigt wird, schon daoben und nicht am Ende der Bilder
geschlossen. Ich glaube mittlerweile, dass ich um Tabellen für die Bilder nicht mehr rum komme. Wenns nicht gerade noch was anderes gibt.

gruß aus Senftenberg am See

Beitrag melden
–
Informationen zu den Bewertungsregeln