28172 sujets

CSS et mise en forme, CSS3

Propriétés de 2 groupes de liens

Allo! Je suis contente d'avoir trouvé ce site, c'est bien!!

Mon problème est que je veux mettre 2 types de propriétés sur des liens dans une même pas. J'ai un tableau avec du texte noir sur blanc (1) et du texte blanc sur un fond bleu (2), donc je ne peux pas attribuer les mêmes propriétés.

Mais quand je mets mes bloc de code dans ma page, le deuxième s'applique partout.

vous pouvez voir mon code dans cette page :
http://www.graph-e-web.com/opti/calendrier2.htm

Merci pour votre aide!!
Bonjour et bienvenue !

Une petite recherche sur le forum t'aurait conduite ici Smiley cligne (A lire !)

Dans ton cas, je te conseille plutôt l'usage des classes.
Ex:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
  <head>
  <meta http-equiv="content-type" content="text/html; charset=iso8859-1" />
  <title></title>
  <style type="text/css">
  a.noir:link {
    background: #fff;
    color: #000;
  }
  a.noir:hover {
    background: #fff;
    color: #f00;
  }
  a.bleu:link {
    background: #00f;
    color: #fff;
  }
  a.bleu:hover {
    background: #00f;
    color: #f00;
  }
  </style>
  </head>
  <body>
    <div>
      <a href="#" class="noir">test</a> <a href="#" class="bleu">test</a>
    </div>
  </body>
</html>

N'hésite pas à approfondir tes connaissances sur le sujet
D'après le code source de ta page HTML, je dirais que le problème vient du fait que tu ne comprend pas bien le fonctionnement des CSS (= feuille de style en cascade).

Tu fait plein de petite définition de style dans la page, sur des éléments identiques. Ce sont donc les dernière définitions pour un élément qui seront utiliser (couleur des liens en blanc).

Si tu souhaite définir plusieurs styles de liens, donnes des "class" à ceux ci ou utilise l'id de leur conteneur pour les définir dans la feuille de style.

Mais avant d'aller plus loin, je te conseille fortement de revoir les bases de l'HTML et du CSS.

Quelques liens pour t'aider :
http://css.alsacreations.com/Comment-debuter-et-trouver-l-information
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Construire-un-site-sans-tableaux
http://css.alsacreations.com/Bases-et-indispensables/

[EDIT : arf, le temps d'écrire la réponse, je me suis fait grilled]
Modifié par Yasashii (12 Dec 2008 - 11:11)
Sujet clos
Aller à