Bonjour,
Je travaille sur la mise en forme (template) du blog Blogger http://tkp2010.blogspot.com/
En entête du blog, il y a une image qui sert de bandeau. Dans ce bandeau, j'ai défini des zones cliquables sur les logos des partenaires, comme ceci :
Puis, dans le body, j'ai fait des liens utilisant le style css défini ci-dessus :
Le problème est que sous IE ça provoque le décalage du div "navmenu" vers le bas d'autant de pixels, alors que sous Firefox, Opera et Google Chrome, ça fonctionne très bien... J'ai aussi essayé une image map mais là, ça décale avec tous les navigateurs.
Je suis dessus depuis un moment :cry: alors si quelqu'un avait des suggestions...
Merci de votre aide !
Je travaille sur la mise en forme (template) du blog Blogger http://tkp2010.blogspot.com/
En entête du blog, il y a une image qui sert de bandeau. Dans ce bandeau, j'ai défini des zones cliquables sur les logos des partenaires, comme ceci :
.linkTKP { /* zone cliquable */
float: left;
width : 155px;
height: 85px;
margin-left: 140px;
margin-top: 195px;
}
Puis, dans le body, j'ai fait des liens utilisant le style css défini ci-dessus :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
(...)
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<a href='http://tkp2010.blogspot.com' class="linkTKP" alt="TKP 2010" title="Trégor Kite Party 2010 - Accueil"/>
(...)
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Trégor Kite Party 2010 (en-tête)' type='Header'/>
</b:section>
<div class='navmenu'>
<div class='navmenu-wrapper'>
<ul class='menu'>
<li><a expr:href='data:blog.homepageUrl' id='actuA' title='Actualités'><span id='actuSpan'>Actualités</span></a></li>
(...)
</ul>
</div>
</div>
</div> <!-- End header-wrapper -->
<div id='content-wrapper'>
(...)
</div> <!-- End content-wrapper -->
<div id='footer'>
(..)
</div> <!-- End footer -->
</div> <!-- End outer-wrapper -->
</body>
</html>
Le problème est que sous IE ça provoque le décalage du div "navmenu" vers le bas d'autant de pixels, alors que sous Firefox, Opera et Google Chrome, ça fonctionne très bien... J'ai aussi essayé une image map mais là, ça décale avec tous les navigateurs.
Je suis dessus depuis un moment :cry: alors si quelqu'un avait des suggestions...
Merci de votre aide !