Liens dynamique

22 mars 2005, 14:42

Salut,
J'aimerai afficher des liens qui change de couleur lors d'un mouseover (comme les liens de navigation de ce site qui deviennent rose lorsque l'on passe dessus).
J'ai beau chercher et analyser la code source, je ne capte pas comment c'est fait Est-ce un script css? En quel cas je ne sais pas du tout comment cela fonctionne.
PErsonne n'aurait un lien vers un howto ou pourrait m'expliquer comment faire?
MErci
jr

22 mars 2005, 15:50

Ok, petit cours extrêmement basique de style.
en HTML, tu peux très bien fixer les couleurs de lien dans ta balise body. Mais si tu envisage d'adopter un jour la norme XHTML, autant te mettre dès maintenant au feuilles de style CSS.
Pour les liens, tu vas utiliser des propriétés pour les balises <a>
Dans ta feuille de style, ça va se traduire par exemple par :

Code : Tout sélectionner

a:link {color: #0000ff}
a:hover {color: #00ff00}
a:visited {color: #ff0000}

Cette feuille de style peut se trouver soit directement dans ta page html :

Code : Tout sélectionner

<html>
<head>
<title>Titre de ta page</title>
<style>
a:link {color: #0000ff}
a:hover {color: #00ff00}
a:visited {color: #ff0000}
</style>
</head>
<body>
.....
</body>
</html>

Soit dans un fichier externe portant l'extension .css que tu vas appeler depuis ta page html comme ceci:

Code : Tout sélectionner

<html>
<head>
<title>Titre de ta page</title>
<link rel="stylesheet" href="mafeuilledestyle.css" type="text/css">
</head>
<body>
.....
</body>
</html>

22 mars 2005, 16:01

Excellent. Merci bcp.
Je sais pas très bien ce qu'est le XHTML mais je sais que je vais fouiller un peu plus les options du css.
Merci encore,
jr

22 mars 2005, 16:04

XHTML est une version XML du HTML, beaucoup plus rigide quant à l'écriture, mais forçant de ce fait à produire un code beaucoup plus propre d'une part et plus facilement compatible à terme entre différents navigateurs. Mais ce ne sont là que des éléments basiques.

23 mars 2005, 09:59

Tu suggères en gros qu'il faut se spécialiser en XHTML, PHP et CSS pour avoir des sites optimaux?
Merci encore pour tes réponses, j'suis super content du résultat de mon site.
Tout de bon,
jr

23 mars 2005, 10:15

Je ne dirais pas exactement ça. Il faut distinguer deux types de programmation:
La programmation client;
La programmation serveur:
Pour la seconde, tu peux effectivement choisir le PHP, mais rien ne t'empèche de t'orienter vers l'aspx, .NET, ou Java, mais dans ce cas, le soutien ici sera beaucoup moins évident

Pour la première en revanche, je te recommande en effet vivement de te mettre directement au XHTML qui est en fait le nouveau standard. Il faut en effet savoir que l'actuelle version de HTML (4.01 si je ne m'abuse) n'aura plus de mise à jour et il est vain d'espérer une version 4.02 ou 5.0: XHTML est déjà opérationnel dans sa version 1.0, utilisable avec des réserves (J'ai appris ça la semaine dernière) en version 1.1 et actuellement en cours de développement en version 2.0.
L'utilisation du XHTML implique en outre l'utilisation de feuilles de style: Donc en apprenant à maitriser XHTML et CSS, tu es dans une orientation d'avenir. Enfin c'est mon avis (que je partage), peut-être d'autres auront des précisions ou des opinions divergentes sur certains points.
Je te recommande vivement à propos du XHTML une visite ==> ICI pour voir de la documentation extrêmement pertinente en la matière.
Une autre visite ==> LA pour ce qui concerne les CSS

25 mars 2005, 16:16

Merci pour ces liens très instructifs. Je vois que migrer vers XHTML n'est pas un monstre effors et vais donc remettre mon site à jour.
A+
jr

Liens dynamique

Qui est en ligne