Tracer une ligne valide w3c
Fermé
dohm
Messages postés
975
Date d'inscription
samedi 1 mars 2003
Statut
Modérateur
Dernière intervention
13 avril 2010
-
27 déc. 2006 à 01:34
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 29 déc. 2006 à 01:27
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 29 déc. 2006 à 01:27
A voir également:
- Tracer une ligne valide w3c
- Ethernet n'a pas de configuration ip valide - Guide
- Hors ligne instagram - Guide
- Aller à la ligne excel - Guide
- Vente en ligne particulier - Guide
- Partage de photos en ligne - Guide
9 réponses
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
27 déc. 2006 à 02:10
27 déc. 2006 à 02:10
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.
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
27 déc. 2006 à 13:48
27 déc. 2006 à 13:48
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;
dohm
Messages postés
975
Date d'inscription
samedi 1 mars 2003
Statut
Modérateur
Dernière intervention
13 avril 2010
67
27 déc. 2006 à 20:24
27 déc. 2006 à 20:24
vi,
ça c'est la théorie mais j'ai pas réussi à le faire marcher ... T'as un exemple qui marche ?
ça c'est la théorie mais j'ai pas réussi à le faire marcher ... T'as un exemple qui marche ?
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
27 déc. 2006 à 21:15
27 déc. 2006 à 21:15
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
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
28 déc. 2006 à 01:04
28 déc. 2006 à 01:04
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.
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
28 déc. 2006 à 02:43
28 déc. 2006 à 02:43
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
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
28 déc. 2006 à 17:09
28 déc. 2006 à 17:09
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.
dohm
Messages postés
975
Date d'inscription
samedi 1 mars 2003
Statut
Modérateur
Dernière intervention
13 avril 2010
67
28 déc. 2006 à 17:20
28 déc. 2006 à 17:20
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.
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
28 déc. 2006 à 17:53
28 déc. 2006 à 17:53
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...}
dohm
Messages postés
975
Date d'inscription
samedi 1 mars 2003
Statut
Modérateur
Dernière intervention
13 avril 2010
67
29 déc. 2006 à 00:55
29 déc. 2006 à 00:55
là, où ça devient sioux, c'est que je ne veux pas que chaque cellule ait le même comportement ... et je n'arrive pas à appliquer des styles différents .
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
29 déc. 2006 à 01:27
29 déc. 2006 à 01:27
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.
27 déc. 2006 à 10:42
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.