Border None

Résolu
Bonjour,

Je ne comprends pas! Sur toutes mes images en css, j'ai ajouté la propriété border:none, pour éviter le cadre violet autour visible sur mozilla firefox notamment.

Problème à code css égal, certaines on en effet perdu le cadre et d'autres non?!

help!

Voici le css d'une concernée : http://www.prettyme.fr/index.html : Image concept
img#titreconcept
{
position:absolute;
top : 240px;
left: 28%;
margin-left: -68px;
border: none;
}

7 réponses

  1. Vous êtes top c'était bien ça le problème pour mon image contact!

    Problème restant sur l'image prettyme :
    http://www.prettyme.fr/make_up_&_hair.html

    <a href="indexfinal.html"><img src="images/pretty-me.jpg" alt="logo" id="logo1" /></a>

    img#logo1
    {
    margin-bottom: 80px;
    border: none;
    }
    1. Tu es sûre que le CSS est bien passé ? Moi quand je vérifie avec Firebug, ton image n'a pas de style. Es-tu sûre qu'il n'y a pas plusieurs images avec l'ID logo1 ?
    2. Dans ton CSS, juste avant ta référence à logo1, tu as :
      img#makeupandhair
      {
      margin-bottom: 20px; 
      z-index: 20; 
      margin-top: 50px; 
      border: none; 
      } 
      } 
      

      C'est peut-être ça ? Essaie d'enlever la braquette fermante de trop pour voir...
    3. Résolu!!! Merci beaucoup
    4. Toujours un problème pour une image :

      http://www.prettyme.fr/galerie.html

      img#pretty-me
      {
      position: absolute;
      z-index: 20;
      top: 7%;
      margin-top: -42px;
      left : 15%;
      margin-left : -130px;
      border: 0px;
      }
  2. Contributeur
    Salut,
    C'est ce que je pense aussi. La bordure bleue s'applique au lien lorsque celui-ci est une image.
    Moi je mettrait plutôt:
    a { /* suppression des bordures bleues (0 sera toujours 0, pas besoin de spécifier px, em etc...*/ 
    border: 0p;} 


    Le bonheur est la seule chose que l'on peut donner sans l'avoir.
    1. Salut !

      Je connais ce problème ;)

      En fait c'est que la bordure ne s'applique pas réellement à l'image, mais au lien.
      Essaie de mettre un border:none; sur la balise a également.
      1. Et non malheureusement toujours pas ça! Cela doit être une autre version d'écriture.
        1. Je n'ai jamais écrit "img#titreconcept" dans mes CSS, je mets plutôt "#titreconcept img" c'est peut-être ça le problème ? (Pas forcément, encore une fois!)
          1. Toujours pas! Je ne comprends pas on dirait que je n'agit pas sur la bonne image css.

            <a href="concept.html"><img src="images/titreconcept.jpg" alt="" id="titreconcept" /></a>

            Voici le code de ma page, l'image concept à bouger doit logiquement correspondre au blog id : titre concept?!

            Et en voici le css, qui avec border none ou 0px, reste identique!

            img#titreconcept
            {
            position:absolute;
            top : 240px;
            left: 28%;
            margin-left: -68px;
            border: 0px;
            }
            1. Bonjour,

              Remplace le "border:none;" par un "border:0px;" qui sera certainement plus efficace.