Bonsoir à tous,

J'aimerais bien y arriver à là mais comment on s'y prend ?



A tout l'heure mes chers amis...


(au passage, je cherche un bon connaisseur en html et css pour êtr eà mon côté à travers de la construction d'un très joli design... j'en ai dans l'imagination)

alors c'est tout simple
au lieu de définir tout la bordure d'un seul coup avec un :

tu définis chaque bordure séparement:


voila c'est tout, apres bien sur tu peux t'amuser à mettre une bordure de 2px a gauche en pointillé a droite enfin bref, chaque bordure devient indépendante

ensuite pour appliquer ca à une div, ben rien de plus simple tu créé une classe avec les attributs ci-dessus et tu l'appliques à ta div, et le tour est joué

Merci pour ces réponses...

Mais elles ne répondent pas à mes attentes

Voici le screen des 2 tableaux différent (le premier correspond à la premiere solution et la 2 ème à la 2 eme solution)



Ce que j'attendais c'est d'avoir des bouts qui dépassent

Revoir l'image 1

Il suffit de placer une image à droite de ta div, un padding interne pour que ton texte ne se voit pas après le trait vertical de droite, et une image de fond qui commence par ce trait vertical, mais qui reste sans fin.

Tu simuleras ainsi l'extensibilité de ta div.

Cherche sur google : div redimensionnable horizontalement.

Tu trouveras les réponses précises à tes question.

Je ne comprends pas trop de ta réponse et d'autre côté je tente avec notre meilleur ami...

Si tu connais à l'avance les dimensions de ta div, tu peux aussi juste mettre une image de fond et gerer l'emplacement du texte entre les lignes avec du padding (marges intérieures)

D'après ce que j'ai pu voir, ma solution t'apportes ce que tu voulais !
Après, tu peux supprimer les textes, augmenter la cellule centrale, tout ça... les bouts dépassent, j'ai juste mis du texte pour que tu puisses mieux t'y retrouver, mais si tu fais

ça fait la même chose que toi.

en effet... je n'avais pas fait gaffe aux 'tis traits qui dépassaient de chaque coté
la solution de Loufute marche impec' je l'ai déjà utilisée, par contre c'est en HTML... après si tu veux le faire en xHTML tu vas devoir te battre avec de div flottantes dans tous les sens...
la meilleure solution reste je pense une image de fond et réglé le padding (marge interne) qui évitera à ton texte de venir empiéter sur ta bordure

Et de toute manière le code que tu produits est vraiment sale... les tableaux ne sont pas faits pour des éléments graphiques...

tu devrais revoir ça si un jour tu veux avoir du code valide...