Problema visualizzazione immagini

[Marco017]

Ciao a tutti!

Ho un problema con l'inserimento di immagini incorniciate con il testo. Vi scrivo i codici html che ottengo.

Codice html ottenuto inserendo l’immagine dal tasto “immagine” a fondo pagina:

Codice: [Seleziona]

<p>Testo di esempio.<img src="images/stories/foto01.jpg" border="0" alt="foto01" title="foto01" width="278" height="191" align="right" /></p>
<p style="TEXT-ALIGN: justify">Testo di esempio.</p>

La visualizzazione del sito è corretta. Il problema è che non posso modificare le proprietà dell’immagine (il bordo per non avere il testo attaccato, le dimensioni per mantenere le corrette proporzioni, ecc.). Se lo faccio il codice ovviamente cambia (vedi sotto) e, con esso, la visualizzazione sul browser.

Codice html ottenuto inserendo l’immagine dal “quadratino” (dell'editor TinyMCE) presente nelle opzioni in alto:

Codice: [Seleziona]

<p> Testo di esempio.<img src="images/stories/ foto01.jpg " border="0" alt="foto01" title="foto01" width="278" height="191" style="float: right; border: 10px;" /></p>
<p style="TEXT-ALIGN: justify"> Testo di esempio.</p>

La visualizzazione sul browser del sito è scorretta. L’immagine non viene incorniciata nel testo.  Ma appare in linea con esso.

Spero di essermi spiegato.

Grazie a tutti per la risposta!

[mikelee]

ci dai l'indirizzo del sito?

[Marco017]

ci dai l'indirizzo del sito?

Per adesso è solo in locale. Se ti srvono altre informazioni chiedi pure.

Grazie per la risposta!

[mikelee]

Ma il tuo obiettivo quale sarebbe?

[Marco017]

Ma il tuo obiettivo quale sarebbe?

Vorrei riuscire a inserire dei bordi alle immagini e a modificarne le dimensioni lasciandole incorniciate nel testo.

[mikelee]

Per inserire un bordo alle immagini ti conviene modificare il css non l'html.
Ti crei una classe nel css tipo:

p img.bordo {
   border: 1px solid #000;
}

e nell'html inserisci:

Codice: [Seleziona]

<p>Testo di esempio.<img class="bordo" src="images/stories/foto01.jpg" border="0" alt="foto01" title="foto01" width="278" height="191" align="right" /></p>
<p style="TEXT-ALIGN: justify">Testo di esempio.</p>

[Marco017]

Per inserire un bordo alle immagini ti conviene modificare il css non l'html.
Ti crei una classe nel css tipo:

p img.bordo {
   border: 1px solid #000;
}

e nell'html inserisci:

Codice: [Seleziona]

<p>Testo di esempio.<img class="bordo" src="images/stories/foto01.jpg" border="0" alt="foto01" title="foto01" width="278" height="191" align="right" /></p>
<p style="TEXT-ALIGN: justify">Testo di esempio.</p>

Scusa ma ti riferisci al css dell'articolo o (come credo) al file template.css??

Perchè devo creare molti articoli con foto e quindi mi servirebbe una modifica che si possa utilizzare sempre. Spero di essere stato chiaro.

Grazie ancora!!!