Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Incontournables XHTML / CSS :

Auteur Pages : [>]
Raphael
# 20 Feb 2005 - 21:29:04
Mangez des kiwiz !
Administrateur
10445 Posts
Voici donc les Résultats du Concours 2 d'Alsa.

Merci aux 20 participants.

Avant de révéler le classement final, voici les 5 réponses et la subsidiaire (pour information, personne n'a réuni les 5 réponses justes) :

______________
Question 1 :

Lime= rgb(0,255,0) ou rgb(0%, 100%, 0%) ou #00ff00 ou #0f0

Selon le W3C, la notation hexadécimale est aussi une notation RGB.
-> http://www.yoyodesign.org/doc/w3c/css2/syndata.html#color-units

______________
Question 2 : 13 erreurs (selon les façons de compter)

- il manque un doctype ... eh oui, il y'avait un petit piège smile
- il manque l'élément <html> smile
- il manque l'élément <head> smile
- il manque l'élément <title> smile
- <img> (balise inline) directement dans le body
- l'élément img n'est pas fermé (il manque un / avant le >)
- il y a deux double-quotes fermants le <div class="test2"">
- le paragraphe n'est pas fermé
- un <div> dans un <p> pas valide, <p> ne peut recevoir que du inline
- le même paragraphe a une classe dont le nom commence par un chiffre (cet oubli a été fréquent)
- texte (" Et en voici la preuve par trois") directement dans le body
- le <h2> est dans le <ol> (<ol> ne peut contenir directement que des éléments de liste)
- le <div>Et voilà !</div> est dans le <ol> (<ol> ne peut contenir directement que des éléments de liste)

Le reste n'est pas sanctionnable (par exemple <b> est valide XHTML strict, et <li> peut contenir des <div> ou autres blocs, et les valeurs width et height sont autorisées dans les images, etc.)
______________
Question 3 :

IE ne reconnaissant que l'état de survol pour un élément <a>, le "a:hover span" ne peut pas fonctionner si, préalablement n'est pas fait explicitement mention de la déclaration de l'état de survol "a:hover".

Le problème se résoud par exemple avec :
a:hover{display: inline;} ou a:hover{background: none;}
______________
Question 4 :

7 "balises" n'existent pas dans les langages HTML et XHTML :

<align> ("align" existe en tant qu'attribut mais pas comme balise)
<type> ("type" existe en tant qu'attribut mais pas comme balise)
<ismap>
<adress> (la bonne balise est "address")
<dnf> (la bonne balise est "dfn")
<isframe>
<noframe> (la bonne balise est "noframes")

Attention, <menu> est une balise ayant existé
______________
Question 5 :

html, body {
margin: 0;
padding: 0;
height: 100%
}

Il fallait non-seulement appliquer une hauteur 100% à body et html, mais aussi supprimer leurs marges (margin + padding), sinon le div ne prendra pas toute la hauteur.
______________
Question subsidiaire :

22 janvier 2005

Il suffisait de trouver le membre numéro 800, grâce à l'url d'un autre :
http://forum.alsacreations.com/profile.php?mid=800 Certains ont vite compris la combine smile

Modifié par Raphael (20 Feb 2005 - 21:30)

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
Julien L
# 20 Feb 2005 - 21:31:43
Ecoutes ton browser !
507 Posts
Vite les résultats Raphaël ! J'ai pas participé mais co participé...

Tout ce qui n'est pas fond est forme !!

http://lavieenrosedejulio.com/pro 
^
Raphael
# 20 Feb 2005 - 21:48:08
Mangez des kiwiz !
Administrateur
10445 Posts
Classement du concours :

1- Joss (4 réponses justes : 1, 3, 4 et 5 + subsidiaire)
2- HoPHP (4 réponses justes : 1, 2, 3 et 5)
3ex- Country (3 réponses justes : 1, 3 et 4 + subsidiaire)
3ex- Tchou (3 réponses justes : 1, 3 et 4 + subsidiaire)
3ex- raph (3 réponses justes : 1, 3 et 4 + subsidiaire)
3ex- Oberon (3 réponses justes : 1, 3 et 4 + subsidiaire)
3ex- Eman73 (3 réponses justes : 1, 3 et 4 + subsidiaire)
8ex- Mee2 (3 réponses justes : 1, 3 et 4)
8ex- doomer (3 réponses justes : 1, 3 et 4)
10ex- an.archi (2 réponses justes : 1 et 3 + subsidiaire)
10ex- Havrest (2 réponses justes : 1 et 3 + subsidiaire)
12ex- jpv (2 réponses justes : 1 et 3)
12ex- Grifol (2 réponses justes : 1 et 3)
12ex- cruz (2 réponses justes : 1 et 3)
12ex- mplessis (2 réponses justes : 1 et 3)
16ex- yeca (1 réponse juste : 1 + subsidiaire)
16ex- Vero (1 réponse juste : 1 + subsidiaire)
18ex- lolotlm (1 réponse juste : 3)
18ex-Osiris1426 (1 réponse juste : 1)
18ex-guizmo (1 réponse juste : 1) + palme du chipotage cligne


PS : pour les insatisfaits, merci d'adresser vos insultes et tomates ici : spam@dew.com

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
doomer
# 20 Feb 2005 - 21:58:02
562 Posts
Pour la question 5 :

Ce code n'était pas valide :

html, body {
margin: 0;
padding: 0;
height: 100%
}
decu

Dommage, j'aurais pu apparaître dans le top 5 avec celle-ci.

http://www.kiveo.com msn 
^
Raphael
# 20 Feb 2005 - 22:09:26
Mangez des kiwiz !
Administrateur
10445 Posts
doomer a écrit :
Pour la question 5 :

Ce code n'était pas valide :

html, body {
margin: 0;
padding: 0;
height: 100%
}

Si, ce code est valide, mais le tien était :
html,body {margin:0;padding:0;max-height:100%;}


La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
doomer
# 20 Feb 2005 - 22:11:28
562 Posts
Ok pardon, j'ai fait une erreur de copier coller d'une ancienne version de mes tests. Mea Culpa.

langue

http://www.kiveo.com msn 
^
an.archi
# 20 Feb 2005 - 22:57:33
trois petits points
95 Posts
'tain c'est con, mais je me suis dit que vu que tu spécifiais le doctype dans la question 2, il était implicite que tout le début d'un balisage courant existait malgré tout.

Ça n'aurait rien changé sur le résultat, mais pour la forme, je râle... :o)

http://www.arkhi.org/ 
^
Raphael
# 20 Feb 2005 - 23:07:04
Mangez des kiwiz !
Administrateur
10445 Posts
an.archi a écrit :

Ça n'aurait rien changé sur le résultat, mais pour la forme, je râle... :o)

Spice de râleur.
De toute façon tu n'avais pas mentionné l'erreur de la classe qui commence par un chiffre cligne

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
gizmo
# 20 Feb 2005 - 23:07:26
Attention, internaute méchant.
88 Posts
Raphael a écrit :
Classement du concours :
18ex-guizmo (1 réponse juste : 1) + palme du chipotage cligne
PS : pour les insatisfaits, merci d'adresser vos insultes et tomates ici : spam@dew.com


Je m'insurge contre l'écriture incorrecte de mon pseudonyme.
lol
Sinon, pour le chipotage, ca doit être mon côté prof qui reivient un peu à la charge cligne

http://blog.hubaut.info 
^
Raphael
# 20 Feb 2005 - 23:10:22
Mangez des kiwiz !
Administrateur
10445 Posts
Au fait, et avec sa permission, j'aimerais afficher les réponses proposées par Gizmo qui méritent à être méditées (je ferai plus attention à mes énoncés la prochaine fois) :
Gizmo a écrit :

1° lime = 00FF00 en hexa RGB

2° Une solution:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"" xml:lang="fr" lang="fr">
<head>
<title>concour 2</title>
</head>
<body>
<div>
<img alt="logo société" src="images/logo1.png" width="50px" height="30" />
</div>
<h1>Un titre <em><b>joli</b></em></h1>
<p class="2test"><span id="test1">Un paragraphe</span> <span class="test2">très spécial</span>
Et en voici la preuve par trois :</p>
<h2>Preuve :</h2>
<ol>
<li>première raison</li>
<li>deuxième raison <div>importante</div></li>
<li>troisième raison</li>
</ol>
<div>Et voilà !</div>
</body>
</html>

A envoyer avec le bon type MIME, soit application/xhtml+xml

Faux : on ne demandait pas une correction mais un nombre d'erreurs et des explications

3° La question n'utilise pas une des spécifications HTML, la balise <a> étant utilisée seule comme code. Il ne s'agit pas non plus de xml vu qu'il n'y a aucun prologue (auquel il faudrait ajouter un dtd ou xsd pour être rigoureux). Il est donc impossible de savoir comment doit réagir un visualiseur (et non un browser, destiné à recevoir du (x)html/xml) dans ce cas de figure. Tout au mieux, les browsers utiliseront un mode quirck qui dépend d'une version à l'autre de ceux-ci et est non documenté.

Faux : chipotage, on n'a pas dit que le code était complet, d'ailleurs la façon de le présenter (html puis css) le prouve

4° Vu qu'il n'est pas précisé si la question porte sur du html, du xml, du sgml ou un autre langage, on peut raisonnablement estimer que toutes ces balises existent dans un langage.

Faux : toutes ces balises n'existent pas dans aucun des langages cités. Xml étant bien évidemment impossible à prendre en compte, sinon il n'y aurait plus de question.

5° cf réponse 3. Faux, chipotationnage !!!

Question subsidiaire: le jour où le 800ème membre s'est inscrit :o
Faux

Modifié par Raphael (20 Feb 2005 - 23:10)

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
Vero
# 20 Feb 2005 - 23:43:02
Entre kiwiz et css
Modérateur
2059 Posts
Bon, et bien je me suis faîte piégée sur la question 2, c'est vrai que je pensais qu'il s'agissait de vérifier le bout du code donné (c'était un peu vache ...) Mais l'exercice m'aura permis de tester la validation pour la première fois (il faut un début à tout) et je suis assez contente de moi !

Quant à <dfn> au lieu de <dnf>, je ne ferais aucun commentaire !

Pour le reste, j'ai du boulot !

Bravo aux meilleurs !
Modifié par Vero (21 Feb 2005 - 00:00)

A partir des constantes on peut jouer avec les variables ...
... en s'appuyant sur des règles.

http://www.jusdecitron.net 
^
HoPHP
# 20 Feb 2005 - 23:47:02
xml:lang="fr-CH"
578 Posts
Je ne sais pas trop qu'en penser ! Il a mangé ses normes ?

Rien d'autre à dire, si ce n'est que je vote pour un peu (j'ai dit "un peu") plus de précisions dans les futurs énoncés, on voit bien que certains personnages susceptibles de répondre à ces concours sont dans les normes jusqu'au cou !

@+, HoPHP

P.S. @Vero> J'ai aussi loupé cette balise, aïe. (et j'ai loupé la subsidiaire à deux jours près biggol )
Modifié par HoPHP (20 Feb 2005 - 23:49)

Un Gnou sur la banquise.

http://didier.raboud.com/ msn 
^
Vero
# 20 Feb 2005 - 23:59:54
Entre kiwiz et css
Modérateur
2059 Posts
HoPHP a écrit :

P.S. @Vero> J'ai aussi loupé cette balise, aïe. (et j'ai loupé la subsidiaire à deux jours près biggol )


Oui, c'était pas sympa pour les dyslexiques !
previews/944-tomates.jpg

A partir des constantes on peut jouer avec les variables ...
... en s'appuyant sur des règles.

http://www.jusdecitron.net 
^
oberon
# 21 Feb 2005 - 00:02:19
7 Posts
bon, je m'insurge cligne

Si personne n'a remarqué que la classe commençait par un chiffre, c'est normal car c'est tout à fait valide tant en HTML qu'en XHTML !!!
Ce sont les ID qui n'ont pas le droit de commencer par un chiffre.

^
Raphael
# 21 Feb 2005 - 00:07:53
Mangez des kiwiz !
Administrateur
10445 Posts
oberon a écrit :
bon, je m'insurge cligne

Si personne n'a remarqué que la classe commençait par un chiffre, c'est normal car c'est tout à fait valide tant en HTML qu'en XHTML !!!
Ce sont les ID qui n'ont pas le droit de commencer par un chiffre.

Fichtre, alors voilà un rebondissement de situation intéressant !!!

... bon je m'en vais retourner aux copies et je reviens...

EDIT : http://www.yoyodesign.org/doc/w3c/css2/syndata.html#q4
En CSS2, les identifiants (ainsi que les noms des éléments et ceux des classes et des IDs des sélecteurs) ne peuvent contenir que les caractères parmi [A-Za-z0-9] et ISO 10646 supérieurs à 161, ainsi que le tiret (-) et le souligné (_) ; ils ne peuvent commencer ni par un tiret ni par un chiffre

Modifié par Raphael (21 Feb 2005 - 00:14)

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
Vero
# 21 Feb 2005 - 00:15:28
Entre kiwiz et css
Modérateur
2059 Posts
Non, mais !

A partir des constantes on peut jouer avec les variables ...
... en s'appuyant sur des règles.

http://www.jusdecitron.net 
^
oberon
# 21 Feb 2005 - 00:23:48
7 Posts
oui mais non ! smile

Tu as demandé à ce que le document soit valide en XHTML, il est valide en XHTML d'avoir des classes commençant par un chiffre, ce chiffre devant être échappé dans la feuille de style pour que celle-ci valide :
In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units). To make ".55ft" a valid class, CSS2 requires the first digit to be escaped (".\35 5ft")

http://www.w3.org/TR/CSS21/grammar.html#tokenizer-diffs

^
Raphael
# 21 Feb 2005 - 00:25:48
Mangez des kiwiz !
Administrateur
10445 Posts
oberon a écrit :
oui mais non ! smile

Tu as demandé à ce que le document soit valide en XHTML, il est valide en XHTML d'avoir des classes commençant par un chiffre, ce chiffre devant être échappé dans la feuille de style pour que celle-ci valide :
In CSS1, a class name could start with a digit (".55ft"), unless it was a dimension (".55in"). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units). To make ".55ft" a valid class, CSS2 requires the first digit to be escaped (".\35 5ft")

http://www.w3.org/TR/CSS21/grammar.html#tokenizer-diffs

Hmm, c'est pas du chipotationnage ça ? hein ? Dans le doute, si tu le savais, il fallait le mentionner dans la réponse, non ?
Bon, je regarde tranquilement demain à tête reposée...
Modifié par Raphael (21 Feb 2005 - 00:26)

La FAQ répond à 90% des questions de ce forum. En général, 5 min de recherches suffisent...

http://blog.goetter.fr 
^
oberon
# 21 Feb 2005 - 00:28:42
7 Posts
Chacun son tour de chipoter cligne

^
Joss
# 21 Feb 2005 - 00:39:18
2 Posts
Non mais oh, z'allez pas non plus m'enlever mon titre à coup de chipotage comme ça ? cligne

Merci d'avoir organisé ce concours en tout cas, c'est sympa ce genre de casse têtes smile (je dois être à moitié dérangé moi pour aimer résoudre des pbs de css et d'xhtml pendant mes vacances cligne )

http://www.elbakin.net 
^
Pages : [>]

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 47.4 ms - Charte