Question html - Programmation
Marsh Posté le 11-03-2001 à 21:53:22
tu insere ca :
<style>
a:link:visited {text-decoration:none;}
a:link:hover {text-decoration:underline; color=#FF0000;}
</STYLE>
entre <head> et </head>
et voila ( tu peux changer les couleurs et les decos et tout.... )
Marsh Posté le 11-03-2001 à 22:13:11
ok
ca marche,merci beaucoup
Mais je ne veux pas que cela soit la meme chose pour tout le document html (un peu comme HFr), je fais comment ?
Marsh Posté le 11-03-2001 à 22:15:48
Imhotep a écrit a écrit : ok ca marche,merci beaucoup Mais je ne veux pas que cela soit la meme chose pour tout le document html (un peu comme HFr), je fais comment ? |
Tu crées des classes
Marsh Posté le 11-03-2001 à 22:16:56
Imhotep a écrit a écrit : ok ca marche,merci beaucoup Mais je ne veux pas que cela soit la meme chose pour tout le document html (un peu comme HFr), je fais comment ? |
il faut utiiliser les css et faire class=ce_ke_tu_veux
juste après le tag <a>
Marsh Posté le 11-03-2001 à 22:23:06
Ou la la ca devient compliqué !!!
Je sais que le css est un fichier à part, et qu'il faut le lié dans le head je crois, mais comment on le est-il constitué ???
Marsh Posté le 11-03-2001 à 23:56:14
Salut Imhotep,
tu lies le fichier avec :
<link rel="stylesheet" type="text/css" href="style.css">
par exemple, style.css étant le nom du fichier contenant les styles.
ensuite dans ce fichier tu peux créer plusieurs style au niveau des liens :
a
{
font-family: tahoma;
font-size: 12px;
color: #ff0000;
text-decoration: none;
}
a:visited
{
font-family: tahoma;
font-size: 12px;
color: #ff0000;
text-decoration: none;
}
a:hover
{
font-family: tahoma;
font-size: 12px;
color: #0000ff;
text-decoration: none;
}
peut être ta déclaration générale sur les liens de ton site. Si ensuite tu veux créer d'autres effets de lien tu peux ajouter :
a.autre
{
font-family: tahoma;
font-size: 12px;
color: #00ff00;
text-decoration: none;
}
a.autre
{
font-family: tahoma;
font-size: 12px;
color: #00ff00;
text-decoration: none;
}
a.autre:hover
{
font-family: tahoma;
font-size: 12px;
color: #cccccc;
text-decoration: none;
}
que tu appellera au moment du lien par :
<a href="x.htm" class="autre">
Marsh Posté le 11-03-2001 à 23:58:19
Mince j'ai oublié le :visited sur le deuxieme style "autre".
Réponds moi si je n'ai pas été clair !!
Marsh Posté le 12-03-2001 à 00:00:02
ok
merci beaucoup
Marsh Posté le 12-03-2001 à 00:04:11
Si ca m'a l'air tres clair, mais j'éssayrai demain car là il se fait tard.
Une autre question, au sujet de la taille des font, das le html, on peux la définir par 1 2 3 4 ... mais je pense que c'est différent de ce que tu as mis sur ton fichier css non ??? Ou alors c'est des font tres tres grosses. C'est quoi le différence ?
Marsh Posté le 12-03-2001 à 00:11:26
En fait il y a plusieurs facçons de les definir, je prefere utiliser une taille en pixels.
12px est une police "normale" pour une page web (tu verras quand tu l'utiliseras).
j'utilise 11px pour un commentaire plus leger et 13px quand je veux faire ressortir le texte !
Marsh Posté le 12-03-2001 à 00:19:39
Ok
merci
Marsh Posté le 12-03-2001 à 12:35:27
Une dernière chose, que peut-on faire d'autre avec un fichier CSS ???
Est ce qu'on peut aussi y définir les autre font du site (titre, text) pour ne pas à avoir changer tout les fichier html si on veut faire une modif ???
Marsh Posté le 12-03-2001 à 14:40:45
Bien sur et c'est bien la l'interet des CSS justement !
tu peux soit definir des styles d'ensemble en les appliquant a un tag html
ex:
td
{
def
}
soit en les apliquant par des span:
.style
{
def
}
le but si tu veux reviens a se rapprocher le plus possible du xml en separant le contenu de la mise en forme...
Marsh Posté le 11-03-2001 à 21:46:12
Salut
J'aimerai savoir comment on fait en html pour enlever le souligné d'un lien ou bien le faire apparaitre seulement quand on passe la souris dessus.
Merci beaucoup
---------------
Qui avale une noix de coco fait confiance à son anus...