Nuove modifiche..nuove capocciate

[colde]

Ciao a tutti,
ormai sono veterano di questo forum quindi penso che la maggior parte di voi conosce quello che sto facendo.

Sto modificando un menu poichè con IE5.x mi perde la proprietà inline portando tutti i link uno sopra l'altro.

Per ovviare al problem sto utilizzando i float ma comincio a tirare capocciate contro i muri. Il primo link senza float lo inserisce centrato come deve essere, mentre gli altri che hanno float right me li posiziona sulla destra del box contenitore qundo io gli ho detto di centrarmi il tutto. Se guardate il link qui soto capirete. Io vorrei avere i link del menu vicini vicinimentre ora il primo risulta staccato rispetto agli altri e poi li vorrei centrati rispetto al box contenitore.

Come posso fare?

http://oikyspa.fauser.it/prova2/index.html
http://oikyspa.fauser.it/prova2/style.css

[carp]

non ho provato ma dovrebbe andare:

<div id="menu">
    <ul>[*]Servizi per Tutti[*]Descrizione link con inserimento testo Descrizione 
        link con inserimento testo[*]Servizi su Richiesta[*]Descrizione link con inserimento testo Descrizione 
        link con inserimento testo[*]Chiarimenti Aggiuntivi[*]Descrizione link con inserimento testo Descrizione 
        link con inserimento testo[*]Docenti di Riferimento
[*]Descrizione link con inserimento testo Descrizione 
        link con inserimento testo[/list]
</div>

CSS:

 
#menu{
margin:0;padding:0;
width: stessalarghezza container;
text-align: center;
height: xxpx;
}
#menu ul{
margin:0;padding:0;
width: stessalarghezza container;
text-align: center;
height: xxpx;
}
#menu ul li,#menu ul li a{
margin:0;padding:0;
display: block;
float:left;
height: xxpx;
line-height: xxpx;
}

[colde]

Non quel menu, quello va bene.
E' il menu top che non va. L'ho inserito con sfondo rosa-frocio.

[carp]

ehh infatti

[colde]

:master:
<div id="menu">
<ul>[*]Servizi per Tutti[*]Descrizione link con inserimento testo Descrizione
link con inserimento testo[*]Servizi su Richiesta[*]Descrizione link con inserimento testo Descrizione
link con inserimento testo[*]Chiarimenti Aggiuntivi[*]Descrizione link con inserimento testo Descrizione
link con inserimento testo[*]Docenti di Riferimento
[*]Descrizione link con inserimento testo Descrizione
link con inserimento testo[/list]
</div>

questo è il menu left

il menu top è quello appena sotto la testa (che poi a livello strutturale fa parte della testa).

[ptransidico]

io farei una cosa piu semplice
convertirei quegli sapn in li e li flotterei sulla sinistra.
Lo spazio poi me lo gestisco con i margin ecc...
ciao

[colde]

Mmmm..questa può essere una soluzione..ora provo.

[carp]

scusa! sono un pò fuso!!

<div id="menuright">
<ul>[*]<span>Home UNIPR</span>[*]<span class="testo_menu_right">Home ADSU</span>[*]<span>Link Utili</span>[*]<span>Mappa del Sito</span>[/list]
</div>

-----------------------------------------------

#menuright{
margin:0;padding:0;
width: stessalarghezza container;
text-align: center;
height: xxpx;
}
#menuright ul{
margin:0;padding:0;
width: stessalarghezza container;
text-align: center;
height: xxpx;
}
#menuright ul li,#menuright ul li a{
margin:0;padding:0;
display: block;
float:left;
height: xxpx;
line-height: xxpx;
}

perché metti prima il menù laterale rispetto a quello orizzontale in alto?

[ptransidico]

in questa maniera e' anche semanticamente corretto
ciao

[colde]

Originariamente inviato da carp
perché metti prima il menù laterale rispetto a quello orizzontale in alto?

:master: si si, sei proprio fuso!

Dove la vedi sta cosa?