probleme tableau

13 décembre 2005 à 14:20:13

Bonjour. Après un combat acharné j'ai enfin reussi à faire mon tableau.

Cependant j'ai un souci.

je voudrais que le texte :
Image satellite animée
et
Vigilance Météo France

soit uniquemebnt sur une seule ligne, sans retour auto à la ligne.

Ensuite je voudrais que pour ceux qui ont des resolution 800x600, seulement la colonne "Temps à venir" se retressice, ou s'agrandisse.

Comment faire ceci ?

Merci

Voici ma page http://www.meteo-world.com/11/index2.php

et le code css du tableau:

#tableau
{
margin-left: 165px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-right: 125px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

color: #000000;
background-color: #ECECFF; /* Une couleur de fond pour le corps */

border: 1px solid #003366
}
.element_table

{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
margin-top: 3px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
}
td
{

width: 100%;
}
th
{
color: white;
width: 100%;
background-color: #003366;
height: 50px;

}

jp949

13 décembre 2005 à 14:59:12

ta cellule n'est pas assez large pour que le texte soit sur une seule ligne
pour le eme probleme tu ne peux le faire que si tu dimentionne tout en valeur fixe sauf cette celluele en %

wydook66

13 décembre 2005 à 15:08:51

pour redimensionner il faut le faire ou ? dans le css ?

jp949

13 décembre 2005 à 15:10:02

oui Mr

wydook66

13 décembre 2005 à 15:45:16

je comprend pas. Pourtant j'ai bien

td
{

width: 100%;
}

:euh:

jp949

13 décembre 2005 à 15:55:23

C'est la que ca blesse si toutes tes cellules ont des dimentions relatives elles vont toutes se retrecir et non pas 1 seule comme tu voudrais

wydook66

13 décembre 2005 à 15:56:39

et il faut faire comment ?

j'ai beau lire les tuto du SDZ, je voit pas comment on peut attribuer une dimension à chaque colonne

jp949

13 décembre 2005 à 16:00:50

tu peux le faire en css en attribuant une class a chaque cellule ou en html <td width="XXpx">

wydook66

13 décembre 2005 à 16:09:13

j'ai donc fait ca.

<th>.Temps à venir</th>
<th width="216">Carte Météoalerte</th>
<th width="170">Image satellite animée</th>

Seule la cellule que je voulait se retreci.

J'espère qu'elle s'agrandie pour les grandes résolutions.

http://www.meteo-world.com/11/index2.php

jp949

13 décembre 2005 à 16:21:50

elle aura toujours une dimention relative a la resolution que ce soit+petite ou+grande

wydook66

13 décembre 2005 à 16:26:11

Ok. Merci beaucoup.

Edit: si quelqu'un sait comment faire pour redimensionner chaque colonne en css, je serait curieux de savoir.

Merci