IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Image linké sans décoration


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 27
    Par défaut Image linké sans décoration
    Bonjour,

    Lorsque j'écris mes articles, j'ai une "décoration" pour les liens. Seulement lorsque je poste une image linké, je voudrais ne pas avoir de décoration (de façon à ce que l'image reste inchangée).

    Je pense que ce sera plus compréhensible de façon illustrée :

    Voici ma Page

    Et voici mon CSS

    Je voudrais savoir ce que je devais utiliser dans mon CSS pour que mon image n'ai pas cette bordure rose et ne soit pas sous-lignée par ces pointillés lorsqu'elle est linké (comme ici)

    Merci de votre aide

  2. #2
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    utilise une classe pour les liens sans image.
    et tu n'en mets pas pour les images.
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 27
    Par défaut
    Citation Envoyé par MimiCracra44
    utilise une classe pour les liens sans image.
    et tu n'en mets pas pour les images.
    Oui, je voyais plus ou moins comment faire, mais je n'arrive pas à le mettre sur ma feuille de style :/

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Février 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 27
    Par défaut
    Quelqu'un peut-il m'indiquer comment gérer ça svp ?

    J'ai fait un vague essai avec

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .entrymeta a img{
    text-decoration:none;
    }
    Mais sans succès.

    Le texte (et les images) que je poste sont dans "entry" ou mieux, "entrymeta".

    Merci d'avance de votre aide

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2007
    Messages : 25
    Par défaut
    S'il n'y a que les images pour lesquelles tu ne veux aucune "déco", c'est aussi simple que ca :

    a img {border: none; }

    tu peux aussi utiliser les
    a:hover img ...
    a:visited img ...

    et ainsi de suite


    tu n'a pas a ajouter ce code dans une classe deja existante (comme entrymeta), sur sa propre ligne et ca ira...

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Février 2007
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 27
    Par défaut
    Merci beaucoup

    par contre pour mon hover j'utilise

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    border-bottom: 1px dotted #fec1f2;
    Et même en mettant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    a:hover img {
    border: none;
    text-decoration:none; 
    }
    Rien à faire, les petits points gris restent sous l'image

    Merci de ton aide en tout cas, c'est déjà beaucoup mieux !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Retournement image jpg sans perte du header
    Par Ricquet dans le forum API, COM et SDKs
    Réponses: 4
    Dernier message: 02/06/2009, 21h23
  2. <html:link> sans avoir le soulignement bleue ?
    Par singleProject dans le forum Struts 1
    Réponses: 4
    Dernier message: 11/06/2008, 11h03
  3. création des images gif sans arrière plan
    Par Amissan dans le forum Flash
    Réponses: 3
    Dernier message: 08/12/2006, 20h20
  4. Traitement d'images: prédiction sans connaissance a priori
    Par progfou dans le forum Traitement d'images
    Réponses: 5
    Dernier message: 30/10/2006, 08h52
  5. [CR8.5] Image dynamique sans utiliser RDC ou Blob
    Par lrp dans le forum SAP Crystal Reports
    Réponses: 2
    Dernier message: 21/12/2005, 14h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo