Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
935 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Tableaux] problèmes d'espacement entre cellules

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Tableaux] problèmes d'espacement entre cellules

n°1212089
Tentac
¤¤ In tartiflette we trust ¤¤
Posté le 30-09-2005 à 19:55:46  profilanswer
 

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 !"
mood
Publicité
Posté le 30-09-2005 à 19:55:46  profilanswer
 

n°1212093
omega2
Posté le 30-09-2005 à 20:02:51  profilanswer
 

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

n°1212095
Tentac
¤¤ In tartiflette we trust ¤¤
Posté le 30-09-2005 à 20:06:47  profilanswer
 

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 !"
n°1212097
masklinn
í dag viðrar vel til loftárása
Posté le 30-09-2005 à 20:12:44  profilanswer
 

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
n°1212102
Tentac
¤¤ In tartiflette we trust ¤¤
Posté le 30-09-2005 à 20:20:35  profilanswer
 


 
 
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 !"
n°1212104
omega2
Posté le 30-09-2005 à 20:20:58  profilanswer
 

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)

n°1212105
masklinn
í dag viðrar vel til loftárása
Posté le 30-09-2005 à 20:22:12  profilanswer
 

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
n°1212113
Tentac
¤¤ In tartiflette we trust ¤¤
Posté le 30-09-2005 à 20:30:53  profilanswer
 

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 !"
n°1212116
masklinn
í dag viðrar vel til loftárása
Posté le 30-09-2005 à 20:31:58  profilanswer
 

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
n°1212120
Tentac
¤¤ In tartiflette we trust ¤¤
Posté le 30-09-2005 à 20:34:27  profilanswer
 

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 !"

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Tableaux] problèmes d'espacement entre cellules

 

Sujets relatifs
[Excel VBA] Identification des cellules impactées par un recalculconcatenation problemes
2 problemes: décalage et floateur[HTML] question toute bete à propos des tableaux
recherche ds un tableauxProblemes d'affichage meta name.
Problèmes de connexion ADO"synchroniser" deux tableaux
php et excel, valeur sur plusieurs cellulesProblème d'espacement entre les tableaux en PHP
Plus de sujets relatifs à : [Tableaux] problèmes d'espacement entre cellules


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR