Discussion :

[Epistoliere]

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 :



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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);">&nbsp;</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);">&nbsp;</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.

[tuxout]

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);">&nbsp;</td>
</tr>
<tr>
<td style="border:1px solid rgb(140,90,156);">&nbsp;</td>
</tr>
</table>

Une autre solution serait d'utiliser des div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div style="border:1px solid  rgb(140,90,156);">&nbsp;</div>
<div style="border:1px solid  rgb(140,90,156);">&nbsp;</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

[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 >__>

[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.

[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 ?

[Epistoliere]

J'ai trouvé une solution en mettant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);">&nbsp;</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);">&nbsp;</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.