List item a grandezza fissa

[Aegidius157]

In una ul vorrei impostare i li in modo che abbiano una grandezza fissa, dato che ho messo un'immagine di sfondo a ogni li.

Nel CSS ho impostato width e height, però la dimensione si adatta al testo e quindi l'immagine che ho impostato come sfondo ne risulta strozzata.

Questo è l'html

<div id="menu">
				<ul>
					[*]HOME
					[*]MENU2
					[*]MENU3
					[*]MENU4
					[*]MENU5
				[/list]
			</div>

e questo è il CSS

#menu
{
	margin-top: 1%;
	text-align: center;
}

#menu ul li
{	
	display: inline;
	width: 100px;
	height: 30px;
}

#menu ul li a
{
	background-image: url(perline.jpg);
	background-repeat: no-repeat;
}

Come mai le proprietà di larghezza e altezza non funzionano sui li?

[Aegidius157]

Qui c'è scritto che con l'attributo display: inline gli attributi width e height non vengo applicati.

Io vorrei ottenere un menu orizzontale, centrato, con un immagine di sfondo sotto ciascuna voce. Con il codice che ho scritto sopra, ottengo questo risultato.



Come posso fare? Se faccio una tabella come faccio a centrarla?

[Mich_]

Se usi una tabella inserisci anche un grave errore semantico.

Il problema e` proprio nel display:inline, che e` sbagliato.
Prova ad usare il float per afficare gli oggetti.

Per centrare il contenitore (ad esempio il tuo <ul>), vedi alla voce "centrare" ad esempio tra i "link utili"

[Aegidius157]

Grazie.

C'è un'altra cosa che non riesco a fare.

Ho impostato un'immagine di sfondo all'ul nell CSS in questo modo:

background: url('comuni/bellezza_unghie.jpg') repeat-x;

ma non me la visualizza. Come mai?

[Mich_]

Probabilmente e` un errore di sintassi o di path.

Controlla che il percorso del file sia corretto (il path deve essre relativo alla posizione del file CSS, non del file HTML)
Controlla di aver digitato il nome correttamente (compreso maiuscole/minuscole)
Controlla che nel path non ci siano spazi

[Aegidius157]

Grazie! Sbagliavo il riferimento.

Sei stato gentilissimo.