Aligner un div à coté d'un champ de texte

Aligner un div à coté d'un champ de texte - HTML/CSS - Programmation

Marsh Posté le 19-12-2007 à 20:41:33    

Bonjour,
 
J'ai besoin de placer une div à coté d'un champ de texte (avec longueur fixe) les 2 sont placés dans une celulle de tableau.
La div contiendra une lise déroulante ou non.
J'aimerais que les 2 soit alignés l'un a coté de l'autre.
 

Citation :

<td bgcolor="#FFFFFF"><input type="text" name="cc" id="cc"/>
      <div id="cci" class="style1">cci</div></span></td>
  </tr>


 
Par défaut la div se place en dessous, j'ai modifiée le css dans tous les sens mais j'y arrive pas.
 
Si quelqu'un à la solution.

Reply

Marsh Posté le 19-12-2007 à 20:41:33   

Reply

Marsh Posté le 20-12-2007 à 07:44:53    

Essayer :

<td bgcolor="#FFFFFF">
 
<span class="stylA">
<input type="text" name="cc" id="cc"/>  
</span>
 
<span class="stylB">
cci
</span>
 
</td>


ou plus simplement avec une sous table :

<td bgcolor="#FFFFFF">
 
<table>
<tr>
 
<td>
<div class="stylA">
<input type="text" name="cc" id="cc"/>  
</div>
</td>
 
<td>
<div class="stylB">
cci
</div>
</td>
 
</tr>
</table>
 
</td>

Message cité 1 fois
Message édité par olivthill le 20-12-2007 à 07:46:45
Reply

Marsh Posté le 20-12-2007 à 09:33:11    

olivthill a écrit :

ou plus simplement avec une sous table :

<td bgcolor="#FFFFFF">
 
<table>
<tr>
 
<td>
<div class="stylA">
<input type="text" name="cc" id="cc"/>  
</div>
</td>
 
<td>
<div class="stylB">
cci
</div>
</td>
 
</tr>
</table>
 
</td>



 
Nan mais surtout pas [:pingouino] Là on sort totalement du cadre de l'utilisation des tableaux. En CSS c'est tout simple, suffit de mettre la div en display inline :
 

Code :
  1. div.style1 {
  2.   display: inline;
  3. }


 
Accessoirement, ce serait bien de renommer la classe "style1" en quelque chose de plus explicite...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed