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 :

Il était une fois les liens


Sujet :

CSS

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    avril 2005
    Messages
    127
    Détails du profil
    Informations personnelles :
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations forums :
    Inscription : avril 2005
    Messages : 127
    Points : 49
    Points
    49
    Par défaut Il était une fois les liens
    Bonjour,

    ça m'embête un peu de poster pour ce type de question mais je n'y comprend rien...
    Mon lien une fois visité ne fait pas ce que je souhaite (lien en vert et barré):

    Mon code HTML:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <div id="design">
       <a href="Design.html">Graphic design ></a>
    </div>

    Mon code CSS:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    #design  a:link {
    	text-decoration: none;
    }
     
    #design  a:visited	{
    	text-decoration: line-through;
    	color:green;
    }
     
    #design  a:hover {
    	text-decoration: none;
    	color:yellow;
    	background-color:black;
    }
     
    #design  a:focus {
    	text-decoration: none;
    }
    Une autre petite question en bonus, il a fallu que je sépare #design, #project, #experiments car si je fais ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    #info #contact #projects #design #experiments a:link	{
    	text-decoration: none;
    }
     
    #info  #contact #projects #design #experiments a:visited	{
    	text-decoration: line-through;
    	color:green;
    }
     
    #info  #contact #projects #design #experiments a:hover {
    	text-decoration: none;
    	color:yellow;
    	background-color:black;
    }
     
    #info  #contact #projects #design #experiments a:focus {
    	text-decoration: none;
    }
    }
    mes liens ne prennent pas du tout les styles souhaités...

    Merci d'avance.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Inverse l'ordre des déclarations visited et hover.

    Et pour la question bonus, au lieu de :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #info #contact #projects #design #experiments a:link{
    C'est pas plutôt ça que tu veux :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    #info a:link, #contact a:link, #projects a:link, #design a:link, #experiments a:link {

Discussions similaires

  1. Il était une fois un objet qui voulait devenir array()
    Par mitchreward dans le forum Langage
    Réponses: 3
    Dernier message: 06/10/2012, 10h59
  2. Un getter qui ne renvoie qu'une fois les données pas à chaque fois
    Par tonytrua dans le forum Débuter avec Java
    Réponses: 2
    Dernier message: 17/12/2011, 23h05
  3. agrandir un div, une fois les autres scripts terminés
    Par cowboydeluxe dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 30/10/2009, 11h25
  4. [Blague]Il était une fois à Java
    Par el_slapper dans le forum La taverne du Club : Humour et divers
    Réponses: 6
    Dernier message: 29/04/2008, 12h20
  5. Il était une fois 3 threads: A, B et C . . .
    Par raphael_kindt dans le forum C++
    Réponses: 17
    Dernier message: 07/04/2008, 22h57

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