[CSS] Probleme multi ligne dans une DIV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Probleme multi ligne dans une DIV

castaka

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.

Citation :

Publicité

comar91

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>

castaka

oui mais dans le cas ou tu veux aligner les zone de saisie à droite tu ferais comment ?

comar91

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 ?)

comar91

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>
:hello:

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Probleme multi ligne dans une DIV

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 -
Plus de sujets relatifs à : [CSS] Probleme multi ligne dans une DIV

Page générée en 0.023 secondes