Bottoni allineati con larghezza variabile

Discussioni inerenti lo sviluppo di markup XHTML e CSS validi.

Moderatori: antoscarface, Kagemitsu

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...

Bottoni allineati con larghezza variabile

Messaggioda oni.zerone » giovedì 24 novembre 2011, 15:57

Salve a tutti, nonostante sia da quasi un anno che seguo questo bellissimo portale sul web design, è la prima volta che entro nl forum... comunque veniamo al dunque.
Sto realizzando un template a larghezza fissa, in questo template c'è una barra menu di lunghezza fissata X.
Per realizzare i vari bottoni applico del CSS a dei tag "<a>", però ho un problema... a seconda della pagina del sito nella quale ci si trova il numero di bottoni cambia... ma vorrei che riempiano SEMPRE tutta la lunghezza della barra, senza bisogno di creare dei css modificati pagina per pagina... qualcuno ha idea di come si potrebbe fare?
A me l'unica cosa che mi viene in mente è utilizzare Javascript per variare la larghezza percentuale a seconda del numero di tasti presenti... ma vorrei realizzarlo solo con CSS se è possibile, in modo da ridurre il codice.
oni.zerone

Avatar utente
 
Messaggi: 5
Iscritto il: giovedì 24 novembre 2011, 15:46

Re: Bottoni allineati con larghezza variabile

Messaggioda markdesign » giovedì 24 novembre 2011, 16:13

Ciao oni.zerone,

Ora come ora mi vengono in mente due soluzioni:
- Usi javascript
- Crei delle classi generali per ogni evenienza, del tipo: se hai due bottoni usi .half{width: 50%}, se ne hai uno usi .full{width: 100%}, se ne hai tre usi: .third{width: 33.3%} e via così, l'unico problema è che devi inserire a manina la classe in ogni pagina.

Se mi viene in mente altro ti faccio sapere! :)
markdesign

Moderatore

Avatar utente
 
Messaggi: 94
Iscritto il: lunedì 14 novembre 2011, 18:37
Località: Pordenone

Re: Bottoni allineati con larghezza variabile

Messaggioda oni.zerone » giovedì 24 novembre 2011, 17:15

Già...anche a me sono venute in mente solo queste due soluzioni... tra le due sicuramente la migliore è javascript, che consente una volta sviluppata la soluzione la generazione di pagine "thinkless"... altrimenti in seguito se la s dovesse implementare su un CMS (ad esempio) bisognerbbe comunque creare le regole per l'applicazione delle classi... :(
oni.zerone

Avatar utente
 
Messaggi: 5
Iscritto il: giovedì 24 novembre 2011, 15:46


Torna a XHTML & CSS