Aide centrage des cellules en html

flexi2202 -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention - 23 févr. 2011 à 14:28

Bonjour,
voila j ai crée un tableau que voici
mais a présent je souhaiterais avoir un bord autour des cellules
comme dans le deuxième lien
https://imageshack.com/
https://imageshack.com/

mon code en html

un tout grand merci pour votre aide

<table border="1" bgcolor="#dfebff" style="width: 666px; height: 431px;">
<tbody>
<tr>
<td style="width: 100px; height: 1px;"bgcolor="#000000"COLSPAN=3></td>
</tr>
<tr>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td align="center"><strong><font size="2"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele%5F006%2Fphotos%2F61866623%2Dpointure35%5Fa006%2Ehtml" title="Pointure35_A006 : 3 photos">Pointure35_A006</a></font></strong></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td style="width: 10px; height: 1px;"bgcolor="#FFFFFF"ROWSPAN=5></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td align="center"><strong><font size="2"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele008%2Fphotos%2F61866644%2Dpointure35%5Fa008%2Ehtml" title="Pointure35_A008 : 3 photos">Pointure35_A008</a></font></strong></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td style="width: 10px; height: 1px;"bgcolor="#FFFFFF"ROWSPAN=5></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td align="center"><strong><font size="2"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa009%2Fphotos%2F61866663%2Dpointure35%5Fa009%2Ehtml" title="pointure35_A009 : 3 photos">pointure35_A009</a></font></strong></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td style="width: 10px; height: 1px;"bgcolor="#FFFFFF"ROWSPAN=5></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td align="center"><strong><font size="2"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa011%2Fphotos%2F61866685%2Dpointure35%5Fa011%2Ehtml" title="Pointure35_A011 : 3 photos">Pointure35_A011</a></font></strong></td>
<td style="width: 1px; height: 1px;"bgcolor="#000000"ROWSPAN=5></td>
<td style="width: 10px; height: 1px;"bgcolor="#FFFFFF"ROWSPAN=5></td>
</tr>
<tr cellpadding ="5" >
<td width="145" height="5" bgcolor="yellow" align="center"><font color="red"></font><h4><strong><font color="red">PRIX <br>12.99 EUROS</font></strong></h4><font color="red"> </font></td>
<td width="145" height="5" bgcolor="yellow" align="center"><font color="red"></font><h4><strong><font color="red">PRIX <br>12.99 EUROS</font></strong></h4><font color="red"> </font></td>
<td width="145" height="5" bgcolor="yellow" align="center"><font color="red"></font><h4><strong><font color="red">PRIX <br>12.99 EUROS</font></strong></h4><font color="red"> </font></td>
<td width="145" height="5" bgcolor="yellow" align="center"><font color="red"></font><h4><strong><font color="red">PRIX <br>12.99 EUROS</font></strong></h4><font color="red"> </font></td>
</tr>
<tr>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele%5F006%2Fphotos%2F61866623%2Dpointure35%5Fa006%2Ehtml"><img src="http://storage.canalblog.com/24/18/476894/61866623_q.jpg" alt="pointure35_A006" style="width: 133px; height: 133px;" /></a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele008%2Fphotos%2F61866644%2Dpointure35%5Fa008%2Ehtml"><img src="http://storage.canalblog.com/20/22/476894/61866644_q.jpg" alt="pointure35_A008" style="width: 133px; height: 133px;" /></a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa009%2Fphotos%2F61866663%2Dpointure35%5Fa009%2Ehtml"><img src="http://storage.canalblog.com/70/80/476894/61866663_q.jpg" alt="pointure35_A008" style="width: 133px; height: 133px;" /></a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa011%2Fphotos%2F61866685%2Dpointure35%5Fa011%2Ehtml"><img src="http://storage.canalblog.com/79/02/476894/61866685_q.jpg" alt="pointure35_A008" style="width: 133px; height: 133px;" /></a></td>
</tr>
<tr>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele%5F006%2Fphotos%2F61866623%2Dpointure35%5Fa006%2Ehtml" title="pointure35_A006 : 3 photos">Pour plus de photo cliquer ici</a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fmodele008%2Fphotos%2F61834031%2Dpointure35%5Fa008%2Ehtml" title="pointure35_A008 : 3 photos">Pour plus de photo cliquer ici</a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa009%2Fphotos%2F61866663%2Dpointure35%5Fa009%2Ehtml" title="pointure35_A009 : 3 photos">Pour plus de photo cliquer ici</a></td>
<td align="center"><a href="https://www.canalblog.com/cf/login.cfm?error=blogprotected&bid=476894&mid=409438&returnTo=http%3A%2F%2Ftalonaiguille%2Ecanalblog%2Ecom%2Falbums%2Fpointure35%5Fa011%2Fphotos%2F61866685%2Dpointure35%5Fa011%2Ehtml" title="pointure35_A011 : 3 photos">Pour plus de photo cliquer ici</a></td>
</tr>
<tr>
<td width="145" height="2" bgcolor="yellow" align="center"><font color="red"></font><h4><font color="red">Pour passer commande</font></h4><font color="red"> </font></td>
<td width="145" height="2" bgcolor="yellow" align="center"><font color="red"></font><h4><font color="red">Pour passer commande</font></h4><font color="red"> </font></td>
<td width="145" height="2" bgcolor="yellow" align="center"><font color="red"></font><h4><font color="red">Pour passer commande</font></h4><font color="red"> </font></td>
<td width="145" height="2" bgcolor="yellow" align="center"><font color="red"></font><h4><font color="red">Pour passer commande</font></h4><font color="red"> </font></td>
</tr>
</tbody>
</table >

A voir également:

Aide centrage des cellules en html
Verrouiller des cellules excel - Guide
Editeur html - Télécharger - HTML
Formule excel pour additionner plusieurs cellules - Guide
Fusionner deux cellules excel en gardant le contenu - Guide
Espace en html ✓ - Forum HTML

6 réponses

Réponse 1 / 6

rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention 46

rajoute une classe sur ta cellule et assigne lui une bordure en css

Réponse 2 / 6

flexi2202

merci de la reponse
pourrais tu me donner un exemple stp merci

Réponse 3 / 6

rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention 46

<tr class='bordure'>

et dans le css tu met :

.bordure{
     // ce que tu veux comme propriétés css ici...
}

Réponse 4 / 6

flexi2202

ok merci beaucoup je vais regarder a cela

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 6

flexi2202

j ai essayer d ajouter ceci
au dessus de mon tableau
mais mon tableau a disparu

<HTML>
<head>

<style type="text/css">

.bordure{

height: 25px;

background-color: #D9348F;

}

attention en css je suis très débutant

notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention 213

Le site qu'il vout faut : CSS... débutant ! ;) http://css.mammouthland.net/tableaux-bordures-fines-border-css.php

Réponse 6 / 6

flexi2202

ok voila j y suis arrive juste un petit soucis pour centrer ma classe dans ma cellule a present en horizontal c est bon mais pas en vertical

merci de l aide

notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention 213

euh... c'est expliqué dans le tuto mentionné au dessus : vertical-align !!!

Discussions similaires

la balise <br> ou <br />

Balise </br>

Espace en HTML

Saut de lignes sans <br/>

Votre réponse

Discussions similaires