Ho dato uno stile al tag H3, cioè ad un testo/titolo. Devo però mettere accanto al titolo testo un immage/icona relativa al titolo. Ogni volta che cambia la sezione che si sta leggendo, e quindi anche il titolo, deve cambiare anche l'immagine. Il problema che non so risolvere è che l'immagine deve posizionarsi subito dopo il testo del titolo, ma i titoli delle singole pagine hanno diverse lunghezze. Come posso fare in modo che lìimmagine si posizioni sempre dopo la fine del testo?
applicando style="float:left"
La cosa non va... ora non vedo più l'immagine.
Di solito risolvo cosi io... dovrei vedere il caso specifico allora...
il tag H3 è un blocco quindi potresti usare il background-position per giocare...
in questo modo la tua immagine sarà sempre a DESTRA.Codice PHP:H3{
background: transparent url(immagine.jpg) no-repeat right center
float:left;
padding-right: 20px;
}
Il float server per non sparare al 10% il blocco e farlo adattare al testo
il padding serve per tenere uno spazio fra il testo e la fine del blocco dove ci sarà l'immagine.
non l'ho provato
forse serve solo il ; alla fine della riga
Non va. Ho provato il tuo consiglio ma l'immagine si porta sempre sulla stessa posizione, quindi non dipende dalla lunghezza del testo. Io volevo proprio questo.
Permessi di invio
Rispondi quotando