Ho 3 colonne affiancate con i float (left-left-right), ed all'interno altri div o link, su due colonne ho dei link a formattati a blocco e li voglio allineare a destra o sinistra ma su Mozilla stanno tutti a sinistra mentre con IE funziona.
#colonna {float: right; margin: 0 auto; text-align: right;}
#colonna a {display: block; margin: 6px; width: 40px; padding: 5px;}
<div id="colonna">
<a>1</a>
<a>2</a>
</div>
I link formano il blocco ma non stanno a destra ...perchè :master:
Posto una semplice paginetta, secondo voi cè un'errore ?
Il link non si posiziona a destra.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div style="margin: 0 auto; width: 500px; border: 2px solid #000000; padding: 20px; text-align: right;"> <a style="display: block; margin: 6px; width: 30px; background: #c6c6c6;">ciao</a> </div> </body> </html>
Me la testate con Mozilla !!!
Se usi XHTML devi inserire anche un <title>, altrimenti e` errore.
Text-align funziona sui testi inseriti all'interno, non sui blocchi.
Invece il tuo link lo hai fatto diventare un blocco (display:block
per allineare un blocco devi usare il float:right; nel CSS del blocco.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Ho postato solamente una parte, per far capire come mai il blocco non si posiziona.
Allora come posso fare ?
Io ho tanti link in colonna grazie al block, però li voglio a destra.
Forse mettendo un elenco UL LI sicuramente ci riuscirei, ma mi secca aggiungere altro codice, andava bene cosi.
*prova* ad aggiungere ai link
float: right;
clear: right;
dovrebbe allinearli a destra senza farli affiancare
Aggiungendo float: right; effettivamente me li allinea tutti a destra, ma adesso in IE mi lascia un margine di 20px anche se lo setto a margin: 0 auto; con Mozilla vengono tutti attaccati ma con IE lascia tanto spazio.
Ho messo anche clear: right; prima e dopo ma nulla !!!!
prova con:
#colonna {float: right; margin: 0 auto;}
#colonna a {display: block; margin: 6px; width: 40px; padding: 5px; text-align: right;}
essendo i link visualizzati come blocco occuperanno l'intera larghezza disponibile, come se fossero div.
Allineando il testo all'interno a destra dovresti risolvere il problema.
A volte è meglio non scrivere niente e sembrare degli idioti, che postare e finire su uTonter
No, io devo fare un blocco visivo di tot px più piccolo della colonna, quindi me ne stà a sinistra ed il testo viene a destra.Originariamente inviato da Fredx
prova con:
#colonna {float: right; margin: 0 auto;}
#colonna a {display: block; margin: 6px; width: 40px; padding: 5px; text-align: right;}
essendo i link visualizzati come blocco occuperanno l'intera larghezza disponibile, come se fossero div.
Allineando il testo all'interno a destra dovresti risolvere il problema.
Comunque ho optato per due soluzioni.
1)
Metto un'altro div che ragruppa i link con un padding o margin, cosi si spostano.
2)
Ho dato di + margin da un lato al tag a cosi i link si spostano tutti dall'altra parte.
Grazie lo stesso.
se tiri via il width, altrimenti è la stessa cosa...Originariamente inviato da Fredx
prova con:
#colonna {float: right; margin: 0 auto;}
#colonna a {display: block; margin: 6px; width: 40px; padding: 5px; text-align: right;}
essendo i link visualizzati come blocco occuperanno l'intera larghezza disponibile, come se fossero div.
Allineando il testo all'interno a destra dovresti risolvere il problema.
per il margine che ti lascia IE, prova a postare o mettere online un esempio
mmmm... non mi sembra molto felice come soluzione :master:Originariamente inviato da Lollys
No, io devo fare un blocco visivo di tot px più piccolo della colonna, quindi me ne stà a sinistra ed il testo viene a destra.
Comunque ho optato per due soluzioni.
1)
Metto un'altro div che ragruppa i link con un padding o margin, cosi si spostano.
2)
Ho dato di + margin da un lato al tag a cosi i link si spostano tutti dall'altra parte.
Grazie lo stesso.
Permessi di invio
Rispondi quotando