[RESOLU] Display: block pour le lien sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU] Display: block pour le lien sous IE

Beral2

Bonjour tout le monde,

je mets un display: block avec une couleur de background pour certains liens, comme ça, ça prend toute la ligne et c'est, je trouve, plus joli.

Alors, la couleur de background (sur le a:hover) ET le display: block (sur le a) marchent impeccable sous Firefox mais sous IE, il n'y a que la couleur qui "marche", le lien ne prend pas toute la ligne.

Le code HTML:

Code :

<ul class="bloc_de_liens">
<li><h5><a href="/comm/enterprise/chemicals/competiv/risc/db_en.htm">Chemicals</a></h5></li>
<li><h5><a href="http://pharmacos.eudra.org/F2/eudralex/index.htm" target="_blank">EudraLex - Pharmaceuticals legislation</a></h5></li>
<li><h5><a href="http://www.newapproach.org" target="_blank">New Approach</a></h5></li>
<li><h5><a href="/comm/enterprise/nando-is/cpd/home/index.cfm" target="_blank">NANDO-CPD - Construction products</a></h5></li>
<li><h5><a href="/comm/enterprise/tris/index_en.htm">TRIS - National technical regulations</a></h5></li>
<li><h5><a href="/comm/enterprise/tbt/index.cfm?fuseaction=Search.viewMenu&dspLang=EN" target="_blank">TBT - Technical barriers to trade</a></h5></li>
</ul>

La CSS :

Code :

h5
{
font-size: 0.7em;
font-weight: normal;
background: url(../images/fond_sable.png);
}
h5 a
{
color: #9D749E;
text-decoration: none;
display: block;
padding: 3px;
}
h5 a:hover
{
color: #009090;
background-color: #DFECFE;
}

Une idée svp ?

Message édité par Beral2 le 12-08-2005 à 12:22:46

Publicité

gatsusat

tu peux me dire l'interet d'entourer le A d'un H5 alors que le A est dans un #menu LI A
déjà vire moi ton H5
et normalement un élément block prend toute la largeur de son parent
jvais voir

masklinn

í dag viðrar vel til loftárása

Beral2 a écrit :

1- le <h5> est redondant
2- ajoutes "_height: 0.0000001%;" au style de tes "a"

Message édité par masklinn le 10-08-2005 à 17:39:22

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Beral2

Bon, j'ai enlevé les <h5> :

HTML:

Code :

<ul class="bloc_de_liens">
<li><a href="/comm/enterprise/chemicals/competiv/risc/db_en.htm">Chemicals</a></li>
<li><a href="http://pharmacos.eudra.org/F2/eudralex/index.htm" target="_blank">EudraLex - Pharmaceuticals legislation</a></li>
<li><a href="http://www.newapproach.org" target="_blank">New Approach</a></li>
<li><a href="/comm/enterprise/nando-is/cpd/home/index.cfm" target="_blank">NANDO-CPD - Construction products</a></li>
<li><a href="/comm/enterprise/tris/index_en.htm">TRIS - National technical regulations</a></li>
<li><a href="/comm/enterprise/tbt/index.cfm?fuseaction=Search.viewMenu&dspLang=EN" target="_blank">TBT - Technical barriers to trade</a></li>
</ul>

Et la CSS est devenue :

Code :

.bloc_de_liens
{
list-style-type: none;
border: 1px solid #DBE9FF;
margin-bottom: 8px;
}
.bloc_de_liens a
{
font-size: 0.7em;
font-weight: normal;
background: url(../images/fond_sable.png);
color: #9D749E;
text-decoration: none;
display: block;
padding: 3px;
}
.bloc_de_liens a:hover
{
color: #009090;
background-color: #DFECFE;
}

Mais sous Firefox, cela ne marche plus (le hover, pas le block). Sous IE, ça déconne encore plus... mais on verra plus tard.
Masklinn : le _height: 0.0000001%; si c'était pour IE, on verra plus tard aussi, le temps que cela fonctionne sous Firefox.

Sinks

Message édité par Beral2 le 10-08-2005 à 17:53:28

Beral2

Bon pour Firefox, ça remarche, c'était mon "background: url(../images/fond_sable.png);" dans le a qui faisait planter, l'ai mis seulement dans l'ul, tout marche.

Beral2

Et avec ton "_height: 0.0000001%;" Masklinn, nickel sous IE aussi.

P'tit résumé pour le HTML:

Code :

<ul class="bloc_de_liens">
<li><a href="/comm/enterprise/chemicals/competiv/risc/db_en.htm">Chemicals</a></li>
<li><a href="http://pharmacos.eudra.org/F2/eudralex/index.htm" target="_blank">EudraLex - Pharmaceuticals legislation</a></li>
<li><a href="http://www.newapproach.org" target="_blank">New Approach</a></li>
<li><a href="/comm/enterprise/nando-is/cpd/home/index.cfm" target="_blank">NANDO-CPD - Construction products</a></li>
<li><a href="/comm/enterprise/tris/index_en.htm">TRIS - National technical regulations</a></li>
<li><a href="/comm/enterprise/tbt/index.cfm?fuseaction=Search.viewMenu&dspLang=EN" target="_blank">TBT - Technical barriers to trade</a></li>
</ul>

Et CSS:

Code :

.bloc_de_liens
{
list-style-type: none;
border: 1px solid #DBE9FF;
margin-bottom: 8px;
background: url(../images/fond_sable.png);
}
.bloc_de_liens a
{
_height: 0.0000001%;
font-size: 0.7em;
font-weight: normal;
color: #9D749E;
text-decoration: none;
display: block;
padding: 3px;
}
.bloc_de_liens a:hover
{
color: #009090;
background-color: #DFECFE;
}

J'essaie de comprendre ce "_height: 0.0000001%;".

Merci à tous les 2.

masklinn

í dag viðrar vel til loftárása

Beral2 a écrit :

J'essaie de comprendre ce "_height: 0.0000001%;".

Impossible à comprendre "comme ça", les "top tier dev" (l'élite du dev web quoi) ont réellement commencé à comprendre la cause fondamentale de ce comportement (et de pas mal d'autres) il y a seulement quelques mois, alors que le bug en lui même est connu depuis des années.

Pour l'explication et les informations sur ce bug et les autres "dimensional bugs", ils ont créé un document que je recommande de lire: On Having Layout

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU] Display: block pour le lien sous IE

Sujets relatifs
[RESOLU] -> [FMX/MySQL] GET ou POST??	[Résolu] récupérer un objet au format "time"
[SVG] comment mettre à jour Mysql avec un fichier SVG ? [RESOLU]	Cloner un objet Document [résolu : pas possible]
[Résolu] Pb avec les égalités de chaines	[résolu]fenetre dos
PArametres optionnels [Resolu]	[resolu]resulat msgbox
lien hypertext et image	[html] [RESOLU] largeur liste déroulante
Plus de sujets relatifs à : [RESOLU] Display: block pour le lien sous IE

Page générée en 0.098 secondes