<ul> <li> con <a> display:block

[Lollys]

Heyla ................

Uso degli elenco con <ul> e ci metto un link all'interno !

Problema: dando un display:block al link non mi prende tutta l'area del[*] .........solo con IE ma con NE e Mozzilla funziona.

a{
display: block;
padding: 20px;
}

anche mettendo un padding IE non lo applica, cè qualche bug ?

[lleffe]

ma perchè usi display:block ?

con le liste vai già a capo... :master:

[Lollys]

Perchè applicco uno sfondo ai[*] e vorrei che il link prendese tutto lo sfondo !

[miki_area57]

Originariamente inviato da lleffe
ma perchè usi display:block ?

con le liste vai già a capo... :master:

gli da un width e un height, e praticamente crea un blocco linkabile.



prova a guarda qui c'è un esempio di ul e a

http://www.constile.org/tips/emulare...ate_con_i_css/

[lleffe]

scusate, sarò tonto, ma mettendo un link e dando le dimensioni al[*] hai già un blocco...

:master:

[Lollys]

Formattando ul[*] con altezze lunghezze colori e sfondi otteniamo un blocco OK però se metti un link all'interno, quando vai sopra con il mouse la zona linkabile è solo quella con la scritta mentre io voglio che venga cliccabile tutto il blocco !!!

Comuqneu ho notato che nell'esempio di constile mettono:

a{
display: block;
width: 100%;
height: 100%;
}

In un'altro esempio che avevo non c'era, ......farò dellel prove e vi faccio sapere !!!!

[lleffe]

ma questo non ti basta?

li a{
width: 250px;
height: 50px;
background: #ff3300;
}

[Lollys]

No quando devi fare un gioco di sfondi !!

[Marcolino's]

Da ciò che ho visto in questo post, sbagli a definire solo l'ancora come blocco, mentre negli esempi di gianluca troiani, sia la lista che l'ancora hanno il blocco.

li a { display: block }

mentre tu fin'ora hai scritto:
a { display: block }

Devi associare i due elementi allo stesso blocco o non ne viene fuori nulla.

[Lollys]

Ma da te funziona ?
In effetti l'avevo buttato li in questo post, ma nel mio css è scritto correttamente!

Ho notato che constile applica anche un width: 100% ed un height: 100% e funziona!

Infatti non è che non mi funzionava del tutto, solo con NE e Mozzilla tutto ok ma con IE non appliccava il blocco al 100%, però mettendo:

width: 100%
height: 100%

adesso mi funziona anche con IE !!