Bild mit zwei Listen
firestone
- css
0 Gunnar Bittersmann0 Georg0 Georg
Hallo zusammen,
ich möchte gerne zwei Listen und ein Bild zusammen in eine Zeile bringen . ich habe folgendes Versucht
<ul style="float:left">
<li>
xxx</li>
<li>
xxx</li>
<li>
xxx</li>
<li>
xxx</li>
</ul>
<ul style="float:left">
<li>
xxx</li>
<li>
xxx</li>
<li>
xxx</li>
<li>
xxx</li>
</ul>
<img scr="pfad" style="float: right;"/>
Leider habe ich dann die beiden Listen nebeneinander ich hätte sie aber gerne untereinander und das Bild halt rechts umfließend vom Text der Listen.
Lg Fireli
@@firestone:
nuqneH
Leider habe ich dann die beiden Listen nebeneinander ich hätte sie aber gerne untereinander und das Bild halt rechts umfließend vom Text der Listen.
Dann sollte das Bild (mit 'float: right', aber bitte nicht inline im @style-Attribut, sondern im Stylesheet!) vor den Listen (nicht gefloatat!) im Markup stehen.
Qapla'
Super Danke danke :) das war. Klar mache ich daraus ein Stylesheet ;) das war jetzt nur der schnellere weg :)
@@firestone:
nuqneH
das war jetzt nur der schnellere weg :)
Nun aber schnell weg!
Qapla'
Hallo zusammen,
Leider habe ich dann die beiden Listen nebeneinander ich hätte sie aber gerne untereinander und das Bild halt rechts umfließend vom Text der Listen.
Meinst du so? Und noch etwas. Styles gehören eigentlich nicht in den HTML Code. Die solltest du auslagern. Hier nur zu Demozwecken genutzt ;)
<div style="float:left">
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
</div>
<img src="galerie_001.jpg" />
Hallo zusammen,
bzw.
<img src="galerie_001.jpg" style="float:right" />
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
<ul>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
<li>xxx</li>
</ul>
@@Georg:
nuqneH
[Code]
He, nicht abschreiben, Herr Doktor! ;-)
Qapla'
@@Georg:
nuqneH
[Code]
He, nicht abschreiben, Herr Doktor! ;-)
... Das ist doch kein abschreiben... Das ist E-Recycling ;)
Om nah hoo pez nyeetz, Georg!
> <img src="galerie_001.jpg" style="float:right" />
> <ul>
> <li>xxx</li>
> <li>xxx</li>
> <li>xxx</li>
> <li>xxx</li>
> </ul>
> <ul>
> <li>xxx</li>
> <li>xxx</li>
> <li>xxx</li>
> <li>xxx</li>
> </ul>
> >
> >
Immer diese Pornoseiten.
Matthias