Bonjour, j'ai quelques soucis avec les nouvelles pages que je suis en train de créer (css et xhtml) alors : SOS !!!
je débute ... et je dois passer à côté de pas mal de choses !
PREMIER PROBLEME:
les couleurs du texte dans les menus ... seules sont prises en compte les couleurs du deuxième menu Alors que pour les tailles de texte ils peuvent être différents !!!???!!
( font-weight : bold ne semble pas fonctionner non plus !!!)
VOICI LES DEBUTS DE CODES:
dans le code html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>conseils techniques</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="unecolonne1.css" />
</head>
<body>
<div id="content">
<ul id="Menu3">
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/images.html">Conseils</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/sites.html">Comment</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/photos.html">Webmasters</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/contact.html">Bonus</a></li>
<li><a href="../index.html">INDEX</a></li>
</ul>
</ul>
<ul id="Menu4">
<ul>
<li><a href="conseils-pratiques.html">Pratiques</a></li>
<li><a href="conseils-techniques.html">Techniques</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/contact.html">Glossaire</a></li>
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/photos.html">Exemples</a></li>
</ul>
</ul>
<div class="banniere3"></div>
dans le code css:
/*uneseule colonne de texte dans la page*/
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
margin: 0;
padding: 0;
background-color : #E5F0FF;
text-align : center;
font-family : verdana;
font-size : 12px;
color : #000;
}
/*#haut {width : 100% ; background-color : #ccf; height : 10px; } */
#content {
width :95%;
margin-left : auto
margin-right : auto;
background-color : #E5F0FF;
border-top : 1px solid #fff;
height : 100%; }
html>body #content {height : auto; min-height : 100%; }
#Menu3
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 14px; }
li {float : left ; margin : 0 0 0 10px}
/*couleur des liens avant et pendant survol*/
li a {color : #0000F5; text-decoration : none}
li a:hover {color : #ccc; text-decoration : none}
#Menu4
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 16px; }
li {float : left ; margin : 0 0 0 10px}
/*couleur des liens avant et pendant survol*/
li a {color : #0000F5; text-decoration : none}
li a:hover {color : #CC3333; text-decoration : none}
/*problèmes des couleurs du texte dans les menus ... seules sont prises en compte les couleurs du
deuxième menu Alors que pour les tailles de texte ils peuvent être différents !!!???!!
font-weight : bold ne semble pas fonctionner non plus !!!*/
.banniere3 {
margin-top : 0px ;
width : 100% ;
height : 150px;
background-image : url(../images/techniques.jpg)}
- Vendredi 3 juillet 2009 - 11:20:06
- inscrits : 1499348
- connectés : 48858
- questions/jour : 4718
- Taux de réponse : 76.42%
|
|
|
|
Slt
font-size : 16px;oui bon quand on donne des propriétes différentes à des "balises" différentes, c'est normal que ça n'a rien à voir l'un avec l'autre. par exemple si j'ai un menu comme ça: <div id="menu"> <div class="sous_menu1"> </div> <div class="sous_menu2"> </div> </div> alors avec le css, je peux rendre les 2 sous menus totalement différents si il le faut. bon enfin j'espère avoir répondu correctement à ta question... + mieux vaut la fermer et passer pour un con, plutôt que de l'ouvrir pour dire des conneries...
|
Re
<li><a href="file:///c|/easyphp1-8/www/travail2/pages/contact.html">Bonus</a></li> <li><a href="../index.html">INDEX</a></li> </ul> </ul> <ul id="Menu4"> <ul> <li><a href="conseils-pratiques.html">Pratiques</a></li> <li><a href="conseils-techniques.html">Techniques</a></li>(je n'ai pas repris tout ton menu mais ça suffira) et ton css: #Menu3
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 14px; }
li {float : left ; margin : 0 0 0 10px}
/*couleur des liens avant et pendant survol*/
li a {color : #0000F5; text-decoration : none}
li a:hover {color : #ccc; text-decoration : none}
#Menu4
ul {
list-style : none ;
margin-left : auto ;
margin-right : auto;
margin-top : 10px;
padding : 0 00 10px 0 ;
background-color : transparent;
text-transform : uppercase ;
font-weight : bold;
font-size : 16px; }
li {float : left ; margin : 0 0 0 10px}
/*couleur des liens avant et pendant survol*/
li a {color : #0000F5; text-decoration : none}
li a:hover {color : #CC3333; text-decoration : none}
/*problèmes des couleurs du texte dans les menus ... seules sont prises en compte les couleurs du
deuxième menu Alors que pour les tailles de texte ils peuvent être différents !!!???!!
font-weight : bold ne semble pas fonctionner non plus !!!*/
bon eh bien le problème est là(d'après moi). Tu as des <li>et des <a>dans ton menu. Or ce que toi tu fait tu donnes 2 fois , si pas plus, des propriétés à ces balises, alors forcement, c'est pas évident pour toi, mais pour ton code, ce n'est pas ce qu'il préfère non plus ;-) bon enn gros ce que je te conseille de faire.. - tu peux copier-coller ça comme ça dans ton code ça évitera le sous-lignage du texte " A:link {text-decoration: none}
A:visited {text-decoration: none}
A:hover {text-decoration: none} "
-ensuite vire tout ce qui est en double (mais il faut savoir le remettre après) -En fait quand tu donnera des propriétés, essaie de faire comme ça en donnant pour chaque menu sa balise li: ex:
.menu1
{
blabla
}
.menu1 li
{
blabla
}
.menu1 a
{
blabla
}
.menu2
{
blabla
}
.menu2 li
{
blabla
}
.menu2 a
{
blabla
}
normalement tu devrais déjà mieux t'y retrouver comme ça, si il y a encore des problèmes.. bonne chance mieux vaut la fermer et passer pour un con, plutôt que de l'ouvrir pour dire des conneries...
|
Les lignes que tu vien de citer tu les met en haut de ton doc css.
|
Dsl j'était chez moi qq jours..bref..
|
Bonjour
|