Bonjour et désolé pour ce HS qui porte sur un pd d’interprétation différente entre IE et Firefox
Le css indique un changement d’image de fond au survol :
a .articles {
float:right;
display:block;
width:181px;
height:132px;
background:url(images/bg_articles.gif) no-repeat;
text-align:center;
margin:6px 0 0 6px;
padding-top:5px !important; padding-top:7px;
}
a:hover .articles {
background:url(images/bg_articles2.gif);
}
La boucle, côté squelette :
<BOUCLE_view(ARTICLES){id_rubrique}{par num titre}>
</BOUCLE_view>
Donc, une div de class « articles » est créée contenant un titre + une image.
Firefox met un lien sur toute la div, ce qui est parfait. Le lien fonctionne sur toute la surface (div + titre + image).
Problème : IE met le lien seulement sur le fond ! Donc, cliquer sur l’image ou le titre ne donne rien !..
Une idée ?..
Merci et encore désolé pour le HS.
Rémy 
salut si tu rajoutes un
display: block;
dans le a ?
Le 13/10/06, Rémy Salaün<contact@remy-salaun.com> a écrit :
Bonjour et désolé pour ce HS qui porte sur un pd d'interprétation différente
entre IE et Firefox
Le css indique un changement d'image de fond au survol :
a .articles {
float:right;
display:block;
width:181px;
height:132px;
background:url(images/bg_articles.gif) no-repeat;
text-align:center;
margin:6px 0 0 6px;
padding-top:5px !important; padding-top:7px;
}
a:hover .articles {
background:url(images/bg_articles2.gif);
}
La boucle, côté squelette :
<BOUCLE_view(ARTICLES){id_rubrique}{par num titre}><a
href="#URL_ARTICLE" title="Voir cette photographie :
[(#TITRE|supprimer_numero)]"><div class="articles"><h5
class="titre" style="margin:3px 0 1px
0;">[(#TITRE|supprimer_numero)]</h5>[(#LOGO_ARTICLE||image_reduire{0,100}||inserer_attribut{style,''})]</div></a></BOUCLE_view>
Donc, une div de class "articles" est créée contenant un titre + une image.
Firefox met un lien sur toute la div, ce qui est parfait. Le lien fonctionne
sur toute la surface (div + titre + image).
Problème : IE met le lien seulement sur le fond ! Donc, cliquer sur l'image
ou le titre ne donne rien !..
Une idée ?..
Merci et encore désolé pour le HS.
Rémy 
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
--
dsl pour les accents, clavier querty
Bonjour et désolé pour ce HS qui porte sur un pd d'interprétation différente
entre IE et Firefox
Le css indique un changement d'image de fond au survol :
a .articles {
float:right;
display:block;
width:181px;
height:132px;
background:url(images/bg_articles.gif) no-repeat;
text-align:center;
margin:6px 0 0 6px;
padding-top:5px !important; padding-top:7px;
}
a:hover .articles {
background:url(images/bg_articles2.gif);
}
La boucle, côté squelette :
<BOUCLE_view(ARTICLES){id_rubrique}{par num titre}><a
href="#URL_ARTICLE" title="Voir cette photographie :
[(#TITRE|supprimer_numero)]"><div class="articles"><h5
class="titre" style="margin:3px 0 1px
0;">[(#TITRE|supprimer_numero)]</h5>[(#LOGO_ARTICLE||image_reduire{0,100}||inserer_attribut{style,''})]</div></a></BOUCLE_view>
Donc, une div de class "articles" est créée contenant un titre + une image.
Firefox met un lien sur toute la div, ce qui est parfait. Le lien fonctionne
sur toute la surface (div + titre + image).
Problème : IE met le lien seulement sur le fond ! Donc, cliquer sur l'image
ou le titre ne donne rien !..
Une idée ?..
Merci et encore désolé pour le HS.
Rémy
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives :
http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : http://www.spip-contrib.net/spikini/FaQ
salut si tu rajoutes un
display: block;
dans le a ?
Merci Karim,
mais il est déjà présent dans le a 
Le rollover fonctionne nickel sous Firefox. IE bug...
Ah ok, pas vu
Merci Karim,
mais il est déjà présent dans le a
Le rollover fonctionne nickel sous Firefox. IE bug...
Mai pourquoi tu met la class a la div, c'est au <a href...> qui faut
le mettre la class .articles, surtout si elle est nommer a.articles
meme si FF sait interpreter. Du moins c'est ce que j'aurais fait
@plus, karim
--
dsl pour les accents, clavier querty