Remplir une cellule td avec une couleur et un padding

Remplir une cellule td avec une couleur et un padding - HTML/CSS - Programmation

Marsh Posté le 23-05-2012 à 17:24:30    

Hello
 
comment puis-je remplir une cellule td avec une couleur tout en appliquant un padding à cette couleur ?
Je veux dire la coloration commence à 5-6px du bord de la cellule, comme une boite colorée dans le cellule.
 
Merci

Reply

Marsh Posté le 23-05-2012 à 17:24:30   

Reply

Marsh Posté le 23-05-2012 à 17:33:31    

Tu peux mettre une image correspondant à la couleur en background dont la position left sera décalée.
 
Sinon, faudra mettre un conteneur (genre un <div> ) dans la cellule qui, elle, aura un padding-left.


Message édité par rufo le 23-05-2012 à 17:33:40

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-05-2012 à 10:21:46    

J'ai essayé avec un div mais lorsque la cellule voisine s'élargit à cause d'un texte trop long et d'un wrapping, ma cellule ne suit pas, et les colorations ne sont plus coordonnées.
exemple:  
http://www.vital-it.ch/prd/smoretti/IN/TMP/test.png
 
En fait, je voudrais un cadre dans ma cellule, avec une coloration au centre, qui garde le padding lorsque la cellule change de taille.

Reply

Marsh Posté le 24-05-2012 à 12:20:21    

tu va galerer avec les divs et les td.
en meme temps j'arrive pas a savoir avec ton image si les deux blocs sont bien dans deux TD ou si ils sont dans le meme.
 
si c'est le meme ben il suffit d'encapsuler les deux blocs dans un seul
 
sinon...
 
il y a toujours la methode box-shadow qui degrade correctemment.
 
http://jsfiddle.net/hr3T3/2/


---------------
[VDS] rail vesa, bras ecran, support TV / [ACH] des machins
Reply

Marsh Posté le 24-05-2012 à 16:30:41    

Les deux blocs sont dans 2 TD distincts et contigus.
 
Je vais regarder du coté de box-shadow, je ne l'ai jamais utilisé mais ça semble sympa.

Reply

Sujets relatifs:

Leave a Replay

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