Bug de menu css

Bonjour,

Je viens de me lancer dans la création d’un site web de base mais voilà que j’ai un petit problème. Ce n’est pas majeur mais bon, je suis perfectionniste. Le menu que j’ai créé est supposé afficher un fond d’écran brun positionné pour afficher quelques pixels sous l’image, ce qui fonctionne bien mais il affiche également sur le coté gauche et haut. Je ne comprend pas pourquoi! Au passage du curseur, le brun est visible sous l’icône mais aussi très légèrement (environ 1px) sur deux des côtés.

Si quelqu’un pouvait aller vérifier le code css sur le www.centredentairesn.com ce serait bien gentil!

Merci. :wink:

J’ai cherché. Et quand j’ai trouvé, j’ai ris : ce sont tes images dont les premières lignes/colonnes sont transparentes. Du coup, ça affiche ce qu’il y a dessous.

Pour t’en assurer :


<html>
  <head>
    <meta name="viewport" content="width=device-width; height=device-height;">
      <style>img { display: block; }</style>
      <title>equipe.gif (Image GIF, 120x35 pixels)</title>
    </head>
    <body style="background: none repeat scroll 0% 0% rgb(0, 255, 0);">
      <img src="http://www.centredentairesn.com/images/menu/equipe.gif" alt="http://www.centredentairesn.com/images/menu/equipe.gif" style="background: none repeat scroll 0% 0% red;"></body>
    </html>

Edité le 05/02/2012 à 22:50

Le rouge apparait bien sur les côtés gauche et haut… alors c’est donc ce que tu pensais? :paf:

Quand j’ai fait les icônes, j’ai supprimé les contours. Serais-ce responsable de ça? Dans le pire des cas, je vais faire de nouveaux icônes. J’en profiterai du coup pour les faire en un autre format que le gif, mes amis rient de moi avec ce format!

edit: C’était bien ça le problème! J’ai créé de nouveaux icônes et au lieu de mettre les bordures invisibles, je les ai mises blanches. www.centredentairesn.com pour le résultat. :slight_smile:

Merci!
Edité le 06/02/2012 à 17:27

Voilà, tu as cafouillé sur tes images :slight_smile: