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)}
mais le problème est en sens contraire:
sur les deux lignes la couleur est la même et je voudrais qu'elle soit différente !
je vais essayer avec tes conseils pour voir ce que cela donne
car j'arrive à changer la taile mais toutes les autres choses semblent ne prendre que les 'codes' du dernier menu
@mitiés
b g
voici l'essai fait: (mais pas mis en ligne)
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 : #336600; 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 !!!*/
xhtml:
<div id="menu3">
<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>
</div>
<div id="menu4">
<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>
MAIS le changement de couleur 'color : #336600' met en vert les deux lignes du menu ! c'est justement ce que je voudrais éviter pour pouvoir réussir à mettre les deux lignes avec des paramètres indépendants...
alors comment faire ? là je "coule" et je ne trouve pas la solution
@mitiés
b g