Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1783 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Probleme multi ligne dans une DIV

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Probleme multi ligne dans une DIV

n°820632
castaka
Posté le 11-08-2004 à 18:50:38  profilanswer
 

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 :


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

mood
Publicité
Posté le 11-08-2004 à 18:50:38  profilanswer
 

n°820687
comar91
Posté le 11-08-2004 à 19:30:39  profilanswer
 

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>

n°820701
castaka
Posté le 11-08-2004 à 19:42:41  profilanswer
 

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

n°820873
comar91
Posté le 11-08-2004 à 21:49:46  profilanswer
 

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

n°820959
comar91
Posté le 11-08-2004 à 23:34:14  profilanswer
 

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:


Aller à :
Ajouter une réponse
  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 mysqlprobleme awk
CSS - pbm avec le bouton d un input fileproblème de portabilité versions excel
problème formulaire avec envoi de pièce jointelimite 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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR