problema allineamento testo a destra

**i_am_antipop** · 28-11-2005, 18:28

Ho un problema, non riesco ad allinerare a Destra il contenuto di un div.

Il div ha Float right ed il text-align:right ..Si tratta di una lista:

codice:

//CSS
DIV#menu2 { 
	text-align:right;
	FLOAT: right; 
	WIDTH: 100%;

}



//<DIV id=menu2>		
	  <UL>
		<LI>VOCE00</LI>
		<LI>VOCE0 </LI>
		<LI>VOCE1</LI>
		<LI>VOCE2</LI>
		<LI>VOCE3</LI>
		<LI>VOCE4</LI>
		<LI>VOCE5</LI>
	[/list]
</DIV>


Cosa sbaglio?

tnx

**pierofix** · 28-11-2005, 18:47

Originariamente inviato da i_am_antipop
Cosa sbaglio?

Innanzitutto direi che creare una macroarea logica solo per contenere una lista è un po' una denaturazione semantica, comunque diciamo che possiamo sorvolare su questo.

Prova ad impostare l'allineamento al testo contenuto nei list item:

codice:

#menu2 li { text-align:right }

E ancora, già che ci siamo, perchè non usare XHTML, al posto di HTML? Ti basta correggere un paio di cosette:

i nomi dei tag devono essere scritti in minuscolo;
i valori degli attributi devono essere virgolettati.

**i_am_antipop** · 29-11-2005, 09:56

Originariamente inviato da pierofix
Innanzitutto direi che creare una macroarea logica solo per contenere una lista è un po' una denaturazione semantica, comunque diciamo che possiamo sorvolare su questo.

Prova ad impostare l'allineamento al testo contenuto nei list item:

codice:

#menu2 li { text-align:right }

E ancora, già che ci siamo, perchè non usare XHTML, al posto di HTML? Ti basta correggere un paio di cosette:

i nomi dei tag devono essere scritti in minuscolo;
i valori degli attributi devono essere virgolettati.

gra<zie mille x le dritte!

provo subito.

**i_am_antipop** · 29-11-2005, 15:12

Ho provato, ma continua ad allineare a sinistra, invece che a destra..

PS: che DOCTYPE consigli? ora ho questa:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-
19991224/loose.dtd">

codice:

div#menu2 {
	font : bold 1em/1.4em arial, sans-serif bold; 
	padding-left : 0; 
	padding-right : 10; 
	float : right; 
	padding-bottom : 0; 
	margin : 0; 
	margin-top : 10px;
	margin-bottom : 11px; 
	width : 395px; 
	height : 46px; 
	padding-top : 0;
	text-align : right; 
} 
div#menu2 ul {
	padding-right : 0; 
	padding-left : 0; 
	padding-bottom : 0; 
	margin : 0; 
	padding-top : 0; 
	list-style-type : none; 
	text-align : right; 
} 
div#menu2 li {
	padding-right : 7px; 
	padding-left : 7px; 
	float : left; 
	padding-bottom : 0; 
	margin : 0; 
	color : black; 
	padding-top : 0; 
	text-align : right; 
} 
div#menu2 a {
	padding-right : 0; 
	display : block; 
	padding-left : 0; 
	padding-bottom : 0; 
	color : #00adef; 
	padding-top : 0; 
	text-decoration : none; 
	text-align : right; 
} 
div#menu2 a:hover {
	color : #f25821; 
	text-decoration : none; 
	text-align : right; 
}

Discussione: problema allineamento testo a destra

Strumenti discussione

Ricerca discussione

Visualizza

problema allineamento testo a destra

Re: problema allineamento testo a destra

Re: Re: problema allineamento testo a destra

Permessi di invio