Border None

Résolu
bluenette Messages postés 224 Statut Membre -  
bluenette Messages postés 224 Statut Membre -
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. coeus Messages postés 3296 Statut Membre 120
     
    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
  2. txiki Messages postés 6514 Date d'inscription   Statut Contributeur Dernière intervention   610
     
    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
  3. Blopette Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   273
     
    Bonjour,

    Remplace le "border:none;" par un "border:0px;" qui sera certainement plus efficace.
    0
  4. bluenette Messages postés 224 Statut Membre 3
     
    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;
    }
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Blopette Messages postés 317 Date d'inscription   Statut Membre Dernière intervention   273
     
    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!)
    0
  7. bluenette Messages postés 224 Statut Membre 3
     
    Et non malheureusement toujours pas ça! Cela doit être une autre version d'écriture.
    0
  8. bluenette Messages postés 224 Statut Membre 3
     
    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;
    }
    0
    1. coeus Messages postés 3296 Statut Membre 120
       
      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 ?
      0
    2. coeus Messages postés 3296 Statut Membre 120
       
      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...
      0
    3. bluenette Messages postés 224 Statut Membre 3
       
      Résolu!!! Merci beaucoup
      0
    4. bluenette Messages postés 224 Statut Membre 3
       
      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;
      }
      0