css height su selettore 'a'

15 contenuti / 0 new
Ultimo contenuto
css height su selettore 'a'

ciao a tutti, ho un problema alquanto stupido, ma che mi scraniare da un paio di giorni....
ho creato un menu sulla barra sx di un sito, che ho chiamato 'menu' quindi nell'html ho

<div class="content">
  <ul class="menu"><li class="first leaf cinema-futura mid-547"><a href="/bruno/cinema-futura" title="">CINEMA FUTURA</a></li>
<li class="leaf fahrenheit mid-548"><a href="/bruno/fahrenheit" title="">FAHRENHEIT</a></li>
<li class="leaf progetto-musica mid-549"><a href="/bruno/progetto-musica" title="">PROGETTO MUSICA</a></li>
<li class="leaf sass-trento mid-546"><a href="/bruno/sass-trento" title="">SASS TRENTO</a></li>
<li class="last leaf ya-basta mid-545"><a href="/bruno/yabasta" title="">YA BASTA</a></li>
</ul> </div>

ora il mio problema è il tag <a>

nel css gli metto:

#block-menu-menu-progetti .menu li a {
font-size:14px;
text-shadow: #000 0px 0px 5px;
margin:0 0 0 48px;
text-decoration:none;
padding:0;
        height:16px;
}

e questo cavolo di selettore non vuole cambiare l'altezza..... rimane sempre uguale... qualcuno sa spiegarmi perchè?

Ciao, non puoi usare uno dei tanti moduli per menu presenti invece che farne uno tu??

Con un modulo integrato poi ti agganci ai menu che crei mediante drupal, credo rimanga più integrato...

Marcello

ma il menu lo ho creato con il modulo che c'è nel core di drupal.... lo sto solo temizzando....

non ho capito bene cosa vuoi fare, ma se il risultato che vuoi ottenere è distanziare l'elenco puntato o impostare un'altezza per ogni riga con il link, io andrei a temizzare l'elenco puntato...

in tal caso potresti dare una linea più "alta" al LI con line-height.
oppure se vuoi farlo su A devi mettere un float ed impostare la larghezza, ma il mio consiglio è di utilizzare la prima soluzione.

#block-menu-menu-progetti .menu li{
font-size:14px;
text-shadow: #000 0px 0px 5px;
margin:0 0 0 48px;
text-decoration:none;
padding:0;
         line-height:16px;
}

Quando il sole è basso
gli uomini nani fanno le ombre lunghe.

ma che senso ha mettere il line-height??? non è mica un testo intero... è soltanto una linea di testo di un menu... a me serve soltanto riuscire a cambiare l'altezza dell' "a"... che, non ci capisce come mai, non cambia per nessun motivo...

ciao,
aggiungi
display: block;
al tag

I Dubbi te li crea la libertà.
http://www.texas138.com

al tag a ... :)

I Dubbi te li crea la libertà.
http://www.texas138.com

che tema usi?

Scusatemi se sono sparito, ma non ho saputo resistere ad un'arrampicata, scrivo dal telefono quindi nn sono ancora tornato a casa, quindi devo ancora provare...
il tema è basic per drupal 7

Come scritto da texas138 puoi usare display: block; in questo modo puoi impostare un'altezza. Però probabilmente poi ti servirà un float:left; altrimenti i link del menu ti andranno tutti a capo.

In alternativa dove ora hai padding: 0; puoi impostare ad esempio padding: 10px 0px; il primo valore gestisce lo spazio sopra e sotto il secondo gestisce lo spazio ai lati del tag a.

(scusate l'assenza, ero in ferie) niente da fare, non mi vuole ascoltare per nessun motivo.... il codice è il seguente:

#block-menu-menu-progetti .menu li a {
font-size:14px;
font-family:hit;
text-shadow: #000 0px 0px 5px;
margin:0 0 0 48px;
text-decoration:none;
padding:0;
float:left;
height:14px;
display:block;
}

come potete vedere ho messo anche l'altezza, ma niente da fare le sto provando tutte ma non vuole saperne di andare.....

ciao,
hai provato ad utilizare web developer per firefox, oppure firebug per controllare che non ci sia un'altro css nel tema di base che possa interferire con il tuo??

I Dubbi te li crea la libertà.
http://www.texas138.com

Usa la seconda opzione: padding:6px 0;

beh ragazzi ho finalmente risolto.... avevo una regola css dello stesso selettore nello stesso css... e questo mi sballava il tutto....
certo che devo essere scemo.... ;P

Usa firebug da adesso in poi, così ti eviti questi problemi:-D