Positionner un <div> dans un <td>

Positionner un <div> dans un <td> - HTML/CSS - Programmation

Marsh Posté le 12-05-2010 à 10:26:21    

Bonjour,

 

j'aimerai savoir comment vous feriez pour positionner à gauche ou à droite un <div> dans un <td>.

 

En fait j'ai besoin dans un tableau de colorier soit entièrement la cellule ou bien la moitié, pour cette dernière option j'ai besoin de cadrer soit à gauche soit à droite la couleur.

 

Merci pour votre aide.


Message édité par tafkap le 12-05-2010 à 10:41:09
Reply

Marsh Posté le 12-05-2010 à 10:26:21   

Reply

Marsh Posté le 12-05-2010 à 11:02:40    

Float

Code :
  1. <table border="1">
  2. <tr>
  3. <td style="width:150px;"><div style="width:50%;float:left;background-color:red;text-align:right;">%</div></td>
  4. <td style="width:150px;"><div style="width:50%;float:right;background-color:red;">%</div></td>
  5. <td style="width:150px;"><div style="width:100%;background-color:red;">%</div></td>
  6. </tr>
  7. </table>


---------------
çà s'est HFR | Music for the Galaxy
Reply

Marsh Posté le 12-05-2010 à 11:04:46    

Tu devrais utiliser entièrement les div (à mon avis).
Tu créer ton div par exemple de 100px de largeur puis un de 50 à l'intérieur
et lors de la condition du applique soit juste un background-color dans le div de 50 soit un backgroud-color avec un margin-left de 50 ou dernière solution pour le div entier tu passe la taille à 100px et le tour est joué^^


Message édité par tityus le 12-05-2010 à 11:05:59
Reply

Marsh Posté le 12-05-2010 à 11:09:42    

Un grand merci à tous les deux pour votre réponse.  :jap:  
 
Schimz, merci beaucoup pour le code ça va bien m'aider.
 
tityus, je suis entièrement d'accord avec toi, mais je dois m'insérer dans un projet déjà existant, donc exit les <div> car ça ferait trop de modifications :(

Message cité 1 fois
Message édité par tafkap le 12-05-2010 à 11:10:13
Reply

Marsh Posté le 12-05-2010 à 11:16:39    

tafkap a écrit :

Un grand merci à tous les deux pour votre réponse.  :jap:  
 
Schimz, merci beaucoup pour le code ça va bien m'aider.


Et sinon, tu peux aussi manipuler les propriétés css background-image et text-align des TD, histoire de pouvoir se passer du div.


---------------
çà s'est HFR | Music for the Galaxy
Reply

Marsh Posté le 12-05-2010 à 11:26:50    

Je ne peux pas utiliser css background-image car je ne peux pas mettre d'image. Pourquoi ? parce qu'en fait je génère un fichier excel au format HTML depuis mon système, et si je devais utiliser css background-image ou serait stocker mes images ?

Reply

Marsh Posté le 16-05-2010 à 01:36:24    

Dans un fichier a coté ???  [:my god]

Reply

Sujets relatifs:

Leave a Replay

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