28220 sujets

CSS et mise en forme, CSS3

[AIDE] menu en css et liens sur page web

voila comme sur l'image http://dgfab.free.fr/menucss.JPG
cette image est crée en 3 parties et en css
la partie 2 donne ceci 
.milieuMgauche {
	font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0000;
	background-color: #FFFFFF;
	background-image: url(img/milieug.gif);
	background-repeat: repeat-y;
	width: 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 20px;
}


je voudrais que mes liens changes de couleurs et ne soient pas soulignes un peu comme dans ceci .
Cette exemple fonctionne bien sur le texte de ma page mais pas dans le menu 
  a:link {
color: #000000;
font-weight: normal;
font-style: normal;
}
a:hover {
color: #000000;
 background-color: #FFFFFF;
font-weight: bold;
font-style: normal;
}
a:visited {
color: #00FF00;
font-style: italic;
font-weight: normal;
}
a:active {
 color: #000000;
background-color: #CCCCCC;
font-weight: bold;
 font-style: normal;
}


je suppose que je devrais créer quelque chose comme ça mais je n'arrive pas a l'appliquer 
a.milieuMgauche:link
  {
   color: #FFFFFF; text-decoration:none;
  }
hitcher a écrit :
a.milieuMgauche:link
  {
   color: #FFFFFF; text-decoration:none;
  }


ta syntaxe ne me semble pas juste, essaie avec:


.milieuMgauche a:link
  {
   color: #FFFFFF; text-decoration:none;
  }


a+
Daweed a écrit :


ta syntaxe ne me semble pas juste, essaie avec:


.milieuMgauche a:link
  {
   color: #FFFFFF; text-decoration:none;
  }


a+


même reponse.....

aurais tu un lien online pour se faire une idée de la bête?!
Smiley lol
voila mon exemple en images http://dgfab.free.fr/teste.htm
dans le menu de gauche (.milieuMgauche ) les effets sur mes liens sont les mêmes que sur le texte en latin hors le style est different .
Pourquoi ? faut il placer les styles dans un ordre
D'avance merci a celui qui pourra m'aider 


/* Liens des menus  */
 .milieuMgauche a:link {
color: #FFFFFF;
text-decoration: none;
}
.milieuMgauche a:visited {
color: #FF0000;
font-style: italic;
}
.milieuMgauche a:hover {
color: #00FF00;
text-decoration: underline;
}
.milieuMgauche a:active {
color: #0000FF;
}
                            
/* Liens normaux */
  a:link {

    color: #000000;

    font-weight: normal;

    font-style: normal;

}
a:hover {

    color: #000000;

    text-decoration: underline;

    background-color: #FFFF00;

    font-weight: bold;

    font-style: normal;

}
a:visited {

    color: #00FF00;

    text-decoration: underline;

    font-style: italic;

    font-weight: normal;

}
a:active {

    color: #000000;

    text-decoration: none;

    background-color: #CCCCCC;

    font-weight: bold;

    font-style: normal;

}

Modifié par hitcher (14 May 2005 - 13:49)
a écrit :
je voudrais que mes liens changes de couleurs et ne soient pas soulignes un peu comme dans ceci .
Cette exemple fonctionne bien sur le texte de ma page mais pas dans le menu


mais sur ta page les liens sont soulignés??!

on retrouve cea dans ton code:

.milieuMgauche a:hover {
color: #00FF00;[b]
text-decoration: underline;[/b]
}


et 



/* Liens normaux */

a:hover {

color: #000000;
[b]
text-decoration: underline;[/b]

background-color: #FFFF00;

font-weight: bold;

font-style: normal;

}

Modifié par Maxwell (16 May 2005 - 06:47)
Salut,

Il me semble qu'avant de s'attaquer aux pseudos-classes, il vaut mieux styler la classe principale, sinon soucis probables notamment sous Firefox. Donc je conseillerai de commencer par une regle du type :


a {
color:#fff
text-decoration:none;
...
}

et

.milieuGauche a {
text-decoration:underline;
...
}

Et - important - l'ordre des pseudos-classes doit être L V H A soit :link, :visited, :hover et enfin :active

Smiley cligne
Sujet clos
Aller à