Border juste sur un <TD> ?

Bonsoir !

Voilà, j'ai une table, et j'aimerais mettre un border à mes lignes (fenêtre de boîte aux lettres), afin de mieux les séparer, mais je ne veux pas le border sur toute la ligne (car ma table a des images pour afficher les bords de la boite aux lettres).
J'aimerais mettre un border uniquement sur les éléments <TD> du centre de chaque ligne.

J'ai essayé avec :

Code:

---

1 2	<td width="130" background="img/containers/messagerie_cont_h.png" style="background-repeat:repeat-x;border:thick;border-bottom:thick;border-bottom-color:#FF0000">

---

Mais ça ne donne absolument rien...

Désolé pour la question au fait, je suis total noob en développement web :aie:

Merci à vous de votre aide !

Lideln

Généralement les bordures dépendent du table.SI tu veux faire que sur un td je te conseille de créer un div de width et height à 100% et de lui mettre les bordures

Bon, merci pour ta réponse :)

Désolé, je passe pour son Excellence Maître Noob, mais pour le div, DreamWeaver ne reconnais ni width, ni height, ni border... :cry:

Jvais chercher sur google pour cette réponse, en espérant que Dreamweaver se trompe :)

(jvais quand meme pas refaire une table pour chaque cellule hein, jpense que ce serait un peu lourd nan ?)

oui DM se trompe vu que je suis sous DM

Code:

---

<div style="width:100%;height:100%;border: 1px #000000 solid"></div>

---

Ca devrait fonctionner

Ah oki en passant par le style... Jvais essayer ca de suite alors :D
Merci !

Arffff je comprends pourquoi ça marchait pas... Enfin presque :mouarf:
Je viens d'essayer ton code avec ca :

Code:

---

1 2	echo '<div class="Elem" style="width:100%;height:100%;border-bottom: #FF0000 1px solid">' . $r["dDate"] . '</div>';

---

Ben ça marche sous IE mais PAS sous Firefox ! Et comme je teste mon site sous Firefox uniquement pour l'instant... :cry:

(d'ailleurs je remarque grâce à ce court test que ya des milliards de différences dis donc ! Firefox gère les PNG, et pas IE, sous IE les cadres ne sont pas bien alignés et ne prennent pas toute la place comme ils devraient, les couleurs parfois ne correspondent pas ! :s etc. etc.)

Donc sous IE j'ai bien ma ligne rouge, mais rien sous FF.

Une idée d'un site où je peux trouver de l'aide (genre une grosse FAQ ou un HOWTO) pour écrire un code qui marche sous IE ET FF ? :roll:

Merci encore beaucoup de ton aide !

Lideln

Pour les png il existe un js qui arrange le coup en attendant ie7 (recherche sur google : png ie javascript)

Pour le site, aucune idée.

Concernant la mise à la taille il faut que le td soit fixe pour que ca le fasse complètement.En tout cas ca fonctionne chez moi sous FF

Kerod,

Oki vais aller jeter un oeil pour cette histoire de png :)
En ce qui concerne mon trait rouge, ma TD est bien de taille fixe, et pourtant je n'ai pas ce fameux trait rouge !

Code:

---

1 2 3 4

echo '<td width="130" class="' . $tmp_class . '">'; echo '<div class="Elem" style="width:100%;height:100%;border-bottom: #FF0000 1px solid">' . $r["dDate"] . '</div>'; echo '</td>';

---

Voilà le code complet pour que tu sois persuadé que la taille est bien fixe.
Bon, tant pis je vais m'en passer pour le moment, et je règlerai ces détails vers la fin ! :)

Merci encore de ton aide, je mets ce topic comme résolu car... ben si ça marche pas ça vient ptet de ma conf particulière jsé pas :)

Merci, et A+ !

Lideln

EDIT : sur une inspiration de dernier moment, j'ai viré

Code:

---

1 2	width:100%;height:100%;

---

et ça marche, le trait apparaît bien !

Merci encore beaucoup de ton aide ! :)
Lideln