Sujet : Créer des styles de lien différents sur une même page
Aucun commentaire enregistré pour ce sujet.
1
- Bon, je suis débutante dans le domaine de dreamweaver. J'ai un petit souci concernant les styles de lien.
Je m'explique :
Sur une même page, je voudrais créer des styles de lien différents.
Par exemple, je voudrais que le mot "bonjour" soit bleu puis rouge en hover etc...
Et sur la même page, je voudrais que le mot "aurevoir" soit rose puis jaune en hover
Le souci c'est que quand je crée des styles de liens (link, hover, visited etc...) et bien ça me l'applique toute la page.
Je sais pas si je m'exprime correctement mais si vous avez une solution, je suis toute ouïe! - Salut Sand,
En fait lorsque tu crées tes classes de liens ce sont les valeurs des liens par défaut que tu modifies et c'est pour cela que ce "nouveau style" est appliqué à toute la page.
Il faut que tu définisses aussi des classes de liens héritant de tes classes de texte (en plus de la redéfinition des liens par défaut si tu souhaites modifier ces valeurs)
Parce qu'un exemple est toujours plus parlant, voici une feuille de style :
[cit].texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #000000;
text-indent: 10px;
padding-left : 10px;
}
A.texte:link {
text-decoration: underline;
}
A.texte:visited {
text-decoration: underline;
}
A.texte:link:hover {
color: #0000FF;
text-decoration: underline overline;
}
A.texte:visited:hover {
color: #0000FF;
text-decoration: underline overline;
}[/cit]
Et voici un exemple d'utilisation :
[cit]<table width="350" border="0">
<tr>
<td class="texte">Le texte noté ici prends les attributs du style "texte"<br>
<a href="#" class="texte">Et cette ligne prends les attributs des liens du style "texte"</a></td>
</tr>
</table>[/cit]
Si ce n'est pas clair n'hésites pas à poser d'autres questions
- Coucou! Désolée de répondre si tard... Je vais m'y remettre en noel et le jour de l'an...
En fait, si j'ai bien compris, il faut que je nomme mon style de lien.
[IMG=100=100]http://img171.imageshack.us/img171/2842/imagesitexm0.th.jpg[/IMG]
Voilà ma page
J'aimerais que "Cardiologie" soit en vert, "Chirurgie" en rouge etc...
Peux-tu m'expliquer clairement comment faire stp? Merci - Salut Sand,
Pas de problème tu réponds quand tu veux
Oui tu dois donc définir tout cela pour chaque lien ayant un nouveau style.
Par exemple pour cardiologie et chirurgie
[cit]
.cardiologie {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #00FF00;
text-indent: 10px;
padding-left : 10px;
}
A.cardiologie:link {
text-decoration: underline;
}
A.cardiologie:visited {
text-decoration: underline;
}
A.cardiologie:link:hover {
color: #0000FF;
text-decoration: underline overline;
}
A.cardiologie:visited:hover {
color: #0000FF;
text-decoration: underline overline;
}
.chirurgie {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 10px;
color: #FF0000;
text-indent: 10px;
padding-left : 10px;
}
A.chirurgie:link {
text-decoration: underline;
}
A.chirurgie:visited {
text-decoration: underline;
}
A.chirurgie:link:hover {
color: #0000FF;
text-decoration: underline overline;
}
A.chirurgie:visited:hover {
color: #0000FF;
text-decoration: underline overline;
}
[/cit]
Aprés il te suffit d'appeler le style dans le lien :
[cit]<a href="cardiologie.php" class="cardiologie">cardiologie</a>[/cit]
Bon courage & bonnes fêtes de fin d'année
1
Identification requise
Vous devez être identifié pour pouvoir participer à cette discussion.



