rendere linkabile una zona del template

[davgiard]

Salve a tutti,
avrei bisogno di un aiutino con la gestione dei css.


Lo user menu del template che sto modificando conteneva solo dei link testuali.


Ho fatto in modo che, al passaggio del mouse, si illumini tutto il rettangolino relativo alla classe li del css.


Mi sono accorto però che non è possibile cliccare su tutto il rettangolo illuminato ma sempre e solo sulla parte testuale.


Qualcuno potrebbe gentilmente indicarmi le modifiche da effettuare per trasformare in link tutta la classe li?

[sasarella]

Puoi postare un link così possiamo aiutarti? 

[davgiard]

Ciao,
purtroppo il sito che sto costruendo è ancora in locale.


Ho pensato di fare un print screen della home con gli strumenti web attivi, in modo da rendere migliore la mia iniziale spiegazione.


Come si vede dalla foto, vorrei che tutto il rettangolo che si illumina al passaggio del mouse diventi cliccabile, e non solo la scritta al suo interno.


Fammi sapere se devo inviare anche il css.


Grazie mille per il supporto.





[allegato eliminato automaticamente dopo un anno]

[sasarella]

Il template ha una demo online?
Hai provato con il padding?

[davgiard]

Ciao,
questa è il link della demo online del template.
 
http://www.globbersthemes.com/demo/clarentedark/
 
Ho provato con il padding ma niente.
 
Come potrai vedere nella demo, lo user menu è linkabile solo sul nome e non su tutto lo spazio in cui il nome è presente.
 
Grazie
 
 
 
 
 
 

[alamo]

Ciao davgiard
Magari avrai già risolto, in caso contrario provo una dritta da niubbo a niubbo  , sempre se ho capito il problema.
Cerca nel file tdefaut.css la riga seguente (intorno a 885, così è sulla demo):

Codice: [Seleziona]


#right .moduletable li,
#right .moduletable_menu li
{
border-bottom:1px solid #d9d9d9;
padding-bottom: 5px;
padding-top: 10px;
padding-left:5px;
list-style:none;
}
metti padding-bottom a 0 e padding-top a 0, poi aggiungi quest'altra riga

Codice: [Seleziona]

#right .moduletable li a,
#right .moduletable_menu li a
{display: block; line-height: 32px;} /* o quello che vuoi*/
Se funziona gioca al superenalotto 
Ciao

[davgiard]

Ciao Alamo,
grazie per la risposta.


Con il tuo suggerimento funziona bene, è proprio ciò che chiedevo.


Siccome però sono un perfezionista, manca solo ancora una cosa: quando clicco sulla zona interessata, scompare la "manina" e ritorna la freccia del cursore per qualche secondo.


Si può fare qualcosa al riguardo?


Grazie.

[alamo]

Non lo so, mi dispiace.
Ma direi che il cursore che torna normale dopo il click è il comportamento "universale", mi sembra che accada per tutti i link e in qualunque sito web. Temo che non si possa modificare.
Ciao

[davgiard]

Ok grazie mille comunque.