Basil ~ Test pour Lostmindy Bouton_activeBasil ~ Test pour Lostmindy Bouton_hoverBasil ~ Test pour Lostmindy Fb-hoverBasil ~ Test pour Lostmindy Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Basil ~ Test pour Lostmindy EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Basil ~ Test pour Lostmindy EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Basil ~ Test pour Lostmindy EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Basil ~ Test pour Lostmindy EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Basil ~ Test pour Lostmindy EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Basil ~ Test pour Lostmindy EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Basil ~ Test pour Lostmindy EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Basil ~ Test pour Lostmindy EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Retour en stock du coffret Pokémon ...
Voir le deal

Partagez
 

Basil ~ Test pour Lostmindy

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
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é ^^
MessageSujet: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyJeu 11 Fév 2010, 19:42
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
Bon allez je m'occupe de toi, tu auras ton test ce soir normalement Smile
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyVen 12 Fév 2010, 07:31
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
Je suis toute ouie...
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyVen 12 Fév 2010, 17:15
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
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. Wink
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 ! Smile
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 04:51
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
Je dois respecter les fantaisies de couleurs et de bordures ?
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 07:55
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
Oui si tu y arrives. Sinon si tu n'y arrives pas du tout, dis-le moi et je t'aiderai Smile
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 08:27
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
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 >.<
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 09:05
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
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 Wink). 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 Wink
Si tu as une quelconque question, je suis là Smile

PS: Oui mon image test ne fait pas 400*300 car c'est une capture d'écran u-u
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 10:03
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
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)
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 10:44
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
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 Wink
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 10:46
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Basil ~ Test pour Lostmindy Empty
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.
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 10:57
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Basil ~ Test pour Lostmindy Empty
Non, j'avais également mis à 0 Wink

Bref, je pense que ce n'est pas vraiment important ^^'
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy EmptyLun 15 Fév 2010, 12:08
Revenir en haut Aller en bas
Contenu sponsorisé




Basil ~ Test pour Lostmindy Empty
MessageSujet: Re: Basil ~ Test pour Lostmindy   Basil ~ Test pour Lostmindy Empty
Revenir en haut Aller en bas
 

Basil ~ Test pour Lostmindy

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» [Basil]PA pour LNVDC
» [Orange] Demande pour Basil H. ~ CSS
» Un test pour LL ♥ !
» Test pour Twiix
» Test pour VPeybernes ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit