ciao a tutti,
ho un div in questo modo
come posso allineare il testo in modo che parta sempre dal punto piu basso?codice:<div id="foto" style="background-image:url(foto.jpg); background-repeat:no-repeat; width:300; height:250; text-align:center">QUESTO TESTO DEVE ESSERE ALLINEATO IN BASSO</div>
Grazie mille
Aggiungi allo stile:
bottom:0;
Per i browser standard, aggiungi anche:
margin: auto auto 0 auto; /* il secondo e il quarto possono avere altri valori */
Eventualmente potrebbe essere necessario mettere a zero il border e il padding.
PS: tieni pero` presente che inserire il tasto dentro un <div> direttamente e` considerato un errore di semantica (in XHTML Strict e` anche errore di sintassi): un testo deve stare dentro un tag tipo
o equivalente.
In tal caso devi verificare quale/i attributi assegnare al
e quali lasciare al <div>. Ma per fare una analisi corretta, occorre sapere qualcosa di piu` della pagina.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
grazie mille per la spiegazione, ho provato cosi ma rimane sempre in alto...
codice:<div id="foto" style="background-image:url(foto.jpg); background-repeat:no-repeat; width:300; height:250; text-align:center; bottom:0;">QUESTO TESTO DEVE ESSERE ALLINEATO IN BASSO</div>
Magari e` il contenitore ad essere "basso".Ma per fare una analisi corretta, occorre sapere qualcosa di piu` della pagina.
Probabailmente devi dare
height: 100%;
ai blocchi: html, body e a tutti i blocchi intermedi che contengono quello da allineare in basso.
Per una verifica da' un colore di sfondo (diverso) a tutti i blocchi.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
nella pagina ho solo questo
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <div id="immagine" style="background-image:url(../img/spot/test.jpg); background-repeat:no-repeat; width:365; height:333; text-align:center; bottom:0;" class="text_nero">Testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto, testo finto.</div></body> </html>
Hai provato a mettere anche:
margin: auto auto 0 auto;
(come diceva Mich_)
messo, ma rimane in alto
Ora sono (quasi) sicuro che sia quello il problema.Probabailmente devi dare
height: 100%;
ai blocchi: html, body
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando