Lun 3 Avr - 0:00

Lun 3 Avr - 0:19

Hélà :D Alors alors ce que je sais du css/html, déjà je connais la signification de chaque, où on les emplois et je connais leurs bases (je suis aussi plus douée en css que html XD). Par exemple la fiche codée dans ma boutique, ainsi que ce truc XD y'a aussi ce machin bidule truc là mais je me souviens plus comment on fait ça remonte à trop loin XD

Mon rêve ? Coder des templates et du javascript Voilà x)

Lun 3 Avr - 0:29

Lun 3 Avr - 0:41

Hey :) Je trouve le html plus simple, effectivement, mais je suis plus à l'aise avec le css parce que je connais pratiquement toutes les propriétés et les valeurs XD Ouais, une fois remise en selle, j'arrêterai plus de coder, pour pas perdre ce que tu m'auras appris x) Pas de soucis pour demain sinon, mais comme j'ai cours la semaine, je ne pourrai te répondre que le soir après 16h30/17h00

Lun 3 Avr - 0:47

Lun 3 Avr - 20:02

Lun 3 Avr - 21:04

Yep

Lun 3 Avr - 22:09

Mar 4 Avr - 3:15

Hey :) Je t'avoue que je ne suis à l'aise qu'avec les tableaux XD (donc si tu veux m'apprendre à utiliser les div je serais pas contre :P (pareil pour les tableaux, j'ai encore un peu de mal à les utiliser '^'))

Oui, pourquoi pas pour les maquettes, ça peut être super fun à faire

Mar 4 Avr - 19:27

Mar 4 Avr - 22:52

Toi tu me déteste Bon j'vais essayer de te faire ça rapidos XD Mais le soir c'Est assez chaud comme j'ai cours jusque 16h/16h30 et que j'dodo vers 20h XD Je sais pas si en 4h j'ai le temps de boucler la boucle comme on dit :P Puis question, t'entends quoi par barre de séparation ? Un bête border-bottom au titre ou tu veux quelque chose de plus compliqué ? :)

Mar 4 Avr - 23:04

Mar 4 Avr - 23:41

Justement, l'élément HTML j'suis pas certaine de savoir ce que c'est, alors si à la fin de l'exercice tu connais d'autre méthode, j'aimerais bien les connaître (enfin, si ça te dérange pas de me les expliquer parce que je sais que ça peu prendre du temps comme il en existe beaucoup )

Mer 5 Avr - 8:44

Ven 7 Avr - 22:08

Hey :) Bon, euh j'ai, comment dire, légèrement ? (oui bon d'accord pas que légèrement XD) modifié la maquette, mais je trouvais que ce rendu-ci était plus jolie. J'espère que tu m'en veux pas ? Si c'est le cas je peux recommencer avec la maquette totale cette fois-ci XD

Et j'me suis fourrée plus haut, c'est pas avec les tableaux que je suis la plus à l'aise, mais avec les div XD #Boulet !


Bref, voilà le code :) (en html/css parce que j'aime quand c'est séparé XD)

Code:

<div id="fiche">
<div id="titre">Ton contexte</div>
<div id="image"><img src="http://i.imgur.com/n8TSWUu.png"/><div id="sous-titre">
Sous-titre</div></div> <br />Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.<br />
<div id="image"><img src="http://i.imgur.com/XrNMO6D.png"/><div id="sous-titre">
Sous-titre</div></div> <br />Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.<br /><br /><br /><br />
<div id="gif"><img src="https://media0.giphy.com/media/TnLiZ8si2ARuE/100.gif" /></div><br /><div id="texte">Morbi nec erat ante. Donec congue turpis dolor. Donec sodales sollicitudin massa in ultricies. Phasellus id mollis velit, vel finibus nisi. Mauris quis risus ligula. Suspendisse convallis, risus et gravida aliquet, mi sapien congue dolor, quis ultrices leo ipsum eget orci. Aliquam commodo quam in hendrerit porttitor.</div></div><div id="copyright">Codé par Ecleasya, toute copie, partielle ou intégrale, sera punnit d'emprisonnement !</div>

Code:

#fiche {
  width:500px;
  height:auto;
  background-color:white;
  padding:15px;
  text-align:justify;
}

#titre{
  border-bottom:1px solid black;
  font-family:Georgia;
  width:350px;
  margin-left:75px;
  font-size:32px;
  text-align:center;
}

#image{
  width: 300px;
 height: 150px;
  border:3.5px solid darkred;
  margin-top:40px;
  margin-left:75px;;
}

#sous-titre {
  margin-left:80px;
  margin-top:-20px;
  font-size:35px;
  color:Cornflowerblue;
  text-shadow:2px 1px 1px 1px black;
}

#gif{
  width:100px;
 height:100px;
 border-radius:50px;
  overflow:hidden;
  background-position:center;
}

#texte {
  margin-top:-120px;
  width:350px;
  line-height:15px;
  margin-left:113px;
}

#copyright {
  background-darkred;
  color:white;
  width:530px;
  height:12px;
  font-size:12px;
  text-align:right;
}

Sinon tu peux voir le rendu ici Voilàààà