Aide html/css : target

faboo Messages postés 62 Statut Membre -  
notobe Messages postés 2222 Statut Membre -
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. fonso
     
    je pense que je peux t'aider mais pourrais tu joindre l'énoncé entier de ton tp . Merci
    0
  2. faboo Messages postés 62 Statut Membre 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
  3. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  4. faboo Messages postés 62 Statut Membre 1
     
    je ne vois toujours pas comment changer la couleur de "synopsis" seulement lorsque je clique sur le lien hypertexte
    0