| Basil ~ Test pour Lostmindy | |
|
'Christa
Lostmindy
Messages : 2856
| J'veux une carte de codage parce que ça fait cool, je connais pas d'autre moyen de l'avoir, alors let's try it. Expérience en codage : depuis 2003, mais je stagne par manque de temps T.T Logiciel utilisé pour coder : Actuellement, Notepad++ en permanence. J'utilise Dreamweaver quand j'ai besoin de faire des zones cliquables sur les images. Évaluation: [x] CSS [x] HTML Folio codage : Autant jeter un coup d'oeil à mon site PrettyDreams, ça fait des mois que j'y ai pas touché et j'ai appris pas mal de nouveaux trucs en CSS, mais c'est assez représentatif de mes capacités. Auto-évaluation du niveau: 14/20
A noter qu'en bonne webmistress (même si stagnante), je ne suis absolument pas partisane des balises ne respectant pas le W3C, donc ne me parlez pas de défilement, la balise marquee est une balise IE et qui plus est ne respecte pas les règles les plus élémentaires de l'accessibilité ^^ | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Bon allez je m'occupe de toi, tu auras ton test ce soir normalement | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| |
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Désolé de mon retard, je suis rentré très tard vendredi soir, et ce week-end j'ai pas eu le temps de faire grand chose. Mais voici enfin ton test. Tu vas devoir me reproduire en code cette image : Pour t'aider, je vais te dire que le tableau fait en tout 400*300 et que "Cell 4" fait 100*100. Voici le code dont tu devras te servir : - 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>Mon premier test</title> <style type="text/css"> <!-- Code CSS à écrire ici. --> </style></head>
<body> Code HTML à écrire ici. </body> </html> Voilà tout, bonne chance et n'hésite pas à me poser des questions si besoin ! | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Je dois respecter les fantaisies de couleurs et de bordures ? | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Oui si tu y arrives. Sinon si tu n'y arrives pas du tout, dis-le moi et je t'aiderai | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Ton image d'exemple, elle ne fait pas exactement 400x300 U^U - 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>Mon premier test</title> <style type="text/css"> <!-- .tabletest { background:#FFBCCF; /*bordures*/ border-left:yellow 3px solid; border-right:black 3px dashed; border-bottom: #7900CF 5px double; border-top: red 1px dotted; /*coins arrondis firefox */ -moz-border-radius-topleft : 16px; -moz-border-radius-topright : 16px; /*coins arrondis pour chrome, safari, etc... */ -webkit-border-top-left-radius : 10px ; -webkit-border-top-right-radius : 10px; }
.tabletest td { text-align:center; vertical-align:middle; }
.tabletest .borduredroite { border-right:1px solid #000; }
.tabletest .bordurehaute { border-top:1px solid #000; }
--> </style></head>
<body>
<table width="400" height="300" class="tabletest" cellspacing="0" cellpadding="0"> <tr> <td class="borduredroite" width="50">Cell 1</td> <td class="borduredroite" width="50">Cell 2</td> <td class="borduredroite">Cell 3</td> <td width="100" height="100">Cell 4</td> </tr> <tr> <td colspan="2" class="borduredroite bordurehaute">Cell 5</td> <td colspan="2" class="bordurehaute">Cell 6</td> </tr> </table>
</body> </html> Edit :fuckin' oublis >.< | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Eh bien ... Je n'ai presque rien à redire ._. Concernant tes cellules j'ai vu que tu n'avais pas mis la largeur pour toutes, ce que j'avais fait. Ce qui fait qu'il y a un petit décalage. Je ne sais pas quel est la bonne méthode, je ne compterai pas de points en moins. Juste un petit truc concernant les arrondis. J'avais mis tous les arrondis à 15 pixels, mais pourquoi as-tu mis les arrondis de webkit à 10 ? Je ne t'enlèverai pas de points pour les arrondis de firefox car il n'y a pratiquement pas de différence mais je t'en enlève quand même un pour avoir mis 10 au webkit. Eh bien ... Mis à part ça, il n'y a aucune faute. Dooonnc ... Tu as 17/20 (je n'allais pas te mettre un 19 pour savoir faire un tableau ). Tes Compétences sont : - Maîtrise des "class" CSS - Maîtrise de tout type de tableau Tu peux aller faire ta demande de carte de codage Si tu as une quelconque question, je suis là PS: Oui mon image test ne fait pas 400*300 car c'est une capture d'écran u-u | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| La taille des cellules, c'est normal : selon les navigateurs, que tu l'imposes ou non a une influence. Connaissant la fâcheuse tendance d'internet explorer à faire le couillon, j'ai fixé les tailles nécessaires uniquement, le reste s'ajustera en fonction du navigateur.
Pour les 10px de webkit, c'est parce que quand je faisais mes tests successifs, je changeais seulement la partie de mozilla, vu que c'est sous firefox que je testais. J'ai oublié de rectifier quand j'ai posté le résultat final.
Et je voulais dire que ton tableau test ne faisait pas la bonne taille XD J'ai comparé avec photoshop, ton tableau est un chouia trop grand par rapport à ce que tu m'as fixé, ce qui explique que je n'arrivais pas à avoir EXACTEMENT la même chose.
Sur ce, je m'en vais quémander ma carte de codage '_' (c'est moche, ce mot, codage, faudrait mettre "codeur", plutôt) | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| C'est normal que mon tableau test ne fasse pas la bonne taille, puisque c'est mon tableau qui fait 400*300, et pas obligatoirement mon tableau + mes bordures | | |
|
| |
'Christa
Lostmindy
Messages : 2856
| Ce n'est pas plutôt que le cellpadding est différent ? Si c'était une question de bordures, on aurait la même chose. | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Non, j'avais également mis à 0 Bref, je pense que ce n'est pas vraiment important ^^' | | |
|
| |
Contenu sponsorisé
| |
| |
| Basil ~ Test pour Lostmindy | |
|