[css] lista ordinata sotto immagine float

[Al_katraz984]

Raga problema..

Ho una foto float: right;
Sotto ci scrivo tutto il testo e ci aggiungo una lista ordinata..

Allora il testo quando incontra l'immagine va a capo mentre il box della lista ordinata mi continua sotto all'immagine e si vede dall'altra parte..

C'era un tutorial se non erro ma non lo trovo..

Chi mi aiuta????

[Another-Life]

Non si capisce bene il problema,posta qualche screenshot^^

[Al_katraz984]

Il problema è questo..

[Al_katraz984]

a me serve questo..

[Another-Life]

Posta il codice Xhtml+Css cosi ti dico cosa devi modificare....

[Al_katraz984]

Css

#menuguide img.guide {
    margin: 0.2em;
    float: right;
}

#menuguide ol {
    border: 1px solid #000000;
    padding-left: 0.2em;
    background: #384148;
    margin: 1.5em 0;
}

#menuguide ol li {
    margin: 0.7em 0;
} 

Html:

<div id="menuguide">
<div>[img]/images/img/riqpref.gif[/img]</div>


testo</p>


testo</p>


testo</p>



testo</p>
[list=1][*]testo[/list]
</div> 

[Another-Life]

Aggiungi la proprietà float: left; al seguente selettore:

#menuguide ol {
    border: 1px solid #000000;
    padding-left: 0.2em;
    background: #384148;
    margin: 1.5em 0;
}

[Al_katraz984]

niente float: left.. xke mi fà andare la lista sotto all'immagine..

A me serve che resti posizionata giusta..

[Mich_]

Nel codice HTML hai un <div> in piu`, che crea confusione.
Il <div> che racchiude l'immagine puoi toglierlo.

In alternativa, il float devi darlo al <div>, non all'immagine che ci sta dentro.

[Another-Life]

Originariamente inviato da Al_katraz984
niente float: left.. xke mi fà andare la lista sotto all'immagine..

A me serve che resti posizionata giusta..

Scusa..il valore da mettere era float: right;