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. Bonjour,

    Remplace le "border:none;" par un "border:0px;" qui sera certainement plus efficace.
    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. 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. Et non malheureusement toujours pas ça! Cela doit être une autre version d'écriture.
          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. 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. 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;
                  }