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. 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. 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. 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;
                  }