Problème avec les fameux tableaux

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Problème avec les fameux tableaux

par Myst3ry » 05 oct. 2008, 04:32

C'est parfait!
(dsl si j'ai mis un temps fous à te répondre!)

Merci énormément, fini la prise de tête! :wink:

par Cyrano » 27 sept. 2008, 21:54

Le code de ton tableau est faux pour la seconde ligne : les row-span n'ont rien à faire là, pas plus qu'une ligne sans cellules après. Essaye plutôt :

Code : Tout sélectionner

<table> <tr> <td class="" rowspan="2">blop</td> <td class="" colspan="2">blop2</td> </tr> <tr> <td class="">blop3</td> <td class="">blop4</td> </tr> <tr> <td class="" colspan="3">blop5</td> </tr> <tr> <td class="" colspan="3">blop6</td> </tr> </table>

Problème avec les fameux tableaux

par Myst3ry » 27 sept. 2008, 05:59

Bonjour,
J'ai un problème dans la création ou plutôt dans l'implantation d'image dans un tableau.
Je m'explique:
J'ai créé un tableau afin de pouvoir mêttre une new...(c'est pas vraiment important..)
Premièrement je les créé SANS rien, aucun Style CSS ni mise en page, juste pour être CERTAIN de mon tableau de base...
Je lui est donné ces attributs:

Code : Tout sélectionner

<table> <tr> <td class="" rowspan="3">blop</td> <td class="" colspan="2">blop2</td> </tr> <tr> <td class="" rowspan="2">blop3</td> <td class="" rowspan="2">blop4</td> </tr> <tr> </tr> <tr> <td class="" colspan="3">blop5</td> </tr> <tr> <td class="" colspan="3">blop6</td> </tr> </table>
Ce qui donne graphiquement:
Image

Ce qui est dans mon Cas PArfait, le résultat que je souhaitais obtenir!
Je suis donc tout content et je crois que le reste sera facile car je n'es qu'a insérer des images de fond dans chaque cellules.
J'affecte d'on a met variable des image de fond (en CSS) avec des class.

Voici le code CSS:

Code : Tout sélectionner

.news_date { background:url(img/new_date.png) no-repeat; width: 86px; height: 86px; padding:0px; margin: 0px; vertical-align: top; } .news_titre { width: 505px; height: 39px; padding:0px; margin: 0px; vertical-align: top; } .news_tags{ background:url(img/new_infobar_left.png) no-repeat; width: 347px; height: 47px; padding:0px; margin: 0px; vertical-align: top; } .news_auteur{ background:url(img/new_infobar_right.png) no-repeat; width: 158px; height: 47px; padding:0px; margin: 0px; vertical-align: top; } .news_body{ background:url(img/new_body.png); width: 591px; height: 100%; padding:0px; margin: 0px; vertical-align: top; } .news_footer{ background:url(img/new_footer.png) no-repeat; width: 591px; height: 7px; padding:0px; margin: 0px; vertical-align: top; }
J'ai bien sur enlevé les bordure noire car elles ne me servent plus dutout.

Bizarement j'obtient le résultat suivant:
Image

Pour le texte qui est mal enligné et tout c'est pas le problème, en fait c'est que le carré en haut a gauche ne s'emboîte pas avec le reste, ou plutôt le reste ne s'emboîte pas avec le carré...
J'ai vérifié plus de 10 fois mes dimension donc je ne crois pas pouvoir avoir fait la même erreur 10 fois....
Je n'y comprend plus rien....
J'ai tenté de décortiquer... de changer les dimensions ou autre et j'obtient toujours le même résultat!

Quelqu'un à une idée?
Merci beaucoup à celui ou celle qui m'aidera!
Cordialement,
Maxime :cry: