Un cadre css
kawot
Messages postés
77
Statut
Membre
-
Aidez-moi -
Aidez-moi -
Bonjour,
Je cherche comment faire avec du CSS un cadre qui s'élargit tous seul quand d'apres le contenue
--
Bien à vous,
Kawot.
-------------------------------------------------------------------------------------------------------------------------------
Toute homme s'enrichit quand abonde l'ésprit
-------------------------------------------------------------------------------------------------------------------------------
Je cherche comment faire avec du CSS un cadre qui s'élargit tous seul quand d'apres le contenue
--
Bien à vous,
Kawot.
-------------------------------------------------------------------------------------------------------------------------------
Toute homme s'enrichit quand abonde l'ésprit
-------------------------------------------------------------------------------------------------------------------------------
Configuration: Windows XP Internet Explorer 6.0
A voir également:
- Un cadre css
- Comment faire un cadre sur word - Guide
- Télécharger logiciel cadre photo gratuit pour pc - Télécharger - Montage photo
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? ✓ - Forum LibreOffice / OpenOffice
- Dans la présentation à télécharger, déplacez l'image dans le cadre sans en modifier la taille. redressez l'image pour que le niveau de la mer soit à l'horizontale. faites correspondre : la ligne avec le niveau de la mer ; le point avec le sommet de la grande voile. combien d'oiseaux sont dans le cadre ? - Forum Word
- Css download - Télécharger - HTML
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 !…)
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>
