[HTML] Tableau pbl bordure et fusion des cellules

Version imprimable

Bonjour,

Je suis nouvelle sur ce forum et un peu paumée >__>

Je suis en train de me prendre la tête depuis quelques jours sur un tableau que je n'arrive pas à mettre en forme comme je le souhaiterais. Je crois que mes connaissances en html ou css ne sont pas suffisantes.

Ce que je voudrais adapter en tableau :

http://www.reussirvosencheres.com/tableau.gif

J'ai essayé le css mais où c'est la bordure qui ne marcche pas ou c'est la fusion des cellules (un écart reste entre chaque).

J'ai également essayé le code html suivant (les couleurs sont pas bonnes) :
Code:

1 2 3 4 5 6 7 <table width="100%"> <tr> <td style="border-left: 1px solid rgb(140,90,156); border-top: 1px solid rgb(140,90,156); border-right: 1px solid rgb(140,90,156); border-bottom: 1px solid rgb(140,90,156);"> </td></tr> <tr> <td style="border-left: 1px solid rgb(140,90,156); border-top: 1px solid rgb(140,90,156); border-right: 1px solid rgb(140,90,156); border-bottom: 1px solid rgb(140,90,156);"> </td> </tr> </table>
mais il reste un écart entre des cellules qui devraient être collées.

J'ai essayé tout un tas de trucs trouvé sur des pages web mais ca ne se met en place comme je le voudrais.

Est-ce que quelqu'un peut m'aider ? Merci par avance !
Angélique.

Salut,

Voici une solution avec les tableaux, il suffit de mettre cellpadding et cellspacing à 0
Code:

1 2 3 4 5 6 7 8 <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="border:1px solid rgb(140,90,156);"> </td> </tr> <tr> <td style="border:1px solid rgb(140,90,156);"> </td> </tr> </table>
Une autre solution serait d'utiliser des div
Code:

1 2 <div style="border:1px solid rgb(140,90,156);"> </div> <div style="border:1px solid rgb(140,90,156);"> </div>
Tu vas vite opter pour la situation du tout css, même si c'est chiant quelque fois à mettre en place, c'est beaucoup plus simple à maintenir, plus propre, plus puissant

Bon courage

03/08/2006, 15h16
Epistoliere

Bonjour Tuxout,

Merci de ta réponse.

Je vais essayer ça !

Le tout css ? un fichier .css séparé c'est ça ? Mon html date de 1998, et je vois que cela a pas mal évolué depuis ! Va falloir que je m'adapte >__>
03/08/2006, 15h21
tuxout

Héhé, tu viens de me faire appercevoir d'une erreur ds mon langage d'informaticien ;)
Oui le fichier css toujours propre et pratique, et le tout div plutôt que les anciens tableaux.
03/08/2006, 15h48
Epistoliere

Merci de tes réponses mais le résultat des deux possibilités donne un chevauchement des bordures entre les deux cellules. Il n'est pas possible d'avoir une bordure=1 seulement à l'intersection des deux ?

J'ai trouvé une solution en mettant :
Code:

1 2 3 4 5 6 7 8 9 10 <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="border:1px solid rgb(140,90,156);"> </td> </tr> <tr> <td style="border-left: 1px solid rgb(140,90,156); border-right: 1px solid rgb(140,90,156); border-bottom: 1px solid rgb(140,90,156);"> </td> </tr> </table>
Néanmoins je ne trouve pas mon code très propre comme ça (je trouve ça un peu tiré par les cheveux !). Est-ce que les div sont mieux ? Qu'elqu'un a-t-il un autre conseil ? Meric par avance.