Tableau html

Fermé

caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 - Modifié par caro__48 le 11/05/2011 à 10:57
lithium_3 Messages postés 2646 Date d'inscription mercredi 14 janvier 2009 Statut Contributeur Dernière intervention 15 juillet 2013 - 11 mai 2011 à 11:23

Bonjour,

je voudrais savoir si il est possible de mettre une bordure que sur la deuxième ligne du tableau.
Je vous montre mon code et je vous explique:

Code :

<table>
<tr>
<td>
<img src="images/PARTENAIRES.jpg"/>
</td>
</tr>
<tr >
<td>
<br />
<a href="http://www.___.fr/" /> Lien 1</a><br />
<a href="http://www.___.fr" /> Nos Partenaires.</a><br />
<br />
</td>
</tr>
</table>

Explications :

Dans ma première ligne, j'ai une image, je ne voudrais pas que celle ci soit entouré par la bordure du tableau car elle a une forme arrondie dans les angles supérieur.
La deuxième ligne, elle doit être entourée d'un cadre pour délimiter.

J'ai essayer les border dans la table avec l'attribut frame mais je n'arrive pas a faire ce que je veux. Quelqu'un aurait-il une solution??

Merci d'avance.

l'informatique est née pour nous faire réfléchir....

A voir également:

Tableau html
Tableau croisé dynamique - Guide
Tableau ascii - Guide
Tableau word - Guide
Editeur html - Télécharger - HTML
Identifier un tableau à partir d'une photo - Forum Graphisme

3 réponses

Réponse 1 / 3

lithium_3 Messages postés 2646 Date d'inscription mercredi 14 janvier 2009 Statut Contributeur Dernière intervention 15 juillet 2013 139
11 mai 2011 à 11:04

Bonjour,

tu peux utiliser les balises thead et tfoot quand tu as des changements de design :

<table>
  <thead>
    <tr>....</tr>
  </thead>
  <tbody>
    <tr>....</tr>
  </tbody>
  <tfoot>
    <tr>....</tr>
  </tfoot>
</table>

Avec dans ton CSS des règles différentes pour thead, tbody et tfoot.
Par exemple, dans thead, tu ne fais pas de contours de case, mais dans tbody et tfoot oui.

Cordialement

Réponse 2 / 3

Eastchild Messages postés 318 Date d'inscription lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
11 mai 2011 à 11:05

Bonjour,

Ajoute une bordure à ta deuxième ligne avec du css :

<table>
<tr>
<td>
<img src="images/PARTENAIRES.jpg"/>
</td>
</tr>
<tr style="border:2px solid;">
<td>
<br />
<a href="http://www.___.fr/" /> Lien 1</a><br />
<a href="http://www.___.fr" /> Nos Partenaires.</a><br />
<br />
</td>
</tr>
</table>

Réponse 3 / 3

caro__48 Messages postés 242 Date d'inscription mercredi 14 avril 2010 Statut Membre Dernière intervention 18 mai 2017 61
11 mai 2011 à 11:13

merci de vos réponses,
je viens d'essayer la solution d'Eastchild, si je met le style dans le tr sa ne me fait rien par contre dans le td sa fait bien la bordure.

Est-ce possible de mettre la bordure que sur les cotés gauche et droit , en bas mais pas en haut?
au lieu qua toute ma colone soit entourée il y ai un coté sans bordure?

lithium_3 Messages postés 2646 Date d'inscription mercredi 14 janvier 2009 Statut Contributeur Dernière intervention 15 juillet 2013 139
11 mai 2011 à 11:23

Oui, avec les règles CSS border-left, border-right, border-bottom ou border-top.
A utiliser comme suit dans ton fichier css:

table tr+tr {
   border-left: 1pt solid black;
   border-top: 1pt solid black;
   ...
}

Il vaut mieux en général ne pas inclure du CSS dans le code html, c'est plus propre et pratique si on veut changer le design de la page.

Cordialement

Discussions similaires

ou sont les bananes ?

Nom de champs du tableau croisé dynamique non valide

generateur de combinaison du loto 5/90

Bibliothèque

Espace en HTML

Discussions similaires

Newsletters