Bild mit zwei Listen

[firestone]

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

[Gunnar Bittersmann]

@@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'

[firestone]

Super Danke danke :) das war. Klar mache ich daraus ein Stylesheet ;) das war jetzt nur der schnellere weg :)

[Gunnar Bittersmann]

@@firestone:

nuqneH

das war jetzt nur der schnellere weg :)

Nun aber schnell weg!

Qapla'

[Georg]

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" />  
  

[Georg]

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>

[Gunnar Bittersmann]

@@Georg:

nuqneH

[Code]

He, nicht abschreiben, Herr Doktor! ;-)

Qapla'

[Georg]

@@Georg:

nuqneH

[Code]

He, nicht abschreiben, Herr Doktor! ;-)

... Das ist doch kein abschreiben... Das ist E-Recycling ;)

[Matthias Apsel]

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