Salut TychoBrahe, et merci de me répondre...
J'ai été absent quelques jours mais me revoilà!
Je ne conaissait pas la propriété overflow, merci.
Je n'ai pas l'habitude de prendre en compte la W3C parceque je fait des pages algorithmiquement fonctionel au niveau php et je concentre l'ecriture de mon code sur les temps de calculs (du moins j'essaye).
Je n'ai pas encore eu jusqu'ici à coder des pages qui se veulent "visuellement bien faites" mais surtout fonctionelles.
D'où mon manque sur le plan du css et du W3C.
J'ai essayé d'utiliser l'overflow, mais si je comprend bien, il faut utiliser une feuille de style qui définis une taille...
La taille de ma cellule est quand à elle définie par le php...
(en % suivant le nombre d'éléments trouvé dans une BDD)
si j'essaye d'utiliser un <div> qui a pour propriété l'overflow hidden par exemple, mon tableau final n'apparait pas comme je le souhaiterais sans que j'y ajoute les parametres de tailles définis dans la meme feuille de style.
un exemple un peu plus parlant:
1/ pas de débordement, l'overflow est bien utilisé:
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
div
{
width : 250px;
overflow : hidden;
}
</style></head>
<body><table border=1>
<tr>
<td>
<div>voici_une_chaine_de_caractere_qui_depasse_les_250_pixels_de_large</div>
</td>
<td>
<div>voici une chaine de caractere qui ne depasse pas les 250 pixels de large</div>
</td>
</tr>
</table></body>
2/ si la taille n'est pas définie par le css, la propriété overflow n'est pas utilisé:
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
div
{
overflow : hidden;
}
</style></head>
<body><table border=1>
<tr>
<td width='250'>
<div>voici_une_chaine_de_caractere_qui_depasse_les_250_pixels_de_large</div>
</td>
<td width='250'>
<div>voici une chaine de caractere qui ne depasse pas les 250 pixels de large</div>
</td>
</tr>
</table></body></html>
Puisque je dois rendre le nombre de colonnes du tableau dynamique (en fonction de la DB), et donc leur taille (en fonction du nombre de colonnes à afficher), je ne peux pas définir cette taille dans la feuille de style.
J'utilise directement les attributs (width) de mes balises html avec des variables calculées en php.
Voyez-vous mon problème?
J'ai essayer de définie une taille dans le CSS de width 100% pour qu'il utilise toute la largeur de ma colonne définie dans le <td> parent, mais ça ne semble pas etre la solution non plus!
Dans ce cas là, la 1ere colonne prend toute la taille néssécaire pour y inscrire ma longue chaine de caractere et l'affichage se coupe bien à l'endroit souhaité, mais pas la cellule qui continue avec un espace blanc inutile à coté...
ex :
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
div
{
overflow : hidden;
width : 100%;
}
</style></head>
<body><table border=1>
<tr>
<td width='250'>
<div>voici_une_chaine_de_caractere_qui_depasse_les_250_pixels_de_large</div>
</td>
<td width='250'>
<div>voici une chaine de caractere qui ne depasse pas les 250 pixels de large</div>
</td>
</tr>
</table></body></html>
Vous faut-il plus d'explications? Et sur quel point?
Voyez-vous une solution à ma problématique?
En vous remerciant.
You can do it...