28111 sujets

CSS et mise en forme, CSS3

Organiser ma page web avec css

Bonjour,

j'ai le code HTML et je n'arrive pas ajouter des menus sur le côté latéral avec css
voici mon code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
	  <title>B1E11</title>
	  <link rel="stylesheet" href="monstyle.css">
	</head>
 
	
	<head> 	
		<meta charset="utf-8" /> 
		<title>B1E11</title> 
		
		<script> 
      
				window.onload = function(){ 
											var content = localStorage.getItem('notepad_B1E11') ? localStorage.getItem('notepad_B1E11') : ''; 
											document.body.innerHTML = content; 
				document.body.onkeyup = function(){ 
													localStorage.setItem('notepad_B1E11', document.body.innerHTML); 
													} 
											} 
 		</script> 
	</head> 
	
	<body contenteditable>
	</body>
	
</html>

et mon css

body {
  padding-left: 15em;
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
  color: black;
  background-color: #d8da3d }


merci pour votre aide
Modérateur
Salut,

Tu as déjà essayé quelque chose ? Il n'y a rien dans ton code qui ressemble a une tentative de menu. Ou est-ce que tu bloques ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">



	<head>
			<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
			<meta content="" name="description">
			<title>B1E11</title>
			<link rel="stylesheet" href="monstyle2.css">	

	  
	</head>
	
	<div id="header">
		<!-- Ceci est mon haut de page -->
		 <h1>B1E11
			 </h1> 
	</div>
	
	<div id="sidebar">		
			
				<ul id="menu-accordeon">
						<li><a href="../../index.html">Home</a>
						</li>  
		  
						<li><a href="../reception.html">Réception</a>
						</li>
				</ul>
 		</div>
	
	<body>
			 
	</body>  





body {
	

 
  color: purple;
  background-color: #d8da3d 

  
  }
#header {margin-left:800px;}
#conteneur {width:1550px; margin:0 auto;}
#sidebar {position:absolute; width:170px;}

#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 120px;
}

#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}

#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}

#menu-accordeon li:hover {
   background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
  
}


je voudrais fusionner les deux.
des que je rajoute mes codes,j'ai perdu tout la propriétés du premier code


merci
Administrateur
Bonjour,

ton élément body doit venir après l'élément head (après la balise fermante </head> donc) et contenir header, sidebar et un élément main pour ton contenu. Puis la page se termine par </body> et </html>.

Tant que ton code HTML n'est pas valide dans https://validator.w3.org/ , recommence Smiley smile
c'est le premier code html que je voudrais ajouter au deuxième code html.

Pour Felipé, j'essaie de comprendre ce que tu veux me dire (je suis un débutant Smiley decu )

merci
Sujet clos
Aller à