Deux couleurs de liens sur un site (menu et page centrale)

Deux couleurs de liens sur un site (menu et page centrale) - HTML/CSS - Programmation

Marsh Posté le 19-11-2002 à 16:21:51    

HUGH TOUT LE MONDE!
J'aimerais savoir si c'est possible qu'il y ait deux couleurs differentes pour les liens. Une qui par exemple serait utilisée pour le menu et l'autre couleur pour la page centrale. Merci d'avance  :)

Reply

Marsh Posté le 19-11-2002 à 16:21:51   

Reply

Marsh Posté le 19-11-2002 à 16:23:11    

oui, suffit d'utiliser une feuille de style (CSS)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 19-11-2002 à 16:28:12    

J'ai déjà une feuille de style css qui est appelé dans mon index (qui avec des include contient mon menu):
td {
 font-family: Verdana, Arial;
 font-size: none;
 color: #000000;
 font-weight: none;
 border: none;
}
A.menu {
 font-family: Verdana, Arial;
 font-size: none;
 color: #FF9933;
 text-decoration: none;
 border: 0px none;
 background-image: url(pix/spacemod.JPG);
 
}
A.menu:hover { font-family: Verdana, Arial; font-size: 11pt; color: #FF9933; background-color: #330033; text-decoration: none}
.titre { font-family: Verdana, Arial; font-size: ; font-weight: bold; color: #330033; text-decoration: none }
.roger {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 border: 0px none;
}
 
 
Je vois pas trop quoi modifier pour resoudre mon probleme, tu peux m'aider stp?

Reply

Marsh Posté le 19-11-2002 à 16:36:51    

Y a déjà un style pour les a.menu
mais le style a tout simple il est pas défini on dirait... Or j'imagine que c'est celui là qui est utilisé pour les liens du corps de la page ?


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 19-11-2002 à 16:42:42    

J'oubliais de preciser quelques chose : le couleur des liens est définie dans les propriétés de ma page d'index. Désolé j'ai un peu de mal a m'exprimer, je te passe l'url de mon site peut être que tu comprendra mieux. http://rogerone.free.fr
Ce que j'aimerais c'est que la couleur des liens du menu a gauche soit plus clair pour que ce soit plus visible.
Mais il faut peut être créer un partie dans le css pour le menu... Enfin je sais pas trop je suis un (éternel) newbie.

Reply

Marsh Posté le 19-11-2002 à 16:55:13    

ça m'a l'air un peu confu ce mélange là :/
y a peut-être qqun qui passe qui aura le temps de voir, sinon je regarderai plus tard


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 09-12-2002 à 11:56:59    

J'ai ça dans mon index :
 
<style type="text/css">A:hover {
 FONT-SIZE: 10px; COLOR: #99CCCC; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
 
Ca doit commander une couleur de lien, non? Alors je vire cette ligne et je fais tout a partir de css (dites moi si je me trompe). Mon css a cette tête :
 
td {
 font-family: Verdana, Arial;
 font-size: none;
 color: #000000;
 font-weight: none;
 border: none;
}
A.menu {
 font-family: Verdana, Arial;
 font-size: none;
 color: #FF9933;
 text-decoration: none;
 border: 0px none;
 background-image: url(pix/spacemod.JPG);
 
}
A.menu:hover { font-family: Verdana, Arial; font-size: 11pt; color: #FF9933; background-color: #330033; text-decoration: none}
.titre { font-family: Verdana, Arial; font-size: ; font-weight: bold; color: #330033; text-decoration: none }
.roger {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-style: normal;
 line-height: normal;
 font-weight: normal;
 font-variant: normal;
 border: 0px none;
}

Reply

Marsh Posté le 09-12-2002 à 13:05:19    

moi je ferais :  
 

Code :
  1. /* liens dans les cellules du menu */
  2. td.menu a {...}
  3. td.menu a:hover {...}
  4. /* liens dans les cellules du main */
  5. td.main a {...}
  6. td.main a:hover {...}


 
note qu'ici :  
les cellules de ton menu ont une class="menu"
les cellules de ton main ont une class="main"

Reply

Marsh Posté le 09-12-2002 à 13:10:35    

Reply

Marsh Posté le 09-12-2002 à 14:07:04    

Ca doit être ça... Mais je suis vraiment très mauvais  :(  et je sais pas ce que je dois faire exactement... Désolé  :(

Reply

Marsh Posté le 09-12-2002 à 14:07:04   

Reply

Marsh Posté le 09-12-2002 à 14:17:51    


 
xkamui => proud proud [:ula]
 

electroger a écrit :

Ca doit être ça... Mais je suis vraiment très mauvais  :(  et je sais pas ce que je dois faire exactement... Désolé  :(  


 
dans ton fichier css (ou entre tes balises style), tu tapes :  
 

Code :
  1. /* liens dans les cellules du menu */
  2. td.menu a {text-decoration: underline; color: #0000FF;}
  3. td.menu a:hover {text-decoration: underline overline;}
  4. /* liens dans les cellules du main */
  5. td.main a {text-decoration: underline; color: #FF0000;}
  6. td.main a:hover {text-decoration: none;}

 
 
ensuite, dans ton code html, dans le tableau du menu, les cellules qui comportent tes liens, ce mettent comme ceci :  
 

Code :
  1. <table>
  2. <tr>
  3.   <td class="menu"><a href="tonlien">mon lien de menu donc, bleu</a></td>
  4.   <td class="main"><a href="tonlien">mon lien de main donc rouge</a></td>
  5. </tr>
  6. </table>


 
voilà !!!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed