tab grafiche centrate

[buscejo]

Ho visto un articolio che spiega come centrare i tab grafici per i menu orizzontali. Volevo sapere se è possibile utilizzare immagini di dimensioni fisse per il menu,in modo che i pulsanti siano delle stesse dimensioni indipendentemente dal testo. E' possibile anche applicare un rollover??

grazie mille

[ricman]

Originariamente inviato da buscejo
Ho visto un articolio che spiega come centrare i tab grafici per i menu orizzontali. Volevo sapere se è possibile utilizzare immagini di dimensioni fisse per il menu,in modo che i pulsanti siano delle stesse dimensioni indipendentemente dal testo. E' possibile anche applicare un rollover??

Si, è tutto possibile.
Le dimensioni le fissi ad esempio al tag A (dandogli display:block; width:100px; height:20px) e ci scrivi dentro la parola del menu.
Poi gli dai una foto di sfondo grande, in questo esempio, 100x20px e poi assegni un'altra immagine delle stesse dimensioni a a:hover

[buscejo]

Grazie per la risposta. Ma se metto " display:block; " il menu non è più orizontale ma verticale. Se non lo scrivo le dimensioni dei pulsanti non sono fisse.

[ricman]

Originariamente inviato da buscejo
Grazie per la risposta. Ma se metto " display:block; " il menu non è più orizontale ma verticale. Se non lo scrivo le dimensioni dei pulsanti non sono fisse.

Non ti stavo dettando il codice da scrivere... ti stavo solo dando l'avvio.
Aggiungici anche un "float:left" e fai delle ricerche anche qui sul forum (ne dovremmo aver parlato qualche volta)

[buscejo]

OK grazie!!!!!

[buscejo]

Ragazzi non sono riuscito a risolvere il mio problema. Cioè seguendo l'esempio disponibile in downloads non riesco a centrare il menu usando un'immagine di dimensione fissa per il pulsante. Quello che vorrei è qualcosa di simile a quello che c'è nell'imagine allegata.

Grazie mille, un'aiutino please

[ricman]

Originariamente inviato da buscejo
Quello che vorrei è qualcosa di simile a quello che c'è nell'imagine allegata.

Dov'è il problema a riprodurre uno di quei pulsanti?
Cos'è non ti torna?
Postaci il codice con cui hai costruito un pulsante (sia html che css)...

[buscejo]

il codice css:

ul#menu, ul#menu li {
list-style: none;
margin: 0;
line-height: 1.3;
}

ul#menu {
padding: 7px 0;
text-align: center;
border-bottom: 1px solid #ACACDC;
}

ul#menu li {
display: inline;
padding: 7px 7px 7px 0;
margin-left: 3px;
/*background: url(img/tabBk.png) no-repeat top right;*/
}

ul#menu a {
padding: 7px 0 7px 7px;
/*display:block;*/
width:195px;
height:39px;
background: url(img/p_normale.gif) no-repeat top left;
text-decoration: none;
color: #555;
}

ul#menu li#current, ul#menu li#current a {
background-image: url(img/p_attivo.gif);
border-bottom: 1px solid #FFF;
}

ul#menu li a:hover {
background-image: url(img/p_hover.gif);
color: #003;
}

* html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE5.5 e IE6 */

*:first-child+html ul#menu li {
padding:0 4px 0 0;
} /* hack per IE7 */

il codice HTML

<ul id="menu">
<li id="current">Home[*]Chi siamo?[*]Ditte[*]Ordini[*]Contatti[/list]

[buscejo]

In pratica con il codice postato sopra, i pulsanti sono centrati nella pagine però non hanno dimensione fissa ma si adatta alla lunghezza del testo, mentr iovorrei che la dimensione fosse fissata dalle immagine jpg che uso come sfondo del pulsante.

Grazie mille

[ricman]

Originariamente inviato da buscejo
In pratica con il codice postato sopra, i pulsanti sono centrati nella pagine però non hanno dimensione fissa ma si adatta alla lunghezza del testo, mentr iovorrei che la dimensione fosse fissata dalle immagine jpg che uso come sfondo del pulsante.

Per avere dimensioni fisse devi usare il display:block e assegnare le dimensioni che vuoi.
Nel tuo codice l'hai messo ma poi lo hai commentato.