Tracer une ligne valide w3c
dohm
Messages postés
975
Statut
Modérateur
-
Ssylvainsab Messages postés 2892 Statut Modérateur -
Ssylvainsab Messages postés 2892 Statut Modérateur -
Bonjour,
je cherche à tracer une ligne verticale et des lignes horizontales qui soient valide en W3C et j'avoue que je n'y arrive pas !
voila la page dans son état actuel :
http://www.sports-vacances-formation.com/
mon problème est de remplacer les lignes encadrant la table des matières par un équivalent w3c ....
qui a une p'tite idée ?
merci d'avance.
je cherche à tracer une ligne verticale et des lignes horizontales qui soient valide en W3C et j'avoue que je n'y arrive pas !
voila la page dans son état actuel :
http://www.sports-vacances-formation.com/
mon problème est de remplacer les lignes encadrant la table des matières par un équivalent w3c ....
qui a une p'tite idée ?
merci d'avance.
A voir également:
- Tracer une ligne valide w3c
- Ethernet n'a pas de configuration ip valide - Guide
- Partager photos en ligne - Guide
- Mètre en ligne - Guide
- Tracer une adresse mail - Guide
- Formulaire en ligne de meta - Guide
9 réponses
Bonsoir.
Pour les lignes horizontales, tu peux utiliser la balise hr.
Pour les lignes verticales, tu peux utiliser des bordures.
Il me semble que tu utilises déjà des bordures, c'est la meilleure facon je pense.
Est-ce que tu es sur que ce sont les bordures qui rendent ton code invalide ?
Je ne pense pas, car elles sont insérées avec CSS.
Pour les lignes horizontales, tu peux utiliser la balise hr.
Pour les lignes verticales, tu peux utiliser des bordures.
Il me semble que tu utilises déjà des bordures, c'est la meilleure facon je pense.
Est-ce que tu es sur que ce sont les bordures qui rendent ton code invalide ?
Je ne pense pas, car elles sont insérées avec CSS.
Tu peux facilement définir des bordures seulement en haut, en bas, à gauche ou a droite ;-)
Haut: border-top
Bas: border-bottom
Gauche: border-left
Droite: border-right
Après, utilises les valeurs normalement, comme avec border tout court ;-)
Par exemple :
border-top:1px solid blue;
border-left:2px dotted red;
Haut: border-top
Bas: border-bottom
Gauche: border-left
Droite: border-right
Après, utilises les valeurs normalement, comme avec border tout court ;-)
Par exemple :
border-top:1px solid blue;
border-left:2px dotted red;
Une bête page html :
(mais non valide ici)
Ca donne ca :
http://ssylvainsab.free.fr/CCM/bordures.html
(mais non valide ici)
<html>
<head>
<style type="text/css">
div{
border-top:1px dotted red;
border-left:4px dashed green;
border-bottom:1em solid brown;
border-right:2px dashed black;}
</style>
</head>
<body>
<div>Admirez les bordures</div>
</body>
</html>
Ca donne ca :
http://ssylvainsab.free.fr/CCM/bordures.html
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
Un exemple qui marche (?) et qui te parlera peut-être un peu plus car basé sur ta page.
Ton souhait de conformité m'a fait ajouter un menu construit par une liste.
Ça ajoute des contraintes et ajustements, mais c'est plus conforme.
+ Les styles sont dans la page.
Un exemple qui marche (?) et qui te parlera peut-être un peu plus car basé sur ta page.
Ton souhait de conformité m'a fait ajouter un menu construit par une liste.
Ça ajoute des contraintes et ajustements, mais c'est plus conforme.
+ Les styles sont dans la page.
salut Gihef :)
J'ai testé ton exemple sous IE 6.0 sous Windows et pas de problèmes majeurs d'affichage.
La seule chose que j'avais remarqué avec IE à propos des bordures est qu'il affiche mal les bordures en pointillés et tirets, nottamment au scroll.
Mais pourquoi est-ce que tu ne peux pas tester tes pages sous IE ?
Tu as Linux ?
a plus
J'ai testé ton exemple sous IE 6.0 sous Windows et pas de problèmes majeurs d'affichage.
La seule chose que j'avais remarqué avec IE à propos des bordures est qu'il affiche mal les bordures en pointillés et tirets, nottamment au scroll.
Mais pourquoi est-ce que tu ne peux pas tester tes pages sous IE ?
Tu as Linux ?
a plus
Salut Ssylvainsab (-:
Non, mais j'aimerais bien.
Ce que mon profil n'indique pas c'est que le seul IE dont je dispose est la version 5.2.3 ©1995-2001
Le problème est qu'il ne sera plus mis à jour et qu'il fonctionne mieux que la version 6 sur PC-IBM… !
Merci pour le test.
Non, mais j'aimerais bien.
Ce que mon profil n'indique pas c'est que le seul IE dont je dispose est la version 5.2.3 ©1995-2001
Le problème est qu'il ne sera plus mis à jour et qu'il fonctionne mieux que la version 6 sur PC-IBM… !
Merci pour le test.
zalez me prendre pour le relou que je suis mais j'arrive pas à appliquer ça sur une seule cellule et non pas sur tout le tableau ...
alors à moins de créer des tableaux bidons ... je ne vois pas comment faire.
alors à moins de créer des tableaux bidons ... je ne vois pas comment faire.
Salut dohm.
J'imagine que tu as essayé ca :
table{border:1px solid black}
(ou quelque chose dans le genre)
Sachant que les cellules d'un tableau sont les balises td ou th, utilises :
td,th{border:ton style...}
J'imagine que tu as essayé ca :
table{border:1px solid black}
(ou quelque chose dans le genre)
Sachant que les cellules d'un tableau sont les balises td ou th, utilises :
td,th{border:ton style...}
A ce moment là, utilises des class et des id pour tes cellules.
Ce sont des attributs qui te permettent d'accéder a un ou plusieurs éléments en CSS.
Si tu utilises :
<td class="truc">
dans le code html, le code CSS sera :
.truc{...}
Avec l'attribut id, c'est un dièze :
#truc{...}
Un id ne doit être utilisé qu'une seule fois dans une page, alors qu'on peut utiliser plusieurs fois une classe.
Ce sont des attributs qui te permettent d'accéder a un ou plusieurs éléments en CSS.
Si tu utilises :
<td class="truc">
dans le code html, le code CSS sera :
.truc{...}
Avec l'attribut id, c'est un dièze :
#truc{...}
Un id ne doit être utilisé qu'une seule fois dans une page, alors qu'on peut utiliser plusieurs fois une classe.
pour le moment, je triche en forçant la largeur de mes cellules (ce qui n'est pas apprécié par le w3c). je fais des cellules d'1px replies de la couleur de la bordure que je veux obtenir.
quand aux lignes <hr>, je n'arrive pas à les positionner correctement en bas de ma cellule.