> Tous les forums > Forum des Webmasters
 Deux styles de lien pour une même page...Sujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
bob74252
  Posté le 15/12/2008 @ 20:44 
Aller en bas de la page 
Petit astucien

Bonjour,

j'ai besoin de vos lumières....

J'ai une feuille de style CSS qui définit mes liens html comme suit:

a:link { font-weight:bold ; color: #FFFFCC ; text-decoration: none ;}
a:visited { font-weight:bold ; color: #FFFFCC ; text-decoration: none ;}
a:hover { font-weight:bold ; color: white ; text-decoration: none ; text-decoration: none ;}

ma page est construite ainsi:

un bandeau sup

un menu à gauche,

un contenu à droite

un pied de page....

Toutes mes pages font appel à ma feuille de style

Ma question:

Est-il possible de créer deux styles de liens hypertexte différent pour une même page?

Là mes liens sont jaunes sur fond gris foncé (dans le menu) mais comme le fond de mon contenu est gris clair, ils ne sont pas suffisamment lisibles... j'aimerais par ex mettre les liens vert foncés... peut-on le faire? merci

http://gitelarosa.venez.fr (sur la page 'activités')

bob74252

Publicité
elle
 Posté le 15/12/2008 à 20:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Oui, en créant une classe...

Dreamer
 Posté le 15/12/2008 à 20:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

salut

Crées une class définie dans ton css

.lien {color:green;}

Et dans ton html

<a class="lien" href="........

A +

Dreamer
 Posté le 15/12/2008 à 20:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Re-moi

Precises aussi dans ton css le

a:hover , visited ......

Dreamer
 Posté le 15/12/2008 à 20:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

elle a écrit :

Oui, en créant une classe...

, t'es trop rapide .....

tirikou
 Posté le 15/12/2008 à 20:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour,

Comme tes liens sont en jaune juste dans le menu tu peux aussi faire en css

menu a{color: truc_jaune; ...}

menu a:hover{...

menu a:visited{....

en mettant à la place de menu l'id du div qui englobe le menu gauche.

et laisser ta css comme tu as en mettant color:vert etc.

Tous tes liens dans tes pages seront verts sauf dans le menu où ils seront jaunes.

Au fait ... ça c'est choquant en page d'accueil :

La Rosa est en cours de labellisation gîte de France 4 épis ou 4 clés vacances, pour vous assurez un confort irréprochable.

... assurer serait mieux ...

elle
 Posté le 15/12/2008 à 20:59 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Par exemple, une classe nommée corp :

a.corp { font-weight:bold ; color: #ffffcc ; text-decoration: none ;}
a.corp:visited { font-weight:bold ; color: #ffffcc ; text-decoration: none ;}
a.corp:hover { font-weight:bold ; color: white ; text-decoration: none ; text-decoration: none ;}

Et, dans ton code HTML :

<a href="http://www.lepoulet.qc.ca/" class="corp"">texte du lien</a>


Ou encore, pour les liens du menu en supposant que la div se nomme menu :


#menu a { font-weight:bold ; color: #ffffcc ; text-decoration: none ;}
#menu a:visited { font-weight:bold ; color: #ffffcc ; text-decoration: none ;}
#menu a:hover { font-weight:bold ; color: white ; text-decoration: none ; text-decoration: none ;}

Et tu n'auras rien à modifier dans le code HTML des liens pour la div menu.

bob74252
 Posté le 15/12/2008 à 21:03 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

parfait!

merci elle ;)

bob74252

bob74252
 Posté le 15/12/2008 à 21:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Au fait ... ça c'est choquant en page d'accueil :

La Rosa est en cours de labellisation gîte de France 4 épis ou 4 clés vacances, pour vous assurez un confort irréprochable.

... assurer serait mieux ...

oui tu as raison :) c'est de ma faute je copie-colle ses textes sans relire

elle
 Posté le 15/12/2008 à 21:09 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tant qu'à y être, tu as oublié le p'tit chapeau :

Bienvenue sur le site du Gite "La Rosa"

bob74252
 Posté le 15/12/2008 à 21:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien
elle a écrit :

Tant qu'à y être, tu as oublié le p'tit chapeau :

Bienvenue sur le site du Gite "La Rosa"

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Perforateur Bosch Professional GBH 2-21 SDS+ à 91,09 €
91,09 € 109,99 € -17% @Amazon
Kit évolution PC : AMD Ryzen 7 5800X + carte mère B550 AORUS Elite V2 à 379,90 €
379,90 € 420 € -10% @RueDuCommerce
Kit de 32 Go (2 x 16 Go) de mémoire DDR4 Corsair Vengeance LPX 3200 MHz à 95,99 €
95,99 € 130 € -26% @Amazon
SSD Crucial P3 500 Go (NVMe, PCIe, M.2, 3500 Mo/s) à 39,13 €
39,13 € 49 € -20% @Amazon
Microsoft Office 365 Famille (6 utilisateurs, PC/Mac/Android/iOS) pendant 27 mois à 92,99 €
92,99 € 198 € -53% @Amazon
Enceinte connectée Amazon Echo Dot (3ème génération) avec assistant Alexa à 17,99 €
17,99 € 29,99 € -40% @Amazon
Ordinateur portable Lenovo 15.6 pouces (FHD, Core i3, 8 Go RAM, SSD 256 Go) + sacoche à 379 €
379,00 € 500 € -24% @Cdiscount
Casque sans fil à réduction de bruit Sony WH-1000XM4 (Hi-Res Audio, Bluetooth/NFC) à 226,76 € livré
226,76 € 300 € -24% @Amazon Espagne
Onduleur Eaton Ellipse ECO 650 USB à 92,50 €
92,50 € 120 € -23% @Amazon
PC Portable 16.1 pouces HP Omen (QHD, Core i7-12700H, 8Go DDR5, SSD 1 To, GeForce RTX 3070 Ti 8Go, Windows 11) à 1199,99 €
1199,99 € 1999 € -40% @Darty

Sujets relatifs
Lien sur une même page...
lien vers un mot de la même page?[Résolu]
lien sur page htm pour fermer fenetre
lien entre page et bouton
Page web pour entreprise
taille page pour iframe
mot de passe pour accéder une page html
bouton lien pour continuer script
Créer un code pour page fan Facebook
Ouvrir une page web à la hauteur d'un lien
Plus de sujets relatifs à Deux styles de lien pour une même page...
 > Tous les forums > Forum Forum des Webmasters