Se connecter / S'enregistrer
Votre question

[PHP&HTML] Fixer la largeur d'un tableau

Tags :
  • Php
  • Programmation
Dernière réponse : dans Programmation
1 Septembre 2006 11:02:58

Bonjour,
voilà, je vous explique le principe :
un texte est demandé dans un "textarea" où l'utilisateur fait un commentaire sur lui, ... plus loin, dans une page profil, le commentaire apparaît.
Voici mon problème, si le mec fait une phrase de beaucoup de caractère; le tableau où apparait le commentaire va s'élargir jusqu'à la fin de la phrase, ce qui donne à la page web une largeur enorme.
J'aimerais savoir comment fixer la largeur du tableau pour que la phrase, arrivée en fin du tableau va à la ligne?

voilà le code :
  1. <table width="90%">
  2.  
  3. [...]
  4.  
  5. <tr valign="top">
  6. <td width="50%"><b>Commentaire :</b></td>
  7. <td><?php echo $profil["commentaire"]; ?></td>
  8. </tr>
  9. [...
  10.  
  11. </table>

Autres pages sur : php amp html fixer largeur tableau

1 Septembre 2006 11:34:33

Met un width aussi sur le <td></td> qui conteint le commentaire...Ou sinon rajoute un paragraphe avec le même attribut en CSS (<td><p style="width:40%;">comment</p></td>
1 Septembre 2006 11:53:17

j'ai essayé le width; en mettant donc 50% à l'autre -> pareil :( 
Contenus similaires
1 Septembre 2006 11:56:21

Ah...Essai plutot en passant par le CSS avec l'attribut de balise style="width:xx%;". L'attribut width n'est pas forcément dispo sur toute les balises
1 Septembre 2006 12:20:42

non plus :( 
1 Septembre 2006 12:27:43

O_o......Tente une valeur en pixel sinon je vois pas du tout pourquoi ça marche pas...
1 Septembre 2006 13:14:19

c'est bizarre, rien ne marche :s
a c 232 L Programmation
1 Septembre 2006 13:50:02

c'est normal !
C'est quand tu fais des trucs dans le genre "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
Forcément, ça va t'allonger la largeur.

Il faut que tu coupes les mots qui ont plus de XX caractères.

Tu implode sur le caractère espace, et si c'est plus grand que XX caractères, tu coupes le mot en deux
1 Septembre 2006 14:34:56

sinon tu peut utiliser un "wordwrap", qui va mettre en page ton texte avec une valeur que tu aurra choisi.
exemple:
<?
$ton=texte ="aaaaaaaaaaaaaaaaaaa"
$ton_texte= wordwrap($ton_texte,10,"<br>\n",1);

?>
<table>
<tr>
<td<? echo $ton_texte ?><td>
</tr>
</table>



Le texte qui va être aficher va être:
aaaaaaaaaa
aaaaaaaaaa

au lieu de celui-ci:
aaaaaaaaaaaaaaaaaaa


Voila si ça peut d'aider
1 Septembre 2006 16:50:01

oui, on m'a déjà donné l'astuce du wordwrap, mais, ce que je comprend pas, c'est que dans ce code :

<table width="50%" align="center" class="table_new">

<thead>
<tr>
<th>Ouverture du réseau de Partage de Codes Amis : <u>DSArena</u></th>
</tr>
</thead>
<tbody>
<tr>
<td>
<font size="2"><i>Le 27/08/2006 à 23h32,</i></font><br /> <br />
Bonjour à tous,
Aujourd'hui, c'est un grand jour, DSArena ouvre ses portes. <br />
DSArena est un réseau de Partage de Codes Amis. <br />
En effet, les jeux "Online" apparaissant sur la console Nintendo DS possède un système de codes amis afin de jouer avec vos amis. <br />
Ce réseau vous permettra de vous créer un compte afin de partager votre code ami et donc de vous faure des amis. <br />
Vous pourrez aussi utiliser le système de recherche pour trouver un joueur ou une joueuse qui seraît à votre goût.
Le premier site de ce réseau traitera sur le jeu <u><b>Animal Crossing Wild World</b></u>.<br />
Nous pouvons donc pas trop parler d'un "réseau" puisqu'il n'éxiste qu'un site. <br />
Mais vous inquietez pas, par la suite, d'autres sites apparaitront qui traiteront d'autres jeux comme Mario Kart DS, Métroid Prime Hunters, et encore plein d'autres...<br />
Mais une seule chose à la fois, avant de sortir les autres sites, nous aimerons tout d'abord compléter celui-là afin qu'il soit "100% opérationnel".<br />
L'équipe de DSArena vous souhaite une bonne visite,
A bientôt !
</td>
</tr>
</tbody>

</table>

les phrases trop longues vont à la ligne eux meme
1 Septembre 2006 17:28:38

c'est à cause de la largeur du tableau que tu fixe à 50%
Si tu enlève ce parramètre ton texte va reprendre son aspect tel que tu la rédigé.

Mais je te conseile d'utiliser un wordwrap, surtout si tu récupère ton texte par une base de donnée
1 Septembre 2006 17:54:46

oui mais dans l'autre il y a aussi 50% et le texte a quand meme son aspect tel que je l'ai redigé
1 Septembre 2006 19:14:04

alors ça vient peut être de ta feuille de style que tu utilise
class="table_new">

Enlève ce parramètre pour tester
a c 232 L Programmation
1 Septembre 2006 20:05:06

mais non ça a aucun rapport
je te l'ai déja dit !

Avec du texte NORMAL, ça décale pas la taille.
Avec du texte sans espace, ça décale.

Si dans ton textarea, tu entres quelque chose de coérant, et avec des espaces, ça te le décalera pas !

Y'en a qui sont tétus !
1 Septembre 2006 20:37:08

.table_new {
border-collapse: collapse;
border:#660000 outset 4px;
}

.table_new th {
background-color:#660000;
color:#FFFFFF;
}

.table_new td {
background-color:#FFFFFF;
text-align:left;
border: #660000 solid 1px;
}


voilà, c'est ça, je vois pas ce qu'il y a dedans qui puisse faire retourner automatiquement à la ligne
a c 232 L Programmation
1 Septembre 2006 22:34:14

il fait exprès ?
dites moi que je rêve !
2 Septembre 2006 00:19:07

Citation :
mais non ça a aucun rapport
je te l'ai déja dit !

Avec du texte NORMAL, ça décale pas la taille.
Avec du texte sans espace, ça décale.

Si dans ton textarea, tu entres quelque chose de coérant, et avec des espaces, ça te le décalera pas !

Y'en a qui sont tétus !

De une, on a posté en meme temps ce qui fait que je n'ai pas vu ton mess, de deux, il est incohérent, je comprend rien à tes histoires de espaces

EDIT : j'ai compris lol, merci ^^
a c 232 L Programmation
2 Septembre 2006 10:16:25

Citation :
on a posté en meme temps


A 30 minutes d'intervalle ?:) 

C'est bon, t'as compris ? Je sais que je m'exprime pas bien mais bon... quand même ! :o 
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS