probleme d affichage avec un tableau html

probleme d affichage avec un tableau html - HTML/CSS - Programmation

Marsh Posté le 30-06-2005 à 14:49:10    

salut,
 
 
j ai un tableau alimenter à partir de ma base et  dans ma base dans certaine table, j' ai des enregistrement de cette forme :
 

Citation :

voit-32-32  
En vacance  
En voyage


 
Et à l affichage dans mon tableau je me retrouve avec ces enregistrement mais il ne tienne pas sur une ligne mais 2 ou 3 lignes.
J ai elargi les cellule de mon tableau et même en elargissant la taille de la cellule,lorsqu il y a un espace ou des "-" il me l affiche sur plusieurs ligne.  
 
J ai cela à l affichage  

Citation :

voit  
-  
32  
-  
32  
 
En  
vacance  
 
En  
voyage


 
Comment pourrai je faire pour tout afficher sur la même ligne ?
 
Merci

Reply

Marsh Posté le 30-06-2005 à 14:49:10   

Reply

Marsh Posté le 30-06-2005 à 14:50:38    

ton tableau vient d'ou ? on peut voir le code HTML généré ?

Reply

Marsh Posté le 30-06-2005 à 15:21:12    

le code de ma css

Code :
  1. body{
  2. background-color: silver;
  3. }
  4. table {
  5. border: medium solid white;
  6. border-collapse: collapse;
  7. border: silver;
  8. width: 300px;
  9. }
  10. .table1 {
  11. border: medium solid silver;
  12. border-collapse: collapse;
  13. width: 300px;
  14. }
  15. .th1 {
  16. font-family: verdana;
  17. border: thin solid silver;
  18. width: 30px;
  19. padding: 2px;
  20. font-size : 15px;
  21. background-color: #D0E3FA;
  22. background-image: url(sky.jpg);
  23. }
  24. .td1 {
  25. font-family: verdana;
  26. border: thin solid silver;
  27. width: 30px;
  28. padding: 2px;
  29. font-size : 13px;
  30. text-align: center;
  31. background-color: #ffffff;
  32. }
  33. caption {
  34. font-family: sans-serif;
  35. }
  36. .div1 {
  37. width:765px;  height:320px;  background:#888;  overflow:auto;
  38. }


 
et le code de mon tableau

Code :
  1. <DIV class="div1">
  2. <?
  3. ?>
  4. <table class="table1"  >
  5. <tr>
  6.    <th class="th1" style="display:none">a</th>
  7.    <th class="th1" >b</th>
  8.         <th class="th1" style="display:none">c</th>
  9.         <th class="th1" style="display:none">d</th>
  10.         <th class="th1" style="display:none">e</th>
  11.    <th class="th1">N° Serie</th>
  12.    <th class="th1">N° Commande</th>
  13.    <th class="th1">Etat</th>
  14.    <th class="th1">Famille</th>
  15.    <th class="th1">Marque</th>
  16.    <th class="th1">Modele</th>
  17.    <th class="th1">N° Poste</th>
  18.    <th class="th1">Pole</th>
  19.    <th class="th1" colspan="2">Utilisateur</th>   
  20. </tr>
  21. <?
  22. $i=0;
  23. while($list=pg_fetch_assoc($req)){
  24. ?>
  25. <tr class="white" onClick="blok(this, 'radio<? echo  $i ; ?>','radio2<? echo  $i ; ?>','radio3<? echo  $i ; ?>','radio4<? echo  $i ; ?>','radio5<? echo  $i ; ?>' );">
  26.    <td class="td1" style="display:none"><input type="radio" name="a" id="radio<? echo $i ;?>" value="<? echo $list['numserie'];?>"></td>
  27.    <td  class="td1" ><input type="radio" name="b" id="radio2<? echo $i ;?>" value="<? echo $list['etat'];?>"></td>
  28.         <td  class="td1" style="display:none"><input type="radio" name="c" id="radio3<? echo $i ;?>" value="<? echo $list['numposte'];?>"></td>
  29.         <td  class="td1" style="display:none"><input type="radio" name="d" id="radio4<? echo $i ;?>" value="<? echo $list['numserie'];?>"></td>
  30.         <td  class="td1" style="display:none"><input type="radio" name="e" id="radio5<? echo $i ;?>" value="<? echo $list['code_pole'];?>"></td>
  31.    <td class="td1"><? echo $list['numserie'];?></td>
  32.    <td class="td1"><? echo $list['bon_commande'] ;?></td>
  33.    <td class="td1"><? echo $list['etat'] ;?></td>
  34.    <td class="td1"><? echo $list['type_objet'];?></td>
  35.    <td class="td1"><? echo $list['marque'];?></td>
  36.    <td class="td1"><? echo $list['modele'];?></td>
  37.    <td class="td1"><? echo $list['numposte'];?></td>
  38.    <td class="td1"><? echo $list['code_pole'];?></td>
  39.    <td class="td1"><? echo $list['nom_personnel'];?></td>
  40.    <td class="td1"><? echo $list['prenom'];?></td>
  41. </tr>
  42. <?
  43. $i=$i+1;
  44. }
  45. ?>
  46. </table>
  47. </div>

Reply

Marsh Posté le 30-06-2005 à 15:33:29    

LE CODE HTML Généré bordel de merde.
c'est bo de voir ton PHP mais le code généré, tu sais clic droit > afifcher source de la page ?? tu connais ??

Reply

Marsh Posté le 30-06-2005 à 15:48:43    

Citation :

LE CODE HTML Généré bordel de merde.  


exprime toi mieux,
je bloque sur un truc ok
mais parles moi pas comme de la merde!!!
je suis pas ta chienne!

Code :
  1. <table class="table1"  >
  2. <tr>
  3. <th class="th1" style="display:none">a</th>
  4. <th class="th1" >b</th>
  5.         <th class="th1" style="display:none">c</th>
  6.         <th class="th1" style="display:none">d</th>
  7.         <th class="th1" style="display:none">e</th>
  8. <th class="th1">N° Serie</th>
  9. <th class="th1">N° Commande</th>
  10. <th class="th1">Etat</th>
  11. <th class="th1">Famille</th>
  12. <th class="th1">Marque</th>
  13. <th class="th1">Modele</th>
  14. <th class="th1">N° Poste</th>
  15. <th class="th1">Pole</th>
  16. <th class="th1" colspan="2">Utilisateur</th>
  17. </tr>
  18. <tr class="white" onClick="blok(this, 'radio0','radio20','radio30','radio40','radio50' );">
  19. <td class="td1" style="display:none"><input type="radio" name="a" id="radio0" value="NLFB048293"></td>
  20. <td  class="td1" ><input type="radio" name="b" id="radio20" value="En poste"></td>
  21.         <td  class="td1" style="display:none"><input type="radio" name="c" id="radio30" value="6"></td>
  22.         <td  class="td1" style="display:none"><input type="radio" name="d" id="radio40" value="NLFB048293"></td>
  23.         <td  class="td1" style="display:none"><input type="radio" name="e" id="radio50" value="SG"></td>
  24. <td class="td1">NLFB048293</td>
  25. <td class="td1">PDA</td>
  26. <td class="td1">En poste</td>
  27. <td class="td1">Imprimante</td>
  28. <td class="td1">HP</td>
  29. <td class="td1">LASERJET 5P</td>
  30. <td class="td1">6</td>
  31. <td class="td1">SG</td>
  32. <td class="td1">Gui</td>
  33. <td class="td1">pierre</td>
  34. </tr>
  35. <tr class="white" onClick="blok(this, 'radio1','radio21','radio31','radio41','radio51' );">
  36. <td class="td1" style="display:none"><input type="radio" name="a" id="radio1" value="LE17H9LX809975"></td>
  37. <td  class="td1" ><input type="radio" name="b" id="radio21" value="Livré"></td>
  38.         <td  class="td1" style="display:none"><input type="radio" name="c" id="radio31" value="6"></td>
  39.         <td  class="td1" style="display:none"><input type="radio" name="d" id="radio41" value="LE17H9LX809975"></td>
  40.         <td  class="td1" style="display:none"><input type="radio" name="e" id="radio51" value="SG"></td>
  41. <td class="td1">LE17H9LX809975</td>
  42. <td class="td1">5</td>
  43. <td class="td1">Livré</td>
  44. <td class="td1">Ecran</td>
  45. <td class="td1">SAMSUNG</td>
  46. <td class="td1">SM793DF</td>
  47. <td class="td1">6</td>
  48. <td class="td1">SG</td>
  49. <td class="td1">Gui</td>
  50. <td class="td1">pierre</td>
  51. </tr>
  52. <tr class="white" onClick="blok(this, 'radio2','radio22','radio32','radio42','radio52' );">
  53. <td class="td1" style="display:none"><input type="radio" name="a" id="radio2" value="2HF87OJ"></td>
  54. <td  class="td1" ><input type="radio" name="b" id="radio22" value="En poste"></td>
  55.         <td  class="td1" style="display:none"><input type="radio" name="c" id="radio32" value="6"></td>
  56.         <td  class="td1" style="display:none"><input type="radio" name="d" id="radio42" value="2HF87OJ"></td>
  57.         <td  class="td1" style="display:none"><input type="radio" name="e" id="radio52" value="SG"></td>
  58. <td class="td1">2HF87OJ</td>
  59. <td class="td1">REGUL-01-2001</td>
  60. <td class="td1">En poste</td>
  61. <td class="td1">UC</td>
  62. <td class="td1">DELL</td>
  63. <td class="td1">OPTIPLEX GX15</td>
  64. <td class="td1">6</td>
  65. <td class="td1">SG</td>
  66. <td class="td1">Gui</td>
  67. <td class="td1">pierre</td>
  68. </tr>
  69. <tr class="white" onClick="blok(this, 'radio3','radio23','radio33','radio43','radio53' );">
  70. <td class="td1" style="display:none"><input type="radio" name="a" id="radio3" value="ppb"></td>
  71. <td  class="td1" ><input type="radio" name="b" id="radio23" value="En poste"></td>
  72.         <td  class="td1" style="display:none"><input type="radio" name="c" id="radio33" value="6"></td>
  73.         <td  class="td1" style="display:none"><input type="radio" name="d" id="radio43" value="ppb"></td>
  74.         <td  class="td1" style="display:none"><input type="radio" name="e" id="radio53" value="SG"></td>
  75. <td class="td1">ppb</td>
  76. <td class="td1">01535</td>
  77. <td class="td1">En poste</td>
  78. <td class="td1">Disque Dur</td>
  79. <td class="td1">plextor</td>
  80. <td class="td1">--Modele--</td>
  81. <td class="td1">6</td>
  82. <td class="td1">SG</td>
  83. <td class="td1">Gui</td>
  84. <td class="td1">pierre</td>
  85. </tr>
  86. </table>

Reply

Marsh Posté le 30-06-2005 à 16:22:31    

Il ne pouvait pas s'exprimer mieux il avait bien indiqué "ton html généré" :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 08:07:59    

Citation :

bordel de merde.


plainsofpa  
Apprenti développeur web
 
Faut que tu leche pour passer le stade d apprenti et donc meme quand on te parle mal tu rabaisse et tu passe sous la table.
Bon courage lol
 
 

Reply

Marsh Posté le 01-07-2005 à 08:10:41    

Donny, je crois que c'est l'heure de partir maintenant, au revoir


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 01-07-2005 à 08:12:59    

???
 
Mon dieu arrêtes la fume !
 
Je mets apprenti parce que bien que je pratique depuis pas mal de temps, je ne suis encore qu'un padawan, car je ne sais pas encore faire d'xsl(t), je ne comprend pas trop comment ca fonctionne ajax, mais j'ai un niveau plus que suffisant en xhtml/css/php/sql.
 
Sinon, le bordel de merde, accessoirement, c'est pas moi qui l'ai proféré mais gatsusat.
 
Enfin tu sais peut-etre pas très bien lire et tu aimes sans doute les insultes gratuites, mais bon c'est pas comme ca que t'auras de l'aide :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 08:53:34    

si je dis bordel de merde, c'est que ca me broute les gens qui font des pages et du code de merde.

Reply

Marsh Posté le 01-07-2005 à 08:53:34   

Reply

Marsh Posté le 01-07-2005 à 08:55:35    

Gatsusat, comme je te l'ai deja dit plusieurs fois, tu peux avoir raison sur ce point (bienqu'en l'occurence je trouve le code encore suffisamment clair par rapport a beaucoup d'autres qu'on voit passer) mais ça sert a rien de l'insulter direct..

Reply

Marsh Posté le 01-07-2005 à 08:58:09    

bon jvais arrêter mais quand je lui demande son code HTML Généré, c'est pas le PHP que je veux.
 
le code PHP c'est bien beau, mais le mieux c'est de voir le résultat, puisqu'il a un problème sur l'affichage.

Reply

Marsh Posté le 01-07-2005 à 09:01:15    

Oui oui, je suis d'accord avec toi sur le fond, mais c'est la maniere qui me turlupine un peu ;)

Reply

Marsh Posté le 01-07-2005 à 09:51:55    

bin voila tout s arrange
peut être que j'avais mal lu et que je m etais arreter à code vu qu en general on me demande mon code et pas mon code generé

Reply

Marsh Posté le 01-07-2005 à 10:43:42    

uhm, tes colonnes sont trop petite pour que le texte ne retourne pas à la ligne, c'est ça ? "Empêche" le retour à la ligne avec ce p'tit bout de code CSS

Code :
  1. .td1 { white-space: nowrap; }


http://www.w3.org/TR/CSS21/text.html

Reply

Marsh Posté le 01-07-2005 à 10:59:59    

je l ai fait sa

Code :
  1. td1 { white-space: nowrap; }


mais sa donne rien
et je me dit que c est peut etre impossible

Reply

Marsh Posté le 01-07-2005 à 11:07:15    

ton code généré s'affiche correctement chez moi. même parfaitement.
 
http://img96.imageshack.us/img96/8449/tempimg2zu.jpg

Reply

Marsh Posté le 01-07-2005 à 11:29:09    

ouai mais ce que je veux c est que En poste soit sur une seule ligne, LASERRJET 5P soit sur une seule ligne aussi.
Les colonnes de titre,N°POSTE je veux qu il tienne sur une seule ligne et pas 2.
Tu vois ce que je veux ?

Reply

Marsh Posté le 01-07-2005 à 11:37:28    

bah

Code :
  1. .th1 {
  2. white-space: nowrap;
  3.       }


sous FireFox, ça passe très bien

Reply

Marsh Posté le 01-07-2005 à 11:43:05    

J ai IE je vais essayer sous mozilla peut etre que sa change quelquechose

Reply

Marsh Posté le 01-07-2005 à 11:46:25    

exact sois Mozilla sa fonctionne
mais le truc  c est que sa modifie toute ma page, la couleur de fonds n y est plus, les tableau ne sont pas positionner de la même maniere...

Reply

Marsh Posté le 01-07-2005 à 11:58:21    

sinon les noms des colonnes au lieu de mettre :  
 
n° commande
 
tu mets un espace insécable :  
N°&nbsp;commande

Reply

Marsh Posté le 01-07-2005 à 13:45:44    

c est normal qu en passant de IE à Mozilla
certaine de mes page sont differente

Reply

Marsh Posté le 01-07-2005 à 14:25:05    

oui IE != FF pour l'affichage

Reply

Marsh Posté le 01-07-2005 à 14:39:38    

c est de la dobe alors
comment tu fais toi alors
vu que tu developpe des site web,
personne n est censer utiliser le même navigateur que toi
donc pour certains navigateur ton site ne marchera pas ?

Reply

Marsh Posté le 01-07-2005 à 14:43:42    

Au contraire, on fait gaffe à ce qu'il fonctionne chez tout le monde. Mais il peut y avoir de légères différences de rendu d'un navigateur à l'autre...

Reply

Marsh Posté le 01-07-2005 à 15:12:58    

en gros c est une vrai mission
c est tout un art

Reply

Marsh Posté le 01-07-2005 à 15:14:36    

Et toute une philosophie aussi :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 15:49:11    

Autrement dit : C'est un metier, pas un hobby


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 01-07-2005 à 15:51:03    

gatsusat a écrit :

sinon les noms des colonnes au lieu de mettre :  
un espace insécable : N°&nbsp;commande


une espace insécable. :o  

Reply

Marsh Posté le 01-07-2005 à 15:52:56    

Naaaaaan un typographe ! Au secouuuuuuuuurs !
 
*Les typographeurs, ils sont partooooouut*


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 15:54:28    

mais quand le metier c est un hobby
au moins tu prends gout à faire ce que tu fais
et c est beaucoup mieux

Reply

Marsh Posté le 01-07-2005 à 16:00:26    

donny3 a écrit :

mais quand le metier c est un hobby
au moins tu prends gout à faire ce que tu fais
et c est beaucoup mieux


Complètement d'accord.
Mes sites sont de moins en moins de la merde depuis que je ne bosse plus pour des entreprises.
Quoiqu'on en dise, c'est les professionnels avant tout qui ont pourris le web parce qu'ils montraient le mauvais exemple et que les newbies le prenait pour dit.
 

Reply

Marsh Posté le 01-07-2005 à 16:02:30    

donny3 a écrit :

en gros c est une vrai mission
c est tout un art


Un art et une science [:aloy]  
http://www.veen.com/artsci/images/artsci_cover.jpg
 
HAR HAR HAR §§§


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 01-07-2005 à 18:04:17    

The-Shadow a écrit :

Complètement d'accord.
Mes sites sont de moins en moins de la merde depuis que je ne bosse plus pour des entreprises.
Quoiqu'on en dise, c'est les professionnels avant tout qui ont pourris le web parce qu'ils montraient le mauvais exemple et que les newbies le prenait pour dit.


 
Sans vouloir generaliser (je connais plusieurs contre exemples :D) souvent ceux qui font du web comme hobby ont le meme niveau que les professionnels de 95, là serait le probleme :D
 
Mais tout a fait d'accord que le web doit etre une passion avant tout, sinon le vite-fait-baclé prendra le dessus


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 01-07-2005 à 20:16:37    

esox_ch a écrit :

Sans vouloir generaliser (je connais plusieurs contre exemples :D) souvent ceux qui font du web comme hobby ont le meme niveau que les professionnels de 95, là serait le probleme :D


Dans la conception Web, sans doute, d'un autre coté, de nos jours on voit de plus en plus d'Elite "XML" mais qui n'ont aucune notion en communication, graphisme ou typographie. Alors ça, la typographie, c'est bien un truc qu'on se met DTC maintenant sur le WEB, j'peux vous dire qu'en 97 quand j'ai commencé, mes sites étaient en table, mais il y avait toujours une espace insécable avant les 2 points. De nos jours, les gens en mettent quand ça leur plait, dès fois oui, des fois non, des fois des insécables, des fois à la ligne. Pour moi, c'est aussi important que le reste. Et je ne parlerais même pas des guillemets français qui ont tout bonnement disparus.


Message édité par The-Shadow le 01-07-2005 à 20:17:11
Reply

Marsh Posté le 01-07-2005 à 20:19:30    

oué, l'ortograf ossi i disparé dé foi.  
 
 :pt1cable:


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 01-07-2005 à 20:23:00    

plainsofpain a écrit :

oué, l'ortograf ossi i disparé dé foi.  
 :pt1cable:


Il y a eu des sacrés efforts de fait à ce niveau là je trouve. Bon, sauf sur les forums, mais là c'est un cas à part, on ne relit pas un message comme on relirait un article. Quand j'écris un article d'ailleurs, je le fais au moins relire à ma femme, pas quand je poste sur HFR par exemple. :D

Reply

Marsh Posté le 01-07-2005 à 20:24:29    

Tiens, pour en revenir à l'orthographe, j'ai une anecdote, dans le monde canin, plus ça va et plus on voit des sites internet développé à l'Est, après le plombier polonais, le dév. web Croate. Et ce genre de site sont souvent pas trop mal fait, mais bonjour les phottes d'aurtau. :D

Reply

Marsh Posté le 01-07-2005 à 20:25:31    

Ouais mais ce n'est pas bien sorcier de vérifier qu'on a pas fait de grosses fautes avant de cliquer abusivement sur "Valider votre message" :D
 
Edit : et ca me rappelle un mec qui se disait en école d'architecture, et qui écrivais en sms ...
 
Je lui demande de réécrire son post en français, le mec il me répond qu'il s'ne fout que sur un forum on est pas noté, et que c'est compréhensible ...


Message édité par plainsofpain le 01-07-2005 à 20:27:02

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed