Page 1 sur 3
Validation CSS
Publié : 12 juil. 2004, 20:24
par pingu
Bonjour à tous
Voilà je me suis mis a la validation de mes pages web! ( pas de la tarte )
En html ça va ms en CSS j'y connais pas gd chose...
Quelqu'un pourait m'aider?
Merci d'avance
============================================
Le validateur me dit :
Code : Tout sélectionner
Pour fonctionner comme prévu, votre feuille de style CSS doit avoir un arbre grammatical correct, cela implique que vous devriez utiliser de le validateur d'HTML.
Pq il me dis ça? C'est du CSS que j'utilise. C'est quoi cette arbre gramatical correct?
============================================
Puis
Code : Tout sélectionner
Line : 0 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
C'est quoi une famille générique?
============================================
Le code de mon CSS
Code : Tout sélectionner
@charset "iso-8859-1";
TD {border: none; color: #000000; font-family: Arial; font-size: 9pt}
BODY {FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF}
A:link {COLOR: #891F1F; TEXT-DECORATION: none}
A:visited {COLOR: #891F1F; TEXT-DECORATION: none}
A:hover {COLOR: #891F1F; TEXT-DECORATION: none}
.littlefont TD {FONT-SIZE: 8pt}
.disco TD {BORDER: 1px solid #505050; FONT-SIZE: 8pt}
.titre TD {BORDER: 1px solid #505050; COLOR: #505050}
.intro TD {border: solid 1px #c0c0c0; background-color: #000000; color: #c0c0c0}
.table TD {BORDER: 1px solid #000000}
.groupes {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #7A7A7A;
border-right-color: #7A7A7A;
}
.news1 {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
background-color: #000000;
color: #FFFFFF;
}
.news2 {
padding: 4px 4px 4px 4px;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dashed;
border-bottom-style: dashed;
border-left-style: dashed;
border-bottom-color: #000000;
border-left-color: #000000;
}
.news3 {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
background-color: #000000;
}
.news4 {
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #000000;
}
Re: Validation CSS
Publié : 12 juil. 2004, 21:02
par bobo
pingu a écrit :Le validateur me dit :
Code : Tout sélectionner
Pour fonctionner comme prévu, votre feuille de style CSS doit avoir un arbre grammatical correct, cela implique que vous devriez utiliser de le validateur d'HTML.
Pq il me dis ça? C'est du CSS que j'utilise. C'est quoi cette arbre gramatical correct?
Il dit juste que pour que ta CSS marche correctement, il faut que le HTML qui l'utilise soit correct lui aussi.
pingu a écrit :Puis
Code : Tout sélectionner
Line : 0 font-family: Vous êtes encouragés à proposer une famille générique comme dernier choix
C'est quoi une famille générique?
Une famille générique c'est au choix :
- serif : police à empattement come Times
- sans-serif : police sans empattement come Arial
- cursive : police d'apparence manuscripte
- fantasy : police atypique
- fixed : police à chasse fixe comme Courier
Ça sert à donner une idée générale de la police que tu veux utiliser si jamais elle n'est pas disponible.
Dans ton cas, ça donnerait :
Publié : 12 juil. 2004, 23:05
par pingu
Merci bcp bobo de ta réponse
Publié : 13 juil. 2004, 00:12
par pingu
Je refait un peu mon CSS et j'ai encore une chtite question, enfin deux...
Question 1:
Je sais que cellpadding = padding en CSS ms j'ai pas trouver l'égal de cellpacing. Il existe?
Question 2:
Existe t'il qq chose entre small et x-small? Pcq small c'est trop gd et x-small trop petit... J'ai entendu que mettre des px c'été embétant si la personne visitant le site voulait changer la taille.
Bonne nuit à tous ce qui dorme déjà.
Publié : 13 juil. 2004, 00:20
par jv2759
pingu a écrit :Je refait un peu mon CSS et j'ai encore une chtite question, enfin deux...
Question 1:
Je sais que cellpadding = padding en CSS ms j'ai pas trouver l'égal de cellpacing. Il existe?
Question 2:
Existe t'il qq chose entre small et x-small? Pcq small c'est trop gd et x-small trop petit... J'ai entendu que mettre des px c'été embétant si la personne visitant le site voulait changer la taille.
Bonne nuit à tous ce qui dorme déjà.
pour la deusiéme question je crois que tu peux utilise em qui est si j'ai comprit une sorte de pourcentage.
0.8em corespondrait à 80% de la taille normale...
pour la premiére j'essais de regarder quand j'ai finit de manger;)
Publié : 13 juil. 2004, 00:29
par pingu
youhou ca marche nikel ac em
Merci et bonne appetit
Publié : 13 juil. 2004, 00:36
par jv2759
je crois que c'est margin l'equivalent, essais...
Publié : 13 juil. 2004, 00:46
par pingu
Ca fait rien du tout... Que je mette
ou
Le tableau reste le même
Publié : 13 juil. 2004, 00:49
par jv2759
En y repensant margin indique les marge exterieur. Donc il faudrait plutot l'appliquer au contenut, plutot qu'au tableaux...
Publié : 13 juil. 2004, 00:50
par jv2759
Je vien de trouver :
border-spacing
Publié : 13 juil. 2004, 00:57
par pingu
Marche pas, je vais p-e mieux expliquer mon problème...
J'ai mis ceci ds mon CSS :
Code : Tout sélectionner
.cdtable TD {
border: 1px solid #7A7A7A;
padding: 5px 5px 5px 5px;
border-spacing: 10px 10px 10px 10px;
}
et ceci ds ma page :
Code : Tout sélectionner
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="125" valign="top">
<? include("../menu/groupes2.php") ?>
</td>
<td valign="top">
<!-- corps -->
<table class="cdtable" width="100%">
<tr>
<td align="center" width="250">
<img src="images/farrago_b.jpg" border="0" alt="">
<br>
<a href=".../download.php">Télécharger des titres</a>
</td>
<td>
01. Posology target
<br>
02. Paper kids
<br>
03. Where is my war ?
<br>
04. In greed
<br>
05. Quand les monuments s'éteignent
<br>
</td>
<td width="40" align="center">
3 : 08
<br>
3 : 08
<br>
2 : 50
<br>
3 : 05
<br>
6 : 00
<br>
</td>
</tr>
<tr>
<td>Date de sortie: 2003</td>
<td>Producteur: </td>
</tr>
</table>
Publié : 13 juil. 2004, 00:59
par pingu
j'ai mis trop de code pour le tableau. Le tableau c'est :
Code : Tout sélectionner
<table class="cdtable" width="100%">
<tr>
<td align="center" width="250">
<img src="images/farrago_b.jpg" border="0" alt="">
<br>
<a href=".../download.php">Télécharger des titres</a>
</td>
<td>
01. Posology target
<br>
02. Paper kids
<br>
03. Where is my war ?
<br>
04. In greed
<br>
05. Quand les monuments s'éteignent
<br>
</td>
<td width="40" align="center">
3 : 08
<br>
3 : 08
<br>
2 : 50
<br>
3 : 05
<br>
6 : 00
<br>
</td>
</tr>
<tr>
<td>Date de sortie: 2003</td>
<td>Producteur: </td>
</tr>
</table>
PS: je vais m'inscrire pour pouvoir éditer
Publié : 13 juil. 2004, 01:14
par Monique
Bonjour pingu,
Pour bien comprendre HTML et CSS, je te recommande ces 2 sites :
-
Écrire une page Web
-
CSS débutant
Ensuite, tu pourras passer à ces 3 sites références :
-
Openweb
-
Alsacreations
-
Pompage.net
La mise en forme des tableaux avec les feuilles de style est un peu plus complexe :
Habillage de tableaux avec des CSS
Je ne crois pas qu'il existe un équivalent à cellpacing en CSS.
C'est un peu logique... un tableau est destiné à présenter des séries de données, pas à faire de la mise en page. Et dans ce cas, l'espacement entre les cellules ne se justifie pas.
Publié : 13 juil. 2004, 01:18
par jv2759
J'ai trouver pourquoi il ne marche pas. En fait tu ne peux définir que deux valeur et non pas 4. La premiére c'est l'espace horizontal et le second c'est l'espace verticale
border-spacing: 10px 5px;
je te met ce que j'ai fait :
Code : Tout sélectionner
<style>
.cdtable {
border-spacing: 10px 5px;
}
TD {
border: 1px solid #7A7A7A;
padding: 5px 5px 5px 5px;
}
</style>
<table class=tableaux >
<tr>
<td width="125" valign="top">
<? include("../menu/groupes2.php") ?>
</td>
<td valign="top">
<!-- corps -->
<table class="cdtable" width="100%">
<tr>
<td align="center" width="250">
<img src="images/farrago_b.jpg" border="0" alt="">
<br>
<a href=".../download.php">Télécharger des titres</a>
</td>
<td>
01. Posology target
<br>
02. Paper kids
<br>
03. Where is my war ?
<br>
04. In greed
<br>
05. Quand les monuments s'éteignent
<br>
</td>
<td width="40" align="center">
3 : 08
<br>
3 : 08
<br>
2 : 50
<br>
3 : 05
<br>
6 : 00
<br>
</td>
</tr>
<tr>
<td>Date de sortie: 2003</td>
<td>Producteur: </td>
</tr>
</table>
Publié : 13 juil. 2004, 01:37
par pingu
Merci Monique pour la doc
http://www.yoyodesign.org/doc/w3c/css2/cover.html est très bien aussi.
Merci jv2759 ca marche du tonnerre! Merci de ta patience à une heure si tardive
Amis du soir, Bonsoir
