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 :

Mise en forme CSS et lien


Sujet :

CSS

  1. #1
    Membre du Club
    Inscrit en
    Avril 2004
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 80
    Points : 49
    Points
    49
    Par défaut Mise en forme CSS et lien
    Bonjour ,

    J'ai un petit soucis avec les CSS. Voila mon code d'origine qui fonctionne nickel :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     <td width="133" height="47">
    <a href="index.php class="menu">Carte des soins</a> <td>

    Là, pas de problème, il prend la classe menu définit dans ma CSS et me met le tout en forme.

    Maintenant voila ce que je souhaiterai rajouter (je précise que rien n'a été changé ailleurs dans le code) :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     <td width="133" height="47>
    <a href="index.php?p=carte" class="menu">Carte des soins</a></td>
    Et là, ca marche plus
    Il reprends le comportement d'un lien normal à savoir souligné et violet lorsqu'il est visité.

    Voila mon bout de CSS :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    A.menu:link {text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; } 
    A.menu:hover {font-size: 17px;text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }
    tr.menu {background-color:#CC0066;}
    a:link {
    	color: #000000; text-decoration: underline;
    }
    a:hover {
    text-decoration: underline;
    }
    Merci d'avance pour votre aide !
    Deb

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    à part le " manquant dans ta 1° version, y a pas de raison ...
    Vraiment aucun changement ailleurs, et sur le même nav ?

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Membre du Club
    Inscrit en
    Avril 2004
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 80
    Points : 49
    Points
    49
    Par défaut
    Citation Envoyé par E.Bzz
    Bonjour,
    à part le " manquant dans ta 1° version, y a pas de raison ...
    Vraiment aucun changement ailleurs, et sur le même nav ?

    A+
    Bonjour,

    Merci de t'être arrêté sur mon pb 5 min.
    Le " manquant a disparu dans le copier-coller mais est bien présent dans le code.
    Aucun changement ailleurs, ni de naviguateur (IE)... Du reste, si je supprime le ?p=carte, cela fonctionne de nouveau...
    Incompréhensible !!!!

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    ... à part la 1° fois : si tu as visité index.php, il te le mets en "visited", mais si tu le modifies en index.php?p=carte, pour lui ce n'est plus la même url, et donc, pas encore visited ... jusqu'à ce que tu reclic dessus ...

    Si les symptômes persistent ... je sèche

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Membre du Club
    Inscrit en
    Avril 2004
    Messages
    80
    Détails du profil
    Informations forums :
    Inscription : Avril 2004
    Messages : 80
    Points : 49
    Points
    49
    Par défaut
    Bon alors voila, j'ai rajouter ca dans ma css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    A.menu:visited {text-decoration: none;color: #FFFFFF;font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; }
    Et du coup, quand il le considère comme visited, il applique le même style que link...

    Je ne sais pas si c'est très propre mais ca marche...

    Merci en toute cas !

    Deb

  6. #6
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Heu oui, temporairement c'est une solution
    Mais ça ne résoud pas le pb, ça le masque uniquement

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  7. #7
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 51
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    Ce que tu attribues à a:link ne va pas concerner a:visited. Si tu veux qu'un style s'aplique à toutes les pseudo-classe de la balise a, tu dois le définir par le sélecteur a (tout court). Dans ton cas tu devrais avoir quelque chose du genre:

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    a.menu {
      text-decoration: none;
      color: #FFFFFF;
      font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;
      font-weight: bold;
    } 
     
    a.menu:hover {
      font-size: 17px;
    }
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et si c'est le cas

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

Discussions similaires

  1. Mise en forme CSS
    Par shonem dans le forum Débuter
    Réponses: 0
    Dernier message: 13/05/2009, 14h07
  2. Réponses: 14
    Dernier message: 02/05/2008, 20h17
  3. Mise en forme CSS d'un résultat
    Par davidg.fr dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/01/2008, 10h32
  4. Mise en forme CSS/XML
    Par LhIaScZkTer dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/08/2007, 13h37
  5. Mise en forme d'un lien
    Par Blink182 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 02/11/2006, 17h24

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