CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: ![CSSActif](https://cssactif.com/cssactif-logo-old.svg) Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! | | Test de Niveau pour Coriolis | |
| Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonsoir, 'jour ! Je fais une petite demande, merci d'y prêter attention. Expérience en codage : heu... 2 mois (je suppose) Logiciel utilisé pour coder : Notepad ++ Évaluation: [x] CSS [x] HTML Folio codage :
- Spoiler:
Je me permets une note sur le site du forum, l'agencement du site c'est faite avec un tableau pour plus de facilité. Je ne suis pas la seule à le mettre à jour, j'ai fais la base mais les autres fondateurs doivent pouvoir s'y retrouver sans s'y connaitre ^^". Le site de mon forum et de celui d'amisMa page perso
Auto-évaluation du niveau: 11/20
|
Dernière édition par Coriolis le Ven 12 Fév 2010, 14:58, édité 1 fois | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Orange ![RocketMan RocketMan](https://2img.net/h/files.cssactif.com/rangs/fondateur.png)
RocketMan
Messages : 3086
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonjour,
Je m'occupe de ton test ce soir ou demain.
Merci de ta patience. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonjour Orange,
Prends tout ton temps, je ne suis pas très active donc je peux encore patienter. Merci d'avoir répondu.
et Bon courage *o*. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Orange ![RocketMan RocketMan](https://2img.net/h/files.cssactif.com/rangs/fondateur.png)
RocketMan
Messages : 3086
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Pour les preuves que tu as donnés, 11/20 me paraît faible. En tout cas, on sera vite fixer car voici ton test. Il s'agira de reproduire ceci: ![Test de Niveau pour Coriolis 5161test](https://2img.net/h/www.generation-upload-fr.com/upload2/5161test.gif) Chaque carré fait 100*100px, deux sont divisés en plein centre (donc 50px chaque côté) le fond du tableau (et oui c'est un tableau) est transparent excepté pour un carré dont le fond est de couleur: #797979. C'est un test HTML & CSS, tu devras donc utiliser les deux langages de programmation (n'en utiliser qu'un causera la perte de la moitié des points accordés pour l'exercice). Lorsqu'on passe la souris sur un carré, il doit devenir rouge. Un point boni est attribué si le carré devient bleu lors d'un clic de souris. Je reste disponible pour les questions, je crois que cet exercice constitue un défi que tu sauras relever. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonjour Orange,
Donc, je n'ai qu'une question afin d'être sûre et certaine : c'est un tableau et non des divisions *s'est déjà fait avoir*, hein ?
Je pars pour Marseille demain soir, je vais tenter de commencer ce test dès aujourd'hui, seulement, je ne sais pas quand je le rendrai.
Merci, encore une fois, d'avoir donné le test. Je m'y attèle aussitôt ! | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Orange ![RocketMan RocketMan](https://2img.net/h/files.cssactif.com/rangs/fondateur.png)
RocketMan
Messages : 3086
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | C'est un tableau en effet. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Je m'excuse pour le retard pris (vacances vacances T.T) j'ai terminé de résoudre ce drôle de problème qui m'a presque rendue chauve. Voici le code HTML - Code:
-
<table cellspacing="0px" cellpadding="0px"><tbody>
<tr> <td class="cellule1"></td> <td class="cellule2" colspan="2"></td> <td class="cellule2"></td> <td class="cellule2"></td> </tr>
<tr> <td class="cellule1"></td> <td class="cellule4"></td> <td class="cellule4"></td> <td class="grey"></td> <td class="cellule2"></td> </tr>
<tr> <td class="cellule1" rowspan="2"></td> <td class="cellule2" rowspan="2" colspan="2"></td> <td class="cellule5"></td> <td class="cellule2" rowspan="2"></td> </tr>
<tr> <td class="cellule5"></td> </tr>
<tr> <td ></td> <td class="cellule3" colspan="2"></td> <td class="cellule3" ></td> <td class="cellule3" ></td> </tr>
</tbody></table>
Le code CSS - Code:
-
td:hover { background-color: #ff0000; }
td:active { background-color: #0000ff; }
.cellule1 { width: 100px; Height: 100px; border-bottom: 1px solid #000000; }
.cellule2, .grey { width: 100px; Height: 100px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.cellule3 { width: 100px; Height: 100px; border-left: 1px solid #000000; }
.cellule4 { width: 50px; Height: 100px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.cellule5 { width: 100px; Height: 50px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.grey { background-color: #797979; }
Si les noms de cellule un peu formel vous gênent dites le, je peux renommer. Merci de me corriger ! | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonjour,
Cela fait 2 semaines, je me permets de prévenir une nouvelle fois que j'ai terminé le test. Merci d'y prêter attention. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Tech ![{ Membre actif } { Membre actif }](https://2img.net/h/files.cssactif.com/rangs/membre.png)
{ Membre actif }
Messages : 1378
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonjour, Orange est parti en vacances. Il regarde ta demande dès qu'il reviendrai ![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif) Merci de ta patiente. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Invité Invité
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | Bonsoir,
Merci de me tenir informé, j'attendrai le temps qu'il faudra. | | |
| ![Aller en bas](https://2img.net/i/empty.gif) | | Contenu sponsorisé
![Test de Niveau pour Coriolis Empty](https://2img.net/i/fa/empty.gif) | | ![Aller en bas](https://2img.net/i/empty.gif) | | | Test de Niveau pour Coriolis | |
|
Sujets similaires | ![+](https://2img.net/i/empty.gif) |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|