zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder mit Beschriftung anordnen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.03.2011, 13:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.03.2011
Beiträge: 3
snaps befindet sich auf einem aufstrebenden Ast
Standard Bilder mit Beschriftung anordnen

Hallo,

ich möchte Bilder mit Beschriftung (recht neben dem Bild, von oben beginnend) anordnen.

Mit der Bschriftung klappt gut - nun möchte ich die Bilder untereinander anordnen - das klappt auch, die Beschriftung steht aber nicht mehr bei den Bildern. Vielleicht kann mir jemand bitte helfen?

Mein Code:
.links {
float:left;
margin-left: 30px;
}

und
<img class="links" src="bild1.jpg" width="150px" height="200px" alt="bild1"/>
<p>Hier steht eine Beschreibung zu dem Bild</p>

<img class="links" src="bild2.jpg" width="150px" height="200px" alt="bild2"/>
<p>Hier steht eine Beschreibung zu dem Bild</p>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.03.2011, 14:08
Benutzerbild von in-flames
Neuer Benutzer
neuer user
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

du musst den float vom ersten bild wieder durch ein clear aufheben.

Code:
<img class="links" src="bild1.jpg" width="150px" height="200px" alt="bild1"/>
<p>Hier steht eine Beschreibung zu dem Bild</p>
<div style="clear:both;"></div>
<img class="links" src="bild2.jpg" width="150px" height="200px" alt="bild2"/>
<p>Hier steht eine Beschreibung zu dem Bild</p>
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.03.2011, 18:19
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.930
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Ich würd das in eine saubere Definitionsliste packen ehrlich gesagt ...

HTML-Code:
<dl>
   <dt>Das Bild</dt>
   <dd>Beschreibung</dd>
</dl>
dt wird gefloatet, dd bekommt genug Abstand nach links und das dl wird mit :after gecleart und erhält ein clear: both ... fertig und sauber.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #4 (permalink)  
Alt 15.03.2011, 20:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.03.2011
Beiträge: 3
snaps befindet sich auf einem aufstrebenden Ast
Standard

Danke euch beiden,

@in-flames
Anordnung funzt aber die bilder werden nicht mehr angezeigt ?

@Boris
hört sich gut an, kenne aber dl, dt und dd nicht, werde mich Morgen mal schlau machen

nochmal Danke, Forum ist super
Mit Zitat antworten
  #5 (permalink)  
Alt 15.03.2011, 20:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.03.2011
Beiträge: 3
snaps befindet sich auf einem aufstrebenden Ast
Standard

entschuldigung in-flames,

es funzt wunderbar, ich habe den Pfad zum Bild nicht angegeben - mein Fehler.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3 Bilder in einem DIV anordnen (links, mittig, rechts) plegox CSS 5 29.04.2010 18:28
bilder in div container unten anordnen diegaby CSS 12 17.11.2008 14:08
Bildergalerie mit Variablen fledermaus Serveradministration und serverseitige Scripte 1 08.04.2008 08:57
Bilder mit jeweils einem Untertitel folgend anordnen... Baron CSS 8 01.10.2007 22:51
Bilder und Text anordnen - Probleme mit Opera soulson7 CSS 1 11.07.2005 19:49


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:46 Uhr.