> 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
179,99 €Kit de démarrrage Thermostat connecté Tado V3+ (Pont Internet + 2 têtes thermostatiques) à 179,99 €
Valable jusqu'au 03 Décembre

RueDuCommerce fait une belle promotion sur le kit de démarrage Tado V3+ qui passe à 179,99 € livrée gratuitement alors qu'on le trouve ailleurs à partir de 299 €. Ce kit comporte un thermostat connecté, un pont Internet et 2 têtes thermostatiques. Remplacez le robinet thermostatique d'un radiateur pour le transformer en radiateur connecté et contrôlez votre chauffage depuis le thermostat connecté ou bien depuis n'importe où avec l'application Tado pour iPhone et Android. Créez facilement vos planning de chauffre, créez des zones avec plusieurs têtes thermostatiques et faites des économies d'énergie. Les têtes tado V3+ peuvent être intégrées dans un système domotique (Jeedom, Domoticz) et peuvent être contrôlées à la voix avec Alexa, HomeKit, Assistant Google et IFTTT.


> Voir l'offre
44,99 €SSD PNY CS2130 500 Go (NMVe M.2, 3500 Mo/s) à 44,99 €
Valable jusqu'au 03 Décembre

Cdiscount fait une promotion sur le SSD PNY CS2130 500 Go (NMVe M.2) qui passe à 44,99 € livré alors qu'on le trouve ailleurs à partir de 70 €. Ce SSD utilise une interface M.2 NVMe PCIe Gen3 x 4 pour une connexion simple et des performances exceptionnelles : jusqu’à 3500 Mo/s en lecture séquentielle et jusqu’à 925 Mo/s en écriture séquentielle. Le SSD est doté de la technologie 3D TLC NAND haute densité offrant une endurance d’écriture durable et assorti d’une garantie de cinq ans.


> Voir l'offre
13,99 €Jeu de société JUMANJI édition Rétro à 13,99 €
Valable jusqu'au 03 Décembre

Cdiscount fait une promotion sur le jeu de société JUMANJI en édition rétro qui passe à 13,99 € au lieu de 24,99 €.  Revivez les aventures et les embûches en tout genre du film de 1995 ; Traquer les lions, charger les rhinocéros, capturer les crocodiles et autres créatures dangereuses, dans le monde sauvage de Jumanji, vous êtes à un jet de dé du danger ! Un seul objectif dans le jeu Jumanji : traverser la jungle sain et sauf et atteindre en premier le centre du plateau.


> Voir l'offre

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