8 réponses
Bonjour,
C'est très simple tu utilises la balise span. Ou la balise div mais de ce cas il faut aussi ajouter la propriété display:inline; car sinon le div occupe toute la ligne.
Sans width ou avec un width:auto;.
C'est très simple tu utilises la balise span. Ou la balise div mais de ce cas il faut aussi ajouter la propriété display:inline; car sinon le div occupe toute la ligne.
Sans width ou avec un width:auto;.
SALUT
Dalida ;-))
allez c est un jour de bonte ;-))
un 2 colonnes dynamique
RAD
Dalida ;-))
allez c est un jour de bonte ;-))
un 2 colonnes dynamique
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RAD ZONE Webcreation
</title>
<meta name="author" content="http://radservebeer.free.fr" />
<meta name="generator" content="PSPad editor, www.pspad.com" />
<title>2 COLONES D
</title>
<style type="text/css" media="screen">
<!--
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;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}
h2 {
font-size:14px;
padding-top:10px;
color: #564b47;
background-color:transparent;
}
p,h2, pre {
padding:10px;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}
#content {
float: left;
width: 75%;
margin:0px 0px 50px 0px;
background-color: #fff;
overflow: auto;
}
-->
</style> </head>
<body>
<div id="menu"><h2> colonne gauche</h2>
<pre>
#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}
</pre>
</div>
<div id="content"><h2>colonne conteneur</h2>
<p>XHTML 1.0 and CSS2/ tableless.
</p>
<p><b>2 colonnes dynamic</b><br />
</p>
<p>Lorem ipsum dolor sit amet consectetuer Maecenas justo odio Curabitur tellus. Vestibulum Sed id In auctor.
</p><br />
<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;
}
#content {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
}
</pre>
</div>
</body>
</html>
RAD
Rad Zone j'ai pas remarquer le code pour élargir le cadre, bon j'explique plus j'ai un cadre de 100x100 et j'ai mis une photo de 100 à la largeur et 120 à la hauteur, et pour la hauteur ce n'est en effet qu'un tiret qui peut se reproduire vous comprenez?
P.S: C'est pas important qu'il soit en CSS mais je trouve que c'est mieux car j'ai plusieurs pages...
Merci d'avance
P.S: C'est pas important qu'il soit en CSS mais je trouve que c'est mieux car j'ai plusieurs pages...
Merci d'avance
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
re,
j'ai un cadre de 100x100 et j'ai mis une photo de 100 à la largeur et 120 à la hauteur, et pour la hauteur ce n'est en effet qu'un tiret qui peut se reproduire vous comprenez?
non
(salut Rad !…)
j'ai un cadre de 100x100 et j'ai mis une photo de 100 à la largeur et 120 à la hauteur, et pour la hauteur ce n'est en effet qu'un tiret qui peut se reproduire vous comprenez?
non
(salut Rad !…)
super ce script, y t-il une possibilité de mettre une image en haut de la colonne ?
salut Sophie,
je ne sais pas trop de quelle colonne tu parles.
mais si tu veux une image pour décorer ta colonne, utilises en CSS quelque chose du genre :
je ne sais pas trop de quelle colonne tu parles.
mais si tu veux une image pour décorer ta colonne, utilises en CSS quelque chose du genre :
#colonne{
background-image:url(dossier/image.png); /* A PARAMÉTRER */
background-position:50% 0; /* A PARAMÉTRER */
background-repeat:no-repeat;
padding-top:60px; /* EN FONCTION DE L'ESPACE A LAISSER */
}
Bonjour,
Je suis débutante en webmaster et j'ai besoin de m'aide.
J'ai modifiée le css et j'intègre des nouvelles div mes si le contenue est changes (augmentation ou diminution), les div ne respectes pas les paramètres.
je veux mettre ces div relativement à tous modification du contenus de site,S.V.P. m'envoie comment le faire ?
Merci.
Je suis débutante en webmaster et j'ai besoin de m'aide.
J'ai modifiée le css et j'intègre des nouvelles div mes si le contenue est changes (augmentation ou diminution), les div ne respectes pas les paramètres.
je veux mettre ces div relativement à tous modification du contenus de site,S.V.P. m'envoie comment le faire ?
Merci.
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>mon cadre en css</title>
<style>
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
</style>
</head>
<body>
<div id="moncadre">ici mon texte
</div>
</body>
</html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<title>mon cadre en css</title>
<style>
#moncadre {
width:800px;
margin:auto;
padding:10px;
background-color:#FFFF00;
border-left:1px solid #000000; /* couleur du cadre */
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
</style>
</head>
<body>
<div id="moncadre">ici mon texte
</div>
</body>
</html>
