Frage betreffs Listen, Bildern und Textfluss

[Ralgar]

folgendes problem

ich hab ne liste mit bildern und will da linkfluss benutzen, also mal bsp

• BILD textdersolang ist, das er uumbricht und dann in de rnächsten zeile unter dem bild weitergeht

wie erreiche ich das der das net mehr macht, sondern im listenelement rechts neben dem bild bleibt, also der text

habs mit

style="FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 5px"

im img versucht, aber dann zerhauts mir die liste

[Zeromancer]

Begrüßung: Hallo Ralgar,

folgendes problem
ich hab ne liste mit bildern und will da linkfluss benutzen, also mal bsp

verstehe ich erst einmal nicht.

• BILD textdersolang ist, das er uumbricht und dann in de rnächsten zeile unter dem bild weitergeht

Aha.

wie erreiche ich das der das net mehr macht, sondern im listenelement rechts neben dem bild bleibt, also der text

wie breit ist denn deine Liste?

habs mit
style="FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 5px"

im img versucht, aber dann zerhauts mir die liste

Hierbei sei dir http://forum.de.selfhtml.org/hilfe/charta.htm#tipps-fuer-fragende ans Herz gelegt.

Bitte gib uns einen Einblick in deine Seite per Verweis oder den relevanten Teil deines Quelltextes!

Verabschiedung: Mit freundlichen Grüßen,
                André

[Ralgar]

Es sieht so aus

es soll so aussehen

klar, geht mit tabellen, will ich aber nicht nutzen
gehts anders?

Begrüßung: Hallo Ralgar,

folgendes problem
ich hab ne liste mit bildern und will da linkfluss benutzen, also mal bsp

verstehe ich erst einmal nicht.

• BILD textdersolang ist, das er uumbricht und dann in de rnächsten zeile unter dem bild weitergeht

Aha.

wie erreiche ich das der das net mehr macht, sondern im listenelement rechts neben dem bild bleibt, also der text

wie breit ist denn deine Liste?

habs mit
style="FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 5px"

im img versucht, aber dann zerhauts mir die liste

Hierbei sei dir http://forum.de.selfhtml.org/hilfe/charta.htm#tipps-fuer-fragende ans Herz gelegt.

Bitte gib uns einen Einblick in deine Seite per Verweis oder den relevanten Teil deines Quelltextes!

Verabschiedung: Mit freundlichen Grüßen,
                André

[Zeromancer]

Hallo Ralgar,

klar, geht mit tabellen, will ich aber nicht nutzen
gehts anders?

Ich könnte es mir so vorstellen:

HTML
**********

  
<ul>  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text  
</li>  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text  
</li>  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text  
</li>  
</ul>  

CSS
**********

  
ul {  
  list-style:none;  
}  
li {  
  height:etwas_größer_als_Bildhöhe;  
}  
img {  
  width:Bildbreite;  
  float:left;  
  margin: nach_Bedarf;  
}  

bzw. nach jedem float ein clearendes Element einbauen

Mit freundlichen Grüßen,
André

[Ralgar]

die bilder sind z.t. unterschiedlich hoch und/oder breit
das ist das problem

ich dachte man könne es ggf über eine span lösen
grummel, naja, dank dir trotzdem

[Zeromancer]

Hallo Ralgar,

die bilder sind z.t. unterschiedlich hoch und/oder breit
das ist das problem
ich dachte man könne es ggf über eine span lösen

Möglich sind wahrscheinlich viele Wege. Vielleicht äußert sich ja noch eine andere Person. Dies wäre m.E. auch geschehen, wenn du dir ein wenig mehr Mühe bei deinem Posting gegeben hättest...

HTML
**********

  
<ul id="bilder">  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text<br />  
</li>  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text<br />  
</li>  
<li><img src="" height="" width="" alt="" title="" />Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text<br />  
</li>  
</ul>  

CSS
**********

  
ul#bilder {  
  list-style:none;  
 }  
ul#bilder br {  
  clear:left;  
}  
img {  
   width:Bildbreite;  
   float:left;  
   margin: nach_Bedarf;  
 }  
 

Mit freundlichen Grüßen,
André

[Jeena Paradies]

Hallo,

Ich hätte die <br> weggelassen und es so gemacht:

#bilder li { clear:left; }

Grüße
Jeena Paradies

[Ralgar]

so klappts, dankesehr :-)

[Saju]

hallo!

schon mit >>text-align:right<<  probiert?

--
Saju