Les Allergies
Alimentaires
Posez votre question Signaler

Un cadre css

kawot 63Messages postés 12 août 2008Date d'inscription 27 juin 2010Dernière intervention - Dernière réponse le 14 sept. 2009 à 21:54
Bonjour,
Je cherche comment faire avec du CSS un cadre qui s'élargit tous seul quand d'apres le contenue
Lire la suite 

Un cadre css »

9 réponses
Réponse
+0
moins plus
Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 31 août 2008 à 11:24
salut,

utilise la propriété {width} avec une largeur relative. 
div#mon-cadre{
width:50%;
}

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
benvii 310Messages postés 8 juin 2008Date d'inscription 28 octobre 2010Dernière intervention 31 août 2008 à 11:41
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;.

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
RAD ZONE 4779Messages postés 20 janvier 2007Date d'inscription 13 février 2012Dernière intervention 31 août 2008 à 11:54
SALUT
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

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
kawot 63Messages postés 12 août 2008Date d'inscription 27 juin 2010Dernière intervention 31 août 2008 à 12:14
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

Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 31 août 2008 à 19:12
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 !…)

Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Sophie-H 26 nov. 2008 à 12:02
super ce script, y t-il une possibilité de mettre une image en haut de la colonne ?

 Ajouter un commentaire
Dalida - 4 déc. 2008 à 09:02
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 : 
#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 */
}
Ajouter un commentaire
Réponse
+0
moins plus
maj85 21Messages postés 3 novembre 2008Date d'inscription 4 déc. 2008 à 09:59
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.

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
Aidez-moi 14 sept. 2009 à 21:54
<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>

 Ajouter un commentaire
Ajouter un commentaire
Posez votre question
Ce document intitulé « un cadre css » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook