[CSS] Probleme multi ligne dans une DIV
Probleme multi ligne dans une DIV [CSS] - HTML/CSS - Programmation
Marsh Posté le 11-08-2004 à 19:30:39
Bonsoir,
c'est qq chose comme ça que tu cherches ?
<html><head>
<title>Mon Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
.menu_cadreExt {
background-color: white;
border:1px solid black;
}
.menu_cadreHaut {
height:22px;
border:1px double #c9c8c8;
background-color: blue;
}
.menu_cadreMilieu {
background-color: green;
}
.menu_cadreMilieu input {
margin-left:10px;
}
.menu_cadreBas {
height:22px;
background-color: red;
}
.menu_fontLienBlanc {
background-color: white;
}</style>
<body>
<div class="menu_cadreExt">
<div class="menu_cadreHaut"><span class="menu_fontTit"><strong>Toto</strong></span></div>
<div class="menu_cadreMilieu">test<input name="" type="text">
<br>test<input name="" type="text"></div>
<div class="menu_cadreBas"><span class="menu_fontLienBlanc">test</span></div>
</div>
</div>
</body></HTML>
Marsh Posté le 11-08-2004 à 19:42:41
oui mais dans le cas ou tu veux aligner les zone de saisie à droite tu ferais comment 
?
Marsh Posté le 11-08-2004 à 21:49:46
Pour le div menu_cadreMilieu, tu voudrais que les INPUT soient en face de leur texte test respectifs et cadrés à droite (tout à droite de l'écran ?)
Marsh Posté le 11-08-2004 à 23:34:14
QQ chose comme ça ?
<html><head>
<title>Mon Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body {border:0px; padding:0px; margin:0px;text-align: center;
font-family: verdana, arial, helvetica, sans-serif;line-height:0px;font-size:0px;}
.menu_cadreExt {
margin-left: auto;margin-right: auto;text-align: left;
line-height:22px;font-size:16px;
font-weight: normal;
background-color: white;
border:1px solid black;
}
.menu_cadreHaut {
height:22px;
border:1px double #c9c8c8;
background-color: blue;
font-weight: bold;
}
.menu_cadreMilieu {
margin:0px;padding:0px;border:0px;
background-color: green;
width:100%;
}
.ligneMilieu {
margin:0px;padding:0px;border:0px;
line-height:18px;font-size:14px;height:22px;
font-weight: normal;
width:98%;
}
.menu_cadreMilieu p {
margin:0px;padding:0px;border:0px;
line-height:18px;font-size:14px;height:22px;
font-weight: normal;
width:100%;
}
.menu_cadreMilieu input {
height:22px;
margin-left:70%;
}
.menu_cadreBas {
height:22px;
background-color: red;
}
.menu_fontLienBlanc {
background-color: white;
}
</style>
<body>
<div class="menu_cadreExt">
<div class="menu_cadreHaut">Toto</div>
<div class="menu_cadreMilieu"><p>testM1<input name="" type="text" class="tt"></p>
<p>testM2<input name="" type="text" class="tt"></p></div>
<div class="menu_cadreBas"><span class="menu_fontLienBlanc">testB</span></div>
</div>
</body></HTML>
Sujets relatifs:
- CSS/DIV Firefox/IE6 j'en peux plus...
- [C++] problème membre statique
- [mysql] piti probleme mysql
- probleme awk
- CSS - pbm avec le bouton d un input file
- problème de portabilité versions excel
- problème formulaire avec envoi de pièce jointe
- limite des CSS pour faire un cadre
- Problème pour récuperer des variables POST - Débutant -
Marsh Posté le 11-08-2004 à 18:50:38
Bonjour,
Voila dans le code ci dessous j'essaye d'avoir du multiligne au sein d'une meme balise div mais probleme ! ca se superpose . Vous n'auriez pas une solution miracle ?
Merci d'avance.
<style>
.menu_cadreExt {
background-color: white;
border:1px solid black;
}
.menu_cadreHaut {
height:22px;
border:1px double #c9c8c8;
background-color: blue;
}
.menu_cadreMilieu {
background-color: green;
}
.menu_cadreBas {
height:22px;
background-color: red;
}
</style>
<body>
<div class="menu_cadreExt">
<div class="menu_cadreHaut"><span class="menu_fontTit"><strong>Toto</strong></span></div>
<div class="menu_cadreMilieu"><span style="float:left;">test</span>
<input name="" type="text" style="float:left;margin-left:10px;">
<br>
<span style="float:left;">test</span>
<input name="" type="text" style="float:left;margin-left:10px;">
</div>
<div class="menu_cadreBas"><span class="menu_fontLienBlanc">test</span></div>
</div>
</div>
</body>