Des livres incontournables pour tout maîtriser

  • CSS2
  • Réussir son site web avec XHTML et CSS
  • PHP 5 avancé
  • Memento CSS
  • Memento XHTML
  • Ergonomie web
  • Bien rédiger pour le web
Auteur
Galdon
# 05 Sep 2008 - 17:51:44
Citer
44 Posts
Bonjour, dans mon header j'ai 2 div emboités les uns dans les autres :

<div class="headerbar">
<div class="headerbar_logo_forum">


headerbar a un dégradé en repeat-x en arrière-plan
headerbar_logo_forum contient le logo de mon forum

Je veux que quand on clic sur le logo du forum, on atterrisse sur la page d'accueil, mais comme c'est une image d'arrière-plan je suis obligé de créer un lien en display:block et en définissant les bonnes propriétés (width et height), le tout en float : left.

Sous Firefox ça marche nickel, mais sous IE, ce lien en display block pousse mon logo vers la droite :

http://beta.finalclap.com/bug_phpbb.htm

Pour mieux voir, j'ai mis l'arrière-plan du lien en rouge.

Comment faire pour résoudre ce problème ?

Merci
Modifié par Galdon (09 Sep 2008 - 10:37)

http://www.finalclap.com 
^
6l20
# 07 Sep 2008 - 14:56:30
Citer
Les kiwis...quand je veux !
Modérateur
1988 Posts
Hello Galdon,

Pourquoi ne pas placer ce logo dans le code html (il doit être porteur de sens, non ?) et le placer de façon absolue (position:absolute;) en haut à gauche (sans oublier, au préalable, de positionner ton conteneur "header", en relatif par exemple)

Cela devrait résoudre ton soucis, non ?

Cdt,
Sylvain

XHTML: structure. CSS: présentation. Javascript: comportement.

^
Galdon
# 09 Sep 2008 - 10:36:50
Citer
44 Posts
Merci pour la réponse, mais j'ai finalement résolu le problème en mettant la zone transparente qui contient le lien en position:relative.

Je n'ai pas mis l'image directement dans le code parce que je voualais que le champ du moteur de recherche puisse être "au-dessus" du logo (c'est possible qu'avec background-image).

http://www.finalclap.com 
^
Powered by Phedio v3.8.6 beta in 4.3 ms © dew