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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionner un <div> dans un <td>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Positionner un <div> dans un <td>

n°1992430
tafkap
Posté le 12-05-2010 à 10:26:21  profilanswer
 

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
mood
Publicité
Posté le 12-05-2010 à 10:26:21  profilanswer
 

n°1992478
Schimz
Bouge pas, meurs, ressuscite !
Posté le 12-05-2010 à 11:02:40  profilanswer
 

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
n°1992481
tityus
Posté le 12-05-2010 à 11:04:46  profilanswer
 

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
n°1992493
tafkap
Posté le 12-05-2010 à 11:09:42  profilanswer
 

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
n°1992503
Schimz
Bouge pas, meurs, ressuscite !
Posté le 12-05-2010 à 11:16:39  profilanswer
 

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
n°1992517
tafkap
Posté le 12-05-2010 à 11:26:50  profilanswer
 

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 ?

n°1993400
Pascal le ​nain
Posté le 16-05-2010 à 01:36:24  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionner un <div> dans un <td>

 

Sujets relatifs
[CSS] Positionner texte par rapport element precedentpositionner une image gif sous le curseur
[Myspace] Positionner une anim flash en haut de page[RESOLU] Positionner l'ascenseur vertical
Positionner bandeauPositionner un menu
Positionner la barre de défilement[CSS] sortir du flux pour positionner un div en haut de la page
Positionner un div en bas du navigateurPositionner 2 DIV côte à côte et alignés vers le bas
Plus de sujets relatifs à : Positionner un <div> dans un <td>


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