Sujets similaires

Sujet: [Orange] Demande pour Basil H. ~ CSS Sam 02 Jan 2010, 14:16

Bonjour bonjour ! Smile

Alors je poste une demande de niveau en CSS, bah ... Pour connaître mon niveau x)

Expérience en codage :

Logiciel utilisé pour coder :

Évaluation:

Folio codage :

https://css-actif.forumactif.org/liens-f4/soulignement-des-liens-en-tirets-t994.htm
https://css-actif.forumactif.org/liens-f4/enlever-le-soulignement-d-absolument-tous-les-liens-t1338.htm
https://css-actif.forumactif.org/fond-f7/cadre-autour-du-fond-du-forum-t944.htm#9882
https://css-actif.forumactif.org/texte-f5/pour-faire-des-beaux-titres-de-sous-forums-t1040.htm
Bon après y a mon forum en construction, j'espère que ça ne fait pas trop "pub": http://rpg-world.forum-actif.net/index.htm

Auto-évaluation du niveau:

Voilà tout ! Smile

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 09:17

Bonjour Basil,

J'ai un test CSS pour toi qui te demandera un minimum de compréhension du HTML (nécessaire pour coder le CSS).

Tu devras créer le CSS pour que le tableau HTML suivant:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style></head>

<body>
<table width="400" height="300" border="0" cellspacing="5" cellpadding="0" class="basil-table">
<tr>
<td height="150" align="center" class="basil-cell1">basil-cell1</td>
<td height="150" class="basil-cell2" align="center">basil-cell2</td>
</tr>
<tr>
<td height="150" class="basil-cell3" align="center">basil-cell3</td>
<td height="150" class="basil-cell4" align="center">basil-cell4</td>
</tr>
</table>
</body>
</html>

Ressemble à ceci:

[Orange] Demande pour Basil H. ~ CSS 9855tesbasil

Tu peux changer uniquement le CSS en remplaçant la phrase: "CODE CSS ICI !!!", tu peux (et tu dois) utilisé les classes CSS. J'ai d'ailleurs indiqué le nom des classes dans les cellules et la classe pour le tableau en entier est basil-table.

Ton niveau sera basé sur les résultat du test et sur les preuves que tu m'as apportés.

Bonne chance Bravo !

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 12:40

Merci bien, je m'en occuperai dans quelques jours. Smile

(je n'ai pas le temps actuellement)

Bonne soirée, Smile

Basil Hawkins.

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 15:53

Bon bah en fait j'ai eu le temps de le faire. Donc y a deux petits problèmes (au visuel hein, après je sais pas pour les codes).

Voir le résultat

Donc j'ai pas réussi à trouver la police que tu as utilisé ce qui fait qu'il y a un petit décalage avec le tout. Ah oui et je ne sais pas non plus comment tu as fait pour donner une couleur aux coins :s

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 16:02

Bravo ! Sur mon navigateur, les deux résultats sont presque exactement les mêmes. Mais, avant, de te rendre ton résultat. J'ai deux questions.

À quoi sert ceci ?

Code:: .cell {
border: 5px #FF0000 solid;
}

Je me le demande, car il n'y a même pas la classe cell dans le HTML.

Ensuite, à quoi servent ses propriétés ?

Code:: -webkit-border-radius-topright: 20px;
-webkit-border-radius-topleft: 20px;
-webkit-border-radius-bottomright: 15px;
-webkit-border-radius-bottomleft: 15px;

et en quoi sont-elles différentes de

Code:: -moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 16:06

Oups le cell n'a rien à voir c'est un truc que j'ai oublié d'enlever

Et pour webkit je ne connaissais pas auparavant mais cela permet à Google Chrome et d'autres navigateurs d'afficher les coins arrondis, sinon cela ne se fait que sur Firefox Smile

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 16:20

Bravo, c'était une question piège Wink

. J'ai presque crut que tu avais fouillé la source de CSSActif Suspect

.

J'évaluais cette exercice à un niveau de 15 sur 20, je t'accordes un point boni pour l'utilisation la compatibilité Chrome et Safari, mais je retire deux points pour la "lourdeur" de ton code. Il aurait été plus rapide d'écrire et d'exécuter ceci:

Code:: -moz-border-radius: 20px;
-webkit-border-radius: 20px;

à la place de:

Code:: -moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;

et ceci:

Code:: border: 20px solid #0000FF;

que ceci:

Code:: border-top: 20px solid #0000FF;
border-left: 20px solid #0000FF;
border-bottom: 18px solid #0000FF;
border-right: 18px solid #0000FF;

La classe ajoutée entre aussi dans ce critère Wink

.

Je laisse une certaine marge d'erreur pour les tailles en pixels. Il n'y a pas grand différence entre 18 et 20px. Personnellement, tout était de 20px coins arrondis et bordure (sauf celles des cellules).

Ce qui nous amène à 14/20 pour le niveau CSS.
Selon les preuves que tu m'as donné, j'en conclu que tes spécialités sont:
- Utilisation/mise en place des bordures

Voilà, tu peux aller faire ta demande de Carte de Codage à moins que tu veuilles demandé un ré-évaluation.

Sujet: Re: [Orange] Demande pour Basil H. ~ CSS Lun 04 Jan 2010, 16:24

Hello,

D'accord, mais je pensais que c'était de taille différente (oui le truc bien vicieux

)
D'ailleurs c'était pour ça que c'était si long ^^'
De toute façon pas de problème, 14 me convient bien Smile

Bon bah pour moi c'est bon, je vais donc faire ma demande. Smile

[Orange] Demande pour Basil H. ~ CSS

[Orange] Demande pour Basil H. ~ CSS

Sujets similaires

Sujets similaires

Partenaires Or