Aide html/css : target

Bonjour,
J'ai un tp en html à faire et j'ai du mal à réaliser cette partie:
"Lorsque l’utilisateur clique sur un lien dans la section Synopsis, la ligne correspondante du tableau
change de couleur. (Pour cela utiliser la pseudo-classe :target)"
Si quelqu'un pouvait m'aider cela serait très sympa
Merci d'avance
Configuration: Windows 7
Firefox 3.5.5

5 réponses

  1. je pense que je peux t'aider mais pourrais tu joindre l'énoncé entier de ton tp . Merci
    0
    1. Info 1 IUT de Nantes
      Xhtml 2009/2010
      Feuille de travaux pratiques
      Tp CSS
      L’auteur de ce Tp est C. Jacquin.
      Exercice 1
      Nous allons maintenant faire une mise en page plus pouss´ee du tp `a l’aide de feuilles de style. Voici
      une charte graphique que votre page web doit respecter :
      Attention ! Les seules modifications possibles du fichier XHTML sont l’ajout des informations
      n´ecessaires `a CSS (attributs class, id) et l’ajout de balises div ou span. Les ancrages peuvent
      ´egalement ˆetre modifi´es suivant les besoins. Le rendu doit ˆetre similaire `a celui du fichier
      lpr style.pdf
      – La page doit avoir une couleur de fond. Le texte doit ˆetre en retrait de 2em (largeur de 2 caract`eres)
      par rapport `a sa position par d´efaut. (red´efinition des propri´et´es de body)
      – Les lettres de ”Commande lpr” doivent ˆetre espac´ees de 6 pixels et d’une certaine couleur
      – Les titres des sections doivent ˆetre suivis d’un trait plein de 2 pixels de largeur. Ceux des soussections
      d’un trait pointill´e (red´efinition des propri´et´es de h2 et h3)
      – Les sous-sections (h3) et leurs contenus doivent ˆetre en retrait de 3em par rapport au reste du document.
      (ajout d’une classe ’sous-section’ et d’une balise div contenant la sous-section)
      – Les occurrences du mot lpr (except´e dans la section Synopsis) doivent ˆetre mis en ´evidence par
      changement de couleur et mise en gras. (ajout d’une classe ’cmd’)
      – Les options de la commande lpr dans le tableau doivent ˆetre mises en ´evidence par une couleur
      particuli`ere et par une mise en italique. (ajout d’une classe ’option’)
      – Les bordures ext´erieures du tableau auront une largeur de 2 pixels. Il n’y aura pas d’espacement
      inter-cellule. L’en-tˆete du tableau doit avoir une couleur de fond et la s´eparation avec le corps du
      tableau se fera par une bordure de 2 pixels. Le contenu des cellules contenant les options sera centr´e,
      le texte des cellules de description sera justifi´e. Les lignes auront ´egalement une couleur de fond
      alternante. (ajout des balises thead pour l’en-tˆete, red´efinir la classe option pour la balise td
      (’td.option’) pour le centrage, ajout d’une classe ’colored’ pour les lignes de couleur).
      – Lorsque l’utilisateur clique sur un lien dans la section Synopsis, la ligne correspondante du tableau
      change de couleur. (Pour cela utiliser la pseudo-classe :target)
      – Les liens seront soulign´es par un trait pointill´e de 1 pixel de largeur. Ils changeront de couleur lors du
      survol de la souris. (Utilisez la pseudoclasse :hover, si le formatage des titres est modifi´e, utilisez
      l’attribut id pour les titres plutˆot que <a name=’’...> pour cr´eer les liens internes)
      – Les images ne doivent pas avoir de bordures visibles. (border : none)

      Voilà je suis rendu à la question avec la pseudo-classe target
      0
      1. je ne vois toujours pas comment changer la couleur de "synopsis" seulement lorsque je clique sur le lien hypertexte
        0