OVH Cloud OVH Cloud

CSS et tableau... Help !

2 réponses
Avatar
alain letrange
Bonsoir,
Peut-on avec une CSS programmer un tableau dans lequel des lignes peuvent
contenir soit une, soit plusieurs cellules ?
J'ai bricolé cela, croyant avoir "tout compris" mais il doit y avoir qqchose
qui m'échappe ! La demi cell de gauche est à la taille de la cell entière
de la ligne supérieure et la 2e demi-cell prend ce qui reste sur la ligne...
:-((
Voici le code, pouvez-vous me dire ce qui ne va pas ?
Merci à l'avance

Alain

_______la feuille externe CSS________________________________

table {
border-style:solid;
border-width:1px;
border-color:black;
width:100%;
}

td {
border-style:solid;
border-width:1px;
}

.moitie {
border-color:blue;
width:45%;
}

.entiere {
border-color:red;
width:90%;
}
___________HTML_________________________

<LINK rel="stylesheet" type="text/css" href="feuilleessai.css">
</head>
<body bgcolor="#FFFFFF">

<table>
<tr>
<td class="entiere"> entiere </p></td>
</tr>
<tr>
<td class="moitie"><p> demi </p></td>
<td class="moitie"><p> demi </p></td>
</tr>
</table>

2 réponses

Avatar
shak
"alain letrange" a écrit dans le message de news:
___________HTML_________________________

<LINK rel="stylesheet" type="text/css" href="feuilleessai.css">
</head>
<body bgcolor="#FFFFFF">

<table>
<tr>
<td class="entiere"> entiere </p></td>
</tr>
<tr>
<td class="moitie"><p> demi </p></td>
<td class="moitie"><p> demi </p></td>
</tr>
</table>


Il faut absolument que tu ais autant de td dans chaque tr.
Sauf si tu veux faire une fusion de cellules :
_fusionner 2 cellules horizontalement : <td colspan="2">
_fusionner 2 cellules verticalement : <td rowspan="2">

Je pense que pour toi c'est un colspan qu'il faut faire, ca donne :
<table>
<tr>
<td colspan="2">entiere</td>
</tr>
<tr>
<td>demi</td>
<td>demi</td>
</tr>
</table>

Shak.
Avatar
alain letrange
"shak" a écrit dans le message de news:
41ab7c76$0$16338$
"alain letrange" a écrit dans le message de news:
___________HTML_________________________

<LINK rel="stylesheet" type="text/css" href="feuilleessai.css">
</head>
<body bgcolor="#FFFFFF">

<table>
<tr>
<td class="entiere"> entiere </p></td>
</tr>
<tr>
<td class="moitie"><p> demi </p></td>
<td class="moitie"><p> demi </p></td>
</tr>
</table>


Il faut absolument que tu ais autant de td dans chaque tr.
Sauf si tu veux faire une fusion de cellules :
_fusionner 2 cellules horizontalement : <td colspan="2">
_fusionner 2 cellules verticalement : <td rowspan="2">

Je pense que pour toi c'est un colspan qu'il faut faire, ca donne :
<table>
<tr>
<td colspan="2">entiere</td>
</tr>
<tr>
<td>demi</td>
<td>demi</td>
</tr>
</table>

Shak.




Mais oui ! J'y ai pensé cette nuit, mais je ne savais pas trop comment
faire, ne connaissant pas trop les attributs à notre disposition. Je vais
essayer cela.
Merci et bonne journée
alain