28220 sujets

CSS et mise en forme, CSS3

[Résolu] Lien apparaissant plus petit dans opera

Je viens à vous pour un problème de taille d'un lien. En effet, j'ai créé un menu vertical à l'aide d'une liste comme montré ci-dessous : 


  <div id="menu_general">
     <h3>Menu général</h3>
     <ul>
      <li><a href="./index.php">Accueil</a></li>
      <li><a href="./liste_galerie.php">Galeries</a></li>
      <li class="sous_menu"><a href="./galerie.php?id=1">Paysages</a></li>
      <li class="sous_menu"><a href="./galerie.php?id=2">Natures Mortes</a></li>
      <li><a href="./contact.php">Contact</a></li>
      <li><a href="./plan.php">Plan du site</a></li>
      <li><a href="./liens.php">Liens</a></li>
     </ul>
     <div class="pied_menu"></div>
    </div>


Voici la partie de la feuille de style associé à ce menu :



#menu{
  left: 7%;
  position:absolute;
  top: 14.5em;
  width: 18%;
  overflow:hidden;
}

#menu_general h3 {
  border-bottom: 1px #ff9900 solid;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding-left: 0;
  background-color: #ff9933;
  color: #202020;
  font-family: Book Antiqua, time, sans-serif, Helvetica;
}

#menu_general {
  background-color:#fbfbfb;
  border: 1px #ff9900 solid;
  margin-bottom: 2em;
}

#menu_general a {
  color: #707070;
  background-color: transparent;
  display: block;
  font-weight: bold;
  margin-left: -2.7em;
  padding-left: 0.7em;
  text-decoration: none;
}

#menu_general li.sous_menu a {
  padding-left: 1.8em;
  font-style: italic;
}

#menu_general a:first-letter {
  color:#ff9900;
}


Jusque là pas de problème, sauf que dans le navigateur Opera, et uniquement lui, le liens Contact a une taille inférieure aux autres liens. Ce qui est bizarre, c'est qu'il suffit de changer l'adresse du lien, par exemple, href="./contact[b]_f.php"[/i], ou bien href="./contact.[b]html"[/i], et le lien réapparait de la bonne taille.

J'ai l'impression que opéra n'aime pas trop le lien contact.php.

Est ce un bug de Opera ou de moi?
Merci de votre aide.
Modifié par ymhotepa (09 Aug 2005 - 16:26)
Ce code n'affiche aucun lien avec une taille inférieure dans Opera Windows 8.x ni 7.x.
Si ta page est en ligne, indique l'url, pour un test plus probant.

Sinon, un petit problème sans rapport : l'intérêt des familles de polices génériques est de les spécifier en dernier dans la liste des valeurs de font-family, pour que "sans-serif" soit la solution de repli du navigateur lorsque toutes les polices précédentes sont absentes sur le poste client. Avec ton code, la solution de repli est la fonte Helvetica, qui ne sert pas à grand chose dans ce cas Smiley cligne
Modifié par Laurent Denis (09 Aug 2005 - 15:56)
Merci pour ton conseil laurent.

Pour mon problème de taille, le porblème venait de ma feuille de style. En effet, il y avait un petit problème au niveau des sélecteurs d'ID + pseudo-class qui se trouvaient après la partie pour le menu.

Beaucoup de chemin il me reste à explorer sur les feuilles de style.
Modifié par ymhotepa (09 Aug 2005 - 16:31)
Sujet clos
Aller à