Design extensible particulier (Css)
Résolu/Fermé
A voir également:
- Design extensible particulier (Css)
- Site de vente en ligne particulier - Guide
- Marketplace vente particulier - Guide
- 118 000 particulier - Forum Orange
- Whatsapp répondre à un message en particulier - Guide
- Stb refsw design ✓ - Forum Téléviseurs
2 réponses
RAD ZONE
Messages postés
5230
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
17 août 2024
1 360
4 nov. 2011 à 22:41
4 nov. 2011 à 22:41
Salut
voila un exemple de 2 colonnes , menu a gauche 200px fixe ,
a droite corps flexible
a+
voila un exemple de 2 colonnes , menu a gauche 200px fixe ,
a droite corps flexible
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
RAD ZONE Webcreation
</title>
<meta http-equiv="corps-type" corps="text/html; charset=utf-8" />
<style type="text/css" media="screen">
/*<![CDATA[*/
html{
padding:0px;
margin:0px;
}
body{
background:#e1ddd9;
font:12px Verdana,Arial,SunSans-Regular,Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
p,pre,h2{
padding:10px;
margin:0px;
}
h2{
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color:#564b47;
background:transparent;
}
#menu pre,#menu pre,#menu h2{
color:#D7FFFF;
}
pre{
color:#564b47;
font:11px Courier,Monaco,Monospace;
background:transparent;
}
#menu{
position:absolute;
width:200px;
left:20px;
background:#808080;
margin:0px;
}
#corps{
margin-left:200px;
background:#DEEBED;
overflow:auto;
}
/*]]>*/
</style>
</head>
<body>
<div id="menu">
<h2>
Menu
</h2>
<pre>
#menu{
position:absolute;
width:200px;
left:20px;
background-color:#gray;
color:
padding:0px;
margin:0px;
}
</pre>
</div>
<div id="corps">
<h2>
Corps
</h2>
<pre>
html{
padding:0px;
margin:0px;
}
body{
background-color:#e1ddd9;
font-size:12px;
font-family:Verdana,Arial,SunSans-Regular,Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#corps{
margin-left:200px;
background-color:#DEEBED;
overflow:auto;
}
</pre>
</div>
</body>
</html>
a+
4 nov. 2011 à 23:02
inutile dans le css du menu !!
mais ce soir je sais pas pourquoi mais je ne peux plus modifier mes message sur le forum ??
donc retire le ;-))