Se connecter avec
S'enregistrer | Connectez-vous

[résolu] [HTML/css]Problème de width exprimés en pourcentages

Dernière réponse : dans Programmation

:hello:  Salut :hello: 

je suis entrain de programmer en html/css/php mais mon problème est assez basic :-?

en résumé j'ai du texte dans des blocs mais ce texte est géré dynamiquement via php/mysql et si ce texte est trop long, les td se "dilatent" ... ne sont-ils pas censés restés fixé à 10% ou 20% de la largeur d'écran !?

dans l'exemple de code qui suit j'obtient le premier td plus large que les autres. Les autres sont écrasés proportionnellement, càd que le bloc qui pose problème ne sera pas à 10% mais les autres seront à 10 ou 20% de l'espace restant

mon code en résumé :
  1. <table>
    

  2.     <tr>
    

  3.         <td class="dix">bla bla du 10 bla bla du 10 bla bla du 10 bla bla</td>
    

  4.         <td class="vingt">bla bla du 20</td>
    

  5.         <td id="logo"><img .../></td>
    

  6.         <td class="vingt">bla bla du 20</td>
    

  7.         <td class="dix">bla bla du 10</td>
    

  8.     </tr>
    

  9.     <tr> ...</tr>
    

  10. </table>

  1. table
    

  2. {
    

  3.     width:"100%";
    

  4. }
    

  5.  
  6. .dix
    

  7. {
    

  8.     width:"10%";
    

  9. }
    

  10. .vingt
    

  11. {
    

  12.     width:"20%";
    

  13. }
    

  14. #logo
    

  15. {
    

  16.     width:"40%";
    

  17. }

Autres pages sur : resolu html css probleme width exprimes pourcentages

Lassé par la pub ? Créez un compte
Expert Programmation

Salut,


Les td ne s'agrandisse que si le code à l'intérieur ne contient aucun espace ou signe d'espacement, qui puisse faire revenir le texte à la ligne suivante.

Sinon, on ne met pas de " " autour des valeurs en CSS.

OmaR a dit :
Salut,
Salut ^_^ déjà merci d'être passé pour m'aider

ok pour ta réponse/solution et il n'y a pas un moyen (html ou php) pour forcer les retours à la ligne si le mot sans espaces dépasse la largeur fixée ?
OmaR a dit :
Sinon, on ne met pas de " " autour des valeurs en CSS.
oups :??:  je ne le referais plus ! c'est juré ^_^ mais ça avait l'air de marcher comme ça .. enfin je vais réctifier tout ça, je te fais confiance ... de toute façon je valide toujours mon code html et css par w3c qui m'aurait signalé les erreurs : merci de me l'avoir fait remarquer avant ca m'évitera le petit coup de stress quand on voit le w3c nous dire plein de mal de notre code ^^
Expert Programmation

Salut,

En HTML pur tu peux pas, sinon, en PHP c'est faisable.
Faut te faire une petite fonction (quoique ça doit pouvoir se trouver sur le net) pour couper des mots à partir de X caractères.

Sinon, pour le CSS, je l'ai jamais fait avec des " ", mais bon, je ne sais pas si c'est valable avec. Je ne l'ai jamais vu comme ça en fait.
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde