Tableau html

caro__48 Messages postés 242 Date d'inscription   Statut Membre Dernière intervention   -  
lithium_3 Messages postés 2654 Date d'inscription   Statut Contributeur Dernière intervention   -
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:

3 réponses

lithium_3 Messages postés 2654 Date d'inscription   Statut Contributeur Dernière intervention   139
 
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
0
Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   31
 
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> 

0
caro__48 Messages postés 242 Date d'inscription   Statut Membre Dernière intervention   61
 
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?
0
lithium_3 Messages postés 2654 Date d'inscription   Statut Contributeur Dernière intervention   139
 
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
0