[Tableaux] problèmes d'espacement entre cellules

problèmes d'espacement entre cellules [Tableaux] - HTML/CSS - Programmation

Marsh Posté le 30-09-2005 à 19:55:46    

Bon wala.  
J'ai ma page web.  
Et j'ai besoin de faire de la mise en page avec des tableaux.
 
(rires)
 
Juste un tout petit peu de mise en page, hein... le reste est en CSS + boites.
Mais il y a un morceaux qui est (je pense) impossible a faire en CSS.
 
Exemple :
http://www.choucroute-network.net/test/
 
Voila ce que je veux faire, j'y arrive "presque" en tabeaux, parce que il y a quand meme des coupures sur ma bordure au niveau des coins. ca vient de l'espacement entre les cellules.  
La quesqtion est, Comment les virer ?
 
Code du tableau actuel :

Code :
  1. <div id="pop-news">
  2. <table bgcolor="blue" border = "0px" rules="all" cellmargin=0 cellspacing=0 width="100%" height= "100%">
  3. <tr height = "10px">
  4.      <td width = "10px"><div class = "corn-hg"></div></td>
  5.      <td><div class = "brd-top"></div></td>
  6.  <td width = "10px"><div class = "corn-hd"></div></td>
  7.    </tr>
  8. <tr height="100%">
  9.      <td width = "10px"><div class = "brd-left"></div></td>
  10.      <td><div class = "tbl-center"></div></td>
  11.  <td width = "10px"><div class = "brd-right"></div></td>
  12.    </tr>
  13. <tr height = "10px">
  14.      <td width = "10px"><div class = "corn-bg"></div></td>
  15.      <td><div class = "brd-bottom"></div></td>
  16.  <td width = "10px"><div class = "corn-bd"></div></td>
  17.    </tr>
  18. </table>
  19. </div>


 
Ne pas s'inquiéter des attributs a l'arrache, ils seront regroupés dans le css par la suite.
 
Info supplémentaire : pourquoi je dis que c'est impossible a partir de boites + CSS uniquement ?
parce que a la base, je veux que tout ca soit redimensionnable uniquement en changeant la taille de la boite englobant le tableau (ici, pop-news).
 
 
exemple in-situ : http://www.choucroute-network.net
 
La, c'est fait de facon fixe en CSS uniquement, mais par contre pour redimensionner mon cadre, c'est galère, il faut changer la taille des boites contenant les bordures, etc...


Message édité par Tentac le 30-09-2005 à 19:57:19

---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Marsh Posté le 30-09-2005 à 19:55:46   

Reply

Marsh Posté le 30-09-2005 à 20:02:51    

[:rtfm]  
border
padding
margin
 
Ca serait pas ça que tu cherches?
 
 
Je vois vraiment pas pourquoi c'est pas faisable sans utiliser une table.

Reply

Marsh Posté le 30-09-2005 à 20:06:47    

hmmm regarde bien mon code attentivement, tu verra que dès <table> je déclare pas de margin ni de border ni de padding. Ca vire déja plein de trucs, MAIS il me reste toujours un espacement de 1 pixel, vide (transparent) entre chaque cellule et autour du tableau.
 
pour ce qui est de l'infaisabilité en CSS simple, je te laisse essayer.
J'y ai déja passé une dizaine d'heures, pas moyen d'arriver à un système où redimensionner le conteneur redimensionne correctement le cadre avec. sans nécessité de changer a la main la longueur des bordures).


---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Marsh Posté le 30-09-2005 à 20:12:44    

Tentac a écrit :

hmmm regarde bien mon code attentivement, tu verra que dès <table> je déclare pas de margin ni de border ni de padding. Ca vire déja plein de trucs, MAIS il me reste toujours un espacement de 1 pixel, vide (transparent) entre chaque cellule et autour du tableau.
 
pour ce qui est de l'infaisabilité en CSS simple, je te laisse essayer.
J'y ai déja passé une dizaine d'heures, pas moyen d'arriver à un système où redimensionner le conteneur redimensionne correctement le cadre avec. sans nécessité de changer a la main la longueur des bordures).


http://www.456bereastreet.com/arch [...] anced_css/


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

Marsh Posté le 30-09-2005 à 20:20:35    


 
 
hmmm, intéressant et supersimple, dommage que ca ne marche que sur safari :/
Vivement que les autres browsers se mettent a jour.
 
reste par contre ca :
http://www.456bereastreet.com/arch [...] d_borders/
 
mais il faut utiliser du js.


---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Marsh Posté le 30-09-2005 à 20:20:58    

ha ben zut, ton message a changé entre le moment où je l'ai lu (avec passage sur la page 404 de ton site que j'ai rus que c'était elle que tu voulais montrer) et celui où j'ai répondus.
J'avais donc pas les bonnes infos.
 
Au fait, t'es au courant que la taille par défaut des padding, margin et border sont diférents de 0 pour la pluspart des éléments? Si tu précises pas, t'auras donc des pixels qui trainent et il me semble que rien n'a été précisé pour les tr. (ou alors j'ai mal lu)

Reply

Marsh Posté le 30-09-2005 à 20:22:12    

Tentac a écrit :

hmmm, intéressant et supersimple, dommage que ca ne marche que sur safari :/


Ca te dirait pas de lire l'article complet au lieu de t'arrêter à la première ligne espèce de tombereau de purin [:petrus dei]


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

Marsh Posté le 30-09-2005 à 20:30:53    

masklinn a écrit :

Ca te dirait pas de lire l'article complet au lieu de t'arrêter à la première ligne espèce de tombereau de purin [:petrus dei]


 
tomberau de purin ??? Puissent mille chameaux cracher sur ta voiture, espèce d'extrait de fosse sceptique !
 
Sinon, le site est effectivement très intéressant, merci pour le lien. Il y a visiblement pas mal de méthodes différentes, chacue ayant ses avantages et inconvénients. Je vais éplucher tout ca, je vais bien finir par en trouver une qui marche.
 
Sinon, pour en revenir a la solution originale, je trouve ca quand meme fort de ne pas arriver a coller des cellules les unes aux autres...


Message édité par Tentac le 30-09-2005 à 20:31:49

---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Marsh Posté le 30-09-2005 à 20:31:58    

Ben non, faut foutre "cellpadding" et "cellspacing" à 0 c'est tout [:petrus75]
 
En gardant à l'esprit que le tableau pour les rounded corners, c'est la solution la plus crade disponible quoi [:petrus75]

Message cité 1 fois
Message édité par masklinn le 30-09-2005 à 20:32:27

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

Marsh Posté le 30-09-2005 à 20:34:27    

masklinn a écrit :

Ben non, faut foutre "cellpadding" et "cellspacing" à 0 c'est tout [:petrus75]
 
En gardant à l'esprit que le tableau pour les rounded corners, c'est la solution la plus crade disponible quoi [:petrus75]


 
ben ils y sont, c'est bien ca le soucy... a ùmoins qu'il ne faille le spécifier pour chaque row/cellule....


---------------
"Ramon Balthazard ! Lachez cette arme !"
Reply

Sujets relatifs:

Leave a Replay

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