Probleme de styles
Probleme de styles - HTML/CSS - Programmation
Marsh Posté le 27-08-2006 à 17:24:56
Excuse moi mais je commence à apprendre le css. Sa veut dire quoi css => direction sous categorie HTML ?
Marsh Posté le 27-08-2006 à 17:27:35
Ca veut dire que ta question n'a aucun rapport avec la section PHP dans laquelle tu la poses (non, que le fichier s'appelle styles.php n'est pas recevable 
) et qu'elle serait plus à sa place dans la section HTML/CSS 
Marsh Posté le 27-08-2006 à 18:26:11
pas evident sans le html
mais un truc du genre .contentbody a {/* mes styles */ }
si c ets pas contentbody c ets content tout court
Sujets relatifs:
- Probleme de compilation : "multiple definition"
- probleme action script, préchargement
- Problème formulaire
- Petit problème d'ordre numérique pour classement de fichiers
- Probleme de surlignage liens sous mozilla firefox
- video flash sous dreamweaver probleme lien
- problème de constante
- Problème avec NLST des fonctions FTP de PHP
- [HTML/JS/CSS] problème avec les styles!!
- Problème avec les feuilles de styles (.css) sous netscape 4.7....
Marsh Posté le 27-08-2006 à 17:19:26
Bonjour, j'ai un probleme avec le fichier styles.php d'un kit graphique, mon site se compose d'un menu et d'une zone centrale, le kit graphique à ete configuré de tel sorte que les liens dans les menus soient les même (couleur et style en survolant le lien, ce dernier change de couleur) que celles dans la zone centrale. Je souhaiterai ne pas modifier le style des liens des menus mais seulement ceux dans la zone centrale (en liens classiques) ceci doit etre modifié dans le fichier styles.php mais je n'ai pas trouvé. voici le code complet:
/* MAIN STYLES */
body {
color: #000;
background-color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: auto;
}
.container {
border: 1px solid #000;
text-align: center;
vertical-align: middle;
width: 95%;
padding: 0px;
margin: 0px;
}
.body {
background-color: #99CCFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
margin: 5px 2px;
vertical-align: top;
}
a {
color: #00CC00;
border-bottom: 1px solid #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
color: #FFF;
border-bottom: 1px solid #FFF;
background-color: #999;
text-decoration: none;
}
acronym {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
cursor: help;
}
/* FORMATTING STYLES */
.gray {
color: #CCC;
}
.green {
color: #00CC00;
}
.darkgreen {
color: #009900;
}
/* HEADER */
.title {
color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
text-transform: lowercase;
font-weight: bold;
}
.toprow {
color: #FFFFFF;
background-image: url(images/stretch.gif);
background-repeat: repeat-x;
background-position: left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
padding-right: 5px;
height: 100px;
width: 275px;
}
.toprowimg {
background-image: url(images/stretch.gif);
margin: 0px;
padding: 0px;
width: 275px;
background-repeat: repeat-x;
height: 100px;
}
/* NAVAGATION */
.nav {
border-top-color: #FFFFFF;
border-bottom-color: #212121;
background-color: #666666;
border-top-width: 1px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
margin: 0px;
padding: 2px;
text-align: center;
}
.nav a {
color: #FFFFFF;
background-color: #666666;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
.nav a:visited {
color: #DDDDDD;
background-color: #666666;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
.nav a:hover {
color: #00CC00;
background-color: #666666;
border-bottom: 3px solid #FFF;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
}
/* RIGHT MENUS */
.menuheader {
color: #009900;
background-color: #999999;
border-top: 1px solid #CCC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
text-transform: lowercase;
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin-right: 15px;
margin-left: 15px;
}
.menubody {
color: #CCCCCC;
background-color: #666666;
border-top: 1px solid #999;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-right: 15px;
margin-left: 15px;
padding: 10px;
vertical-align: top;
width: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
.linkage {
border-left: 1px dotted #FFF;
margin-left: 25px;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 15px;
}
.announcement p{
color: #00CC00;
border-bottom: 1px solid #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 15px;
margin-left: 25px;
list-style-position: inside;
list-style-image: url(images/bullet.gif);
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
}
/* CONTENT */
.contentbody {
color: #CCCCCC;
background-color: #666666;
border-top: 1px solid #999;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
text-align: left;
vertical-align: top;
height: 324px;
margin-right: 15px;
margin-left: 15px;
}
.content {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
}
h1 {
color: #FFFFFF;
border-bottom: 1px solid #00CC00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: lowercase;
display: block;
clear: both;
}
.content {
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* IMAGE SUPPORT */
.imgleft {
float: left;
margin: 5px;
margin-left: 0px;
}
.imgright {
float: right;
margin: 5px;
margin-right: 0px;
}
/* FOOTER */
.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-color: #666666;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #000000;
padding-left: 10px;
text-align: center;
}
.footer a {
color: #000000;
text-decoration: none;
border-bottom: none;
}
.footer a:hover {
background-color: #666666;
color: #333;
text-decoration: none;
border-bottom: none;
}
Message édité par auredu59 le 27-08-2006 à 17:28:30