Validation CSS

pingu · Message par **pingu** » 12 juil. 2004, 20:24

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;
}

bobo · Message par **bobo** » 12 juil. 2004, 21:02

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 :

Code : Tout sélectionner

font-family: Arial, sans-serif;

pingu · Message par **pingu** » 12 juil. 2004, 23:05

Merci bcp bobo de ta réponse

pingu · Message par **pingu** » 13 juil. 2004, 00:12

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

jv2759 · Message par **jv2759** » 13 juil. 2004, 00:20

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;)

pingu · Message par **pingu** » 13 juil. 2004, 00:29

youhou ca marche nikel ac em

Merci et bonne appetit

jv2759 · Message par **jv2759** » 13 juil. 2004, 00:36

je crois que c'est margin l'equivalent, essais...

pingu · Message par **pingu** » 13 juil. 2004, 00:46

Ca fait rien du tout... Que je mette

Code : Tout sélectionner

margin: 50px 50px 50px 10px;

ou

Code : Tout sélectionner

margin: 2px 3px 4px 5px;

Le tableau reste le même

jv2759 · Message par **jv2759** » 13 juil. 2004, 00:49

En y repensant margin indique les marge exterieur. Donc il faudrait plutot l'appliquer au contenut, plutot qu'au tableaux...

jv2759 · Message par **jv2759** » 13 juil. 2004, 00:50

Je vien de trouver :

border-spacing

pingu · Message par **pingu** » 13 juil. 2004, 00:57

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>

pingu · Message par **pingu** » 13 juil. 2004, 00:59

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

Monique · Message par **Monique** » 13 juil. 2004, 01:14

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.

jv2759 · Message par **jv2759** » 13 juil. 2004, 01:18

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>

pingu · Message par **pingu** » 13 juil. 2004, 01:37

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

Geckozone

Validation CSS

Validation CSS

Re: Validation CSS

Qui est en ligne ?