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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Remplir une cellule de tableau avec un div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Remplir une cellule de tableau avec un div

n°1555881
Orbitax
May The Troll Be In You ©
Posté le 05-05-2007 à 22:55:02  profilanswer
 

Bonsoir,
j'ai de nouveau un petit truc qui me bloque pour etablir mon webdesign.
La page est structurée de loin comme ca:
 

<table>
  <tr>
    <td><div>Case1</div></td>
    <td><div>Case2</div></td>
  </tr></table>


 
Le div est positionné a quelques pixels du bord de la cellule dans le but d'eviter qu'ils finissent collés, et la hauteur est variable.
 
Le pb c'est que je n'arrive pas a avoir une hauteur égale pour les deux cases ce qui est disgracieux a mon gout :/
 
Y'aurait il une technique?

mood
Publicité
Posté le 05-05-2007 à 22:55:02  profilanswer
 

n°1555883
dwogsi
Défaillance cérébrale...
Posté le 05-05-2007 à 23:00:26  profilanswer
 

Faut arrêter les mises en page a coup de tableaux. Au final ça ne pose que des problèmes. Met toi aux CSS, parceque si tu met un div dans une cellule uniquement pour que le contenu ne soit pas coller au bordure de celle-ci sache qu'il existe aussi les marges et les padding.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
n°1555893
Orbitax
May The Troll Be In You ©
Posté le 05-05-2007 à 23:38:57  profilanswer
 

Justement ya du CSS de partout déja, les tabloides c'est a cause de la merde de chez microsoft qui ne réagit jamais comme prévu aux bricoles en CSS :/
 
En fait je veut faire des box avec une couleur de fond et une bordure. Sinon oui si j'ai pas la flemme je pense que je vait faire gober au tableau les parametres et foutre les attributs au cellules  :whistle:

n°1556003
dartyduck
n00b AttitudE
Posté le 06-05-2007 à 14:37:10  profilanswer
 

Orbitax a écrit :

Justement ya du CSS de partout déja, les tabloides c'est a cause de la merde de chez microsoft qui ne réagit jamais comme prévu aux bricoles en CSS :/
 
En fait je veut faire des box avec une couleur de fond et une bordure. Sinon oui si j'ai pas la flemme je pense que je vait faire gober au tableau les parametres et foutre les attributs au cellules  :whistle:


mais je reve là ! ca te prendrait moins de temps d'attribuer des margin et padding à tes td ! pi je confirme que les tables pour de la mise en page, ben ça pue !
Et ton css, et est dans ton code html ou dans un fichier à part ? car s'il est dans un fichier à part (comme il faut faire pour faire ça bien) ca va vite à attribuer des parametres de marges !
Mais commence par virer ton tableau et n'utilise QUE des div. Et microsoft n'y est pour rien (faut pas pousser non plus), si ça marche pas c'est que tu t'y prends mal !!


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1556008
dwogsi
Défaillance cérébrale...
Posté le 06-05-2007 à 14:56:40  profilanswer
 

dartyduck a écrit :

Et microsoft n'y est pour rien (faut pas pousser non plus), si ça marche pas c'est que tu t'y prends mal !!


Ça, ça reste discutable. Si on s'y prend correctement, chez IE ça marche pas toujours. Mais il y a toujours quelques astuces, bidouilles, pour parer à ce genre de problème.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
n°1556011
dartyduck
n00b AttitudE
Posté le 06-05-2007 à 15:03:52  profilanswer
 

nan, pas bidouilles. Si vraiment ca merde avec IE, il suffit de créer une feuille css spécifique IE (style-ie.css) où on ne met que les points qui merdent et on lui applique les parametres qui vont bien pour IE. Et tu mets un

Code :
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="/style-ie.css" />
  3. <![endif]-->

dans le head, et le tour est joué !
ca reste léger, facile de maintenance, et rend ton design compatible tous navigateurs.


Message édité par dartyduck le 06-05-2007 à 15:04:06

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1556030
dwogsi
Défaillance cérébrale...
Posté le 06-05-2007 à 16:16:15  profilanswer
 

Oui c'est bien le genres de choses que je désigne par bidouilles/astuces.
Si IE voulait bien se conformer au même règles que tout les autres on aurait pas à faire ce genre de chose.


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
n°1556059
dartyduck
n00b AttitudE
Posté le 06-05-2007 à 18:14:44  profilanswer
 

Oui mais IE est ainsi, IE est utilisé par 75% des internautes, et malheusement on ne peux pas le négliger. Il faut donc faire avec et accepter IE tel qu'il est. Et donc adapter le code en fonction de IE.
Pas le choix !


---------------
Nikon D7000 + 18-105VR + 35mm 1.8
n°1556099
Orbitax
May The Troll Be In You ©
Posté le 06-05-2007 à 19:30:20  profilanswer
 

Bon pour revenir au sujet d'origine, j'ai bien réglé grace a ca:

table.cadres_main{
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: separate;
  border-spacing: 15px;
  border-style: none;
}
 
td.cadre_texte_1{
  width: 50%;
  padding: 0px;
  vertical-align: top;
  background-color: #E1F5FF;
  border-width: 1px;
  border-style: dotted;
}


 
Sinon oui les tableaux ca pue mais ca marche trés bien alors je ne prive pas.
Sinon effectivement j'ai des hacks pour IE dans le reste du code hein, vu que je cherche a produire du XHTML Strict W3C compliant je doit bien passer par ca

n°1556173
dwogsi
Défaillance cérébrale...
Posté le 06-05-2007 à 20:28:36  profilanswer
 

dartyduck a écrit :

Oui mais IE est ainsi, IE est utilisé par 75% des internautes, et malheusement on ne peux pas le négliger. Il faut donc faire avec et accepter IE tel qu'il est. Et donc adapter le code en fonction de IE.
Pas le choix !


Je ne dis pas le contraire!
Je suis dans une boîte où le patron est utilisateur d'IE, j'aurais du mal à faire quelque chose qui marche pas avec!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

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

  Remplir une cellule de tableau avec un div

 

Sujets relatifs
[C#] Recherche dans un tableau[JSP] créer tableau dynamique en servlet
insertion dans un tableauAJAX - Remplir une table et afficher son contenu en direct
[resolu]Incrémenter une Plage de cellule avec range ?Pb pour désérialiser un double tableau
alignement vertical cellules html [tableau]Pseudo tableau en CSS
récupérer la ligne d'une cellule[C]Remplir un tableau d'entiers uniques aléatoirement
Plus de sujets relatifs à : Remplir une cellule de tableau avec un div


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