bonjour
Alors voilà mon pb :j'ai fait un site avec un menu horizontal
http://www.avimedi.net
je voulais marquer la page en cour en faisant que les liens
cliquable soient en border fix et le lien en cour en border dashed
j'ai créer une class mais rien a faire
une class semble l'emporter sur une autre
idem avec les id
j'ai bien éssayé de créer une règle générale pour les balises a et li
mais ça marche pas avec IE
pour le moment ce que j'ai fait c'est de supprimer les balises a sur la page en cour mais je comprends pas pourquoi une class l'emporte sur une autre
pourrait ton me dire s'il y a une solution
je copie colle mon code css
body {
background-color: #FFFFFF;
}
p {
margin-top: 0;
margin-bottom: 0;
}
table {
border: 2px solid #0066FF;
margin-left: 5%;
margin-right: 5%;
position: relative;
}
td {
border: 1px solid #0066FF;
width: 30%;
}
.menu {
margin-left: 0;
margin-right: 0;
border: 1px solid #0066FF;
background-color: #FFFFFF;
position: relative;
}
.menu ul {
MARGIN: 0;
PADDING: 0;
FONT: BOLD 1EM ARIAL, HELVETICA, SANS SERIF;
LIST-STYLE: NONE;
}
.menu li{
DISPLAY: inline;
margin-left:1px;
}
.menu a {
COLOR: BLACK;
TEXT-DECORATION: NONE;
LINE-HEIGHT: 30PX;
WIDTH: 120PX;
BORDER: 1PX solid BLACK;
MARGIN: 0 5PX;
PADDING-RIGHT: 10PX;
padding-left: 10px;
text-align: center;
}
.menu a:hover {
background: orange;
}
.style2 {
font-family: Arial, Helvetica, sans serif;
font-size: 20px;
text-align: center;
}
.style3 {
font-family: Arial, Helvetica, sans serif;
font-size: 20px;
color: #0066FF;
text-align: center;
}
.style4 {
font-family: Arial, Helvetica, sans serif;
font-size: 0,5em;
text-align: left;
margin-left: 5px;
}
.conteneur {
background-color: #FFFFFF;
margin-right: 10%;
margin-left: 10%;
border: 3px solid #0066FF;
position: relative;
}
.page {
background-color: #CECECE;
margin: 3px;
border:5px solid #0066FF;
-moz-border-radius: 20px;
}
merci si vous pouvez m'aider
edgard
Alors voilà mon pb :j'ai fait un site avec un menu horizontal
http://www.avimedi.net
je voulais marquer la page en cour en faisant que les liens
cliquable soient en border fix et le lien en cour en border dashed
j'ai créer une class mais rien a faire
une class semble l'emporter sur une autre
idem avec les id
j'ai bien éssayé de créer une règle générale pour les balises a et li
mais ça marche pas avec IE
pour le moment ce que j'ai fait c'est de supprimer les balises a sur la page en cour mais je comprends pas pourquoi une class l'emporte sur une autre
pourrait ton me dire s'il y a une solution
je copie colle mon code css
body {
background-color: #FFFFFF;
}
p {
margin-top: 0;
margin-bottom: 0;
}
table {
border: 2px solid #0066FF;
margin-left: 5%;
margin-right: 5%;
position: relative;
}
td {
border: 1px solid #0066FF;
width: 30%;
}
.menu {
margin-left: 0;
margin-right: 0;
border: 1px solid #0066FF;
background-color: #FFFFFF;
position: relative;
}
.menu ul {
MARGIN: 0;
PADDING: 0;
FONT: BOLD 1EM ARIAL, HELVETICA, SANS SERIF;
LIST-STYLE: NONE;
}
.menu li{
DISPLAY: inline;
margin-left:1px;
}
.menu a {
COLOR: BLACK;
TEXT-DECORATION: NONE;
LINE-HEIGHT: 30PX;
WIDTH: 120PX;
BORDER: 1PX solid BLACK;
MARGIN: 0 5PX;
PADDING-RIGHT: 10PX;
padding-left: 10px;
text-align: center;
}
.menu a:hover {
background: orange;
}
.style2 {
font-family: Arial, Helvetica, sans serif;
font-size: 20px;
text-align: center;
}
.style3 {
font-family: Arial, Helvetica, sans serif;
font-size: 20px;
color: #0066FF;
text-align: center;
}
.style4 {
font-family: Arial, Helvetica, sans serif;
font-size: 0,5em;
text-align: left;
margin-left: 5px;
}
.conteneur {
background-color: #FFFFFF;
margin-right: 10%;
margin-left: 10%;
border: 3px solid #0066FF;
position: relative;
}
.page {
background-color: #CECECE;
margin: 3px;
border:5px solid #0066FF;
-moz-border-radius: 20px;
}
merci si vous pouvez m'aider
edgard