Pixelia

Votre forum de graphisme et d'entraide ~
 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
Pixelia devient Pixels Paradise ! Le forum ferme ici ses portes mais en ouvre de nouvelles à cette adresse : http://www.pixels-paradise.com/ Nous espérons que vous serez nombreux à nous suivre dans cette nouvelle aventure !

Partagez | 
 

 Yunie, elle veut coder :O

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
AuteurMessage
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Yunie est blonde, elle sait que la base du codage.   Lun 16 Mai 2011 - 23:51

Rappel du premier message :

Pseudo ; ... vous le connaissez non ? *fuit*
Niveau estimé CSS ; 1
Niveau estimé HTML ; 2
Souhaitez-vous un professeur en particulier ; Bah y'en a qu'un
Avez-vous quelque chose en particulier que vous désirez apprendre ; Tout
Un mot de motivation ? Encouragament ? Comme c'pas un synonyme qu'on cherche ? Bah juste que bon, j'suis une adepte des forums, mais le truc c'est que je sais pas codé et c'est la tendance depuis que ça existe. Donc bon, j'veux l'apprendre pour devenir la plus grande fondatrice de forum RPG au monde *fuit*

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas

AuteurMessage
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Dim 31 Juil 2011 - 18:13

C'est une étape assez importante que de savoir faire un tableau car souvent pour faire des PA par exemple, on se sert pas mal des tableaux x)

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Dim 31 Juil 2011 - 22:00

D,accord alors, apprenons =D

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:14

Hello Yun' O/

J'ai vu que tu as édité ton message d'avant.
Code:
<t1> c'est quoi ? xD

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:15

Bah c'est le truc pour faire un tableau, non ?

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:23

Non xDDD Les balises qui délimitent un tableau sont les balises
Code:
<table></table>

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:24

Erf erreur XD mélange avec le h1 XD

Bon, apprenons à faire un tableu =D

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:34

Oui ^^

Alors ce qu'il faut savoir c'est que le tableau se forme à l'intérieur des balises que je t'ai données auxquelles tu ajoutes les tbody. Je pense que ça le même sens que body tout court dans une page html ^^
Donc ton tableau sera entre :
Code:
<table><tbody></tbody></table>

Après, comme en bbcode il faut des balises pour délimiter les lignes et d'autres les colonnes. Sachant que l'on fonctionne à l'horizontale, cela signifie que les balises de lignes entoureront les balises de colonnes. Pour faire simple : 1 ligne comportera 3 cases (colonnes) x)
Les balises permettant de déterminer qu'on est sur une ligne sont les
Code:
<tr></tr>

C'est donc à l'intérieur d'elles qu'on insère les balises de colonnes. On mettra autant de balises de colonnes que l'on veut de cases différentes. Ces balises se matérialisent ainsi :
Code:
<td></td>

Ainsi, un tableau comprenant 2 lignes et trois colonnes se fera comme ceci :

Code:
<table><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>

Le texte se met entre les td donc :

Code:
<table><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456


Là c'est pour un tableau tout con O/ Est-ce que jusque ici ça va ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 18:50

Oui je te suis, donc si j efais un tableau basé sur naruto, disons, ce sera:

DirigeantsEffectifsÉtatRecrutement
KonohaTsunade Koichi91PaixFermé
SunaSabaku no Gaara20PaixOuvert
KiriMeï Terumi24PaixOuvert
KumoEî Yotsuki30PaixOuvert
IwaÔnoki Ryotenbin12PaixOuvert
AkatsukiMadara Uchiha3GuerreFermé
TakaSasuke Uchiha4GuerreFermé

En considérant cela, comment je donne son design au tableau, cadre, fond, grosseur, etc.

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O


Dernière édition par Yunie le Jeu 11 Aoû 2011 - 19:41, édité 3 fois
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mer 10 Aoû 2011 - 19:20

Alors pour faire un cadre, je crois qu'il faut utiliser l'attribut border mais le rendu est assez laid disons, je trouve xDD Mais pour faire un cadre joli il faut passer par le CSS (je poste le code à la fin) ^^

Code:
<table border="1"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Ensuite, tu peux modifier la largeur (width) du tableau en entier soit en utilisant les % ou les pixels. Tu peux aussi modifier la largeur d'une colonne. Pour la hauteur, je pense qu'il faut passer par le CSS. Sinon ça se manifeste ainsi :

Code:
<table width="500px"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Je te montre que la largeur totale est bien de 500 pixels :


Pour la largeur d'une colonne :

Code:
<table width="500px"><tbody><tr><td width="300px">1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Pour mettre un fond, il faudra insérer du CSS dans les balises HTML. Pour tout le tableau, le CSS sera situé dans la balise table. Pour une case en particulier dans la balise td ^^

Pour un fond blanc dans tout le tableau :

Code:
<table width="500px" style="background-color: #FFFFFF;"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Pour seulement une case :

Code:
<table width="500px"><tbody><tr><td style="background-color: #FFFFFF;">1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Pour mettre une petite bordure, c'est aussi dans la balise table qu'on placera le CSS :

Code:
<table width="500px" style="background-color: #FFFFFF; border: 2px solid #000000;"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Maintenant j'explique ^^
Le CSS se mettant dans la balise se représente avec l'attribut style comme tu le sais, soit :
Code:
style="attribut CSS;"

Tu peux mettre deux types de fonds : un fond de couleur et un fond en image. Pour un fond en couleur l'identifiant est celui-ci :

background-color: #code couleur;

Pour mettre une image c'est légèrement différent :

background-image: url('lien de l'image');

Par rapport à la bordure. Pour créer une bordure, c'est l'identifiant nommé "border" auquel il faut ajouter différents paramètres. Cela dépend mais en général ça fonctionne de cette façon :

border: taille de la bordure (en pixels) type de bordure (pleine (solid), pointillés (dashed), points (dotted) couleur de la bordure;

L'ordre n'est pas important ^^

Après si tu veux que ta bordure ne soit pas de la même taille partout, tu peux faire comme ceci :
border-right: XXpx solid/dotted/dashed #code couleur;
border-left: XXpx solid/dotted/dashed #code couleur;
border-top: XXpx solid/dotted/dashed #code couleur;
border-bottom: XXpx solid/dotted/dashed #code couleur;

Est-ce que c'est bon jusque là ? =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Jeu 11 Aoû 2011 - 19:09

Voilà ce que ça me donne:

Vos ninjas

DirigeantsEffectifsÉtatRecrutement
KonohaTsunade Koichi91PaixFermé
SunaSabaku no Gaara20PaixOuvert
KiriMeï Terumi24PaixOuvert
KumoEî Yotsuki30PaixOuvert
IwaÔnoki Ryotenbin12PaixOuvert
AkatsukiMadara Uchiha3GuerreFermé
TakaSasuke Uchiha4GuerreFermé


Euh... ensuite... Je crois qu'on a fini les tableux... juste au cas, je ne demande rien

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O


Dernière édition par Yunie le Ven 12 Aoû 2011 - 18:07, édité 25 fois
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Jeu 11 Aoû 2011 - 19:15

Ah bah c'est bien tout ça O/
Maintenant, il est aussi possible d'arrondir les bords ^^

Par contre il y avait une balise en trop xD

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Jeu 11 Aoû 2011 - 20:11

Voilà ma jolie Nico' Juste pour dire que j'ai méga full éditer mon code (oupah)

Et comment on gère la hauteur du tableau et de ses cases ?

Et comment on arrondit les coins ? *-*

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Jeu 11 Aoû 2011 - 21:48

Il est très sympa ton tableau maintenant, je trouve O/
Alors pour la hauteur, je pense qu'il va falloir utiliser les marges. Je sais pas si margin et padding te disent quelque chose. Là ce sera les padding qu'on utilisera. La margin concerne les marges extérieures à un bloc. Genre je veux que mon tableau soit à 100px de distance de la gauche dans mon message :

Code:
<table width="500px" style="background-color: #FFFFFF; border: 1px solid #000000; margin-left:100px;"><tbody><tr><td style="padding-top: 10px; padding-bottom:10px;">1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Cela se matérialise donc :
margin-top/bottom/left/right: XXpx; (tu peux choisir de créer une marge soit à gauche, soit à droite, soit en haut, soit en bas ; ce qui n'empêche pas de faire une marge à gauche et à droite, ou à droite et en bas...)

Et pour que tout soit réglé, il suffit de mettre que :
margin: XXpx;

Maintenant la padding, ça concerne les marges intérieures d'un bloc. Par exemple, c'est cet attribut dont je me suis servie pour créer une marge automatique dans les messages postés =D
Le principe est donc le même que la margin sauf que là ce n'est pas dans la balise table qu'on ajoute cet attribut mais dans la balise td :

Code:
<table width="500px" style="background-color: #FFFFFF; border: 1px solid #000000;"><tbody><tr><td style="padding-top: 10px; padding-bottom:10px;">1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Là c'est particulier car comme les cellules sont solidaires entre elles, les autres cases situées sur la même ligne que celle que j'ai modifiée sont aussi modifiées.

Tu vois c'est pas compliqué du tout ^^

Maintenant, comment créer des coins arrondis ? Là aussi c'est tout simple, mais il va falloir tenir compte des navigateurs.
Pour Mozilla, l'attribut à rajouter sera :
-moz-border-radius: XXpx; (si on veut que tous les bords soient arrondis de la même façon)
ou
-moz-border-radius: XXpx XXpx XXpx XXpx; (si on veut choisir quels bords arrondir ou différencier les angles d'arrondi)

=> XXpx : correspond au coin supérieur gauche
XXpx : correspond au coin supérieur droit
XXpx : correspond au coin inférieur droit
XXpx : correspond au coin inférieur gauche

Pour Chrome et Safari maintenant il faut mettre un autre attribut qui sera celui-ci :
-webkit-border-radius: XXpx; ou -webkit-border-radius: XXpx XXpx XXpx XXpx;

Et enfin pour Opéra je crois (pas sûre), il faut mettre ça :
border-radius: XXpx ou border-radius: XXpx XXpx XXpx XXpx;

Il faut donc tous les mettre pour que tous les utilisateurs puissent profiter de ces coins arrondis \O/

Ainsi, comme cela concerne le tableau, ça se mettra dans la balise table à la suite des autres styles :

Code:
<table width="500px" style="background-color: #FFFFFF; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 3px solid #000000; border-bottom: 3px solid #000000; -moz-border-radius: 15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; border-radius: 15px 0px 15px 0px;"><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody></table>

123
456

Tu peux aussi faire des coins arrondis à tes cases, à condition ne n'avoir mis aucun fond à ton tableau et de mettre un fond à chaque case ^^ (bien entendu il y a un moyen plus rapide qui n'alourdit pas le code)

Code:
<table width="500px"><tbody><tr><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">1</td><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">2</td><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">3</td></tr><tr><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">4</td><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">5</td><td style="background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">6</td></tr></tbody></table>

123
456


As-tu des questions ? Est-ce tout clair ? =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Ven 12 Aoû 2011 - 18:07

Voilà ce que ça me donne:

Vos ninjas

DirigeantsEffectifsÉtatRecrutement
KonohaTsunade Koichi91PaixFermé
SunaSabaku no Gaara20PaixOuvert
KiriMeï Terumi24PaixOuvert
KumoEî Yotsuki30PaixOuvert
IwaÔnoki Ryotenbin12PaixOuvert
AkatsukiMadara Uchiha3GuerreFermé
TakaSasuke Uchiha4GuerreFermé


Euh... ensuite... Je crois qu'on a fini les tableux... juste au cas, je ne demande rien

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Ven 12 Aoû 2011 - 18:16

Non les tableaux ne sont pas finis xDD
Il faut voir comment fusionner des cellules : des lignes mais aussi des colonnes ;)

Enfin les balises th pour ce qu'on appelle les en-tête de tableau ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Ven 12 Aoû 2011 - 18:17

Roh oki, alors poursuivons =D

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Mar 16 Aoû 2011 - 0:36

Voilà Nico', le code, comme on avait convenu, pardon pour le bordel, mais, j'm'y retrouve que comme ça xD:

Code:
<center><div width="70%" style="-moz-border-radius: 100px 0px 100px 0px; -webkit-border-radius: 100px 0px 100px 0px; -border-radius: 100px 0px 100px 0px; border: solid 4px #E6E6FA; background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif10.png'); margin-right: 30px; margin-left: 30px; margin-top: 0px; margin-bottom: 20px; padding-left: 20px; padding-right:20px; padding-bottom: 10px; padding-top: 10px;"><font style="font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div width="476px" style="padding: 10px;">♣ Nom & Prénom ♣</font></div><fieldset style="border: 1px solid #E6E6Fa; -moz-border-radius: 100px 0px 100px 0px; -webkit-border-radius: 100px 0px 100px 0px; -border-radius: 100px 0px 100px 0px"><table width="560px"; style="margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 10px;"><tr><td width="150px;" height="320px" style="-moz-border-radius: 100px 0px 100px 0px; -webkit-border-radius: 100px 0px 100px 0px; -border-radius: 100px 0px 100px 0px; background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/ava_te11.png'); border: solid 2px #FFFFFF; margin-right: 60px"></fieldset><td><td width="350px" height="320px"><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -border-radius: 50px 50px 0px 0px; border: solid 2px #FFFFFF; text-align: center; margin-bottom: -10px; padding-bottom: 5px; padding-top: 5px;"><font style="font-family: Arial, serif; font-size: 18px; font-variant: small-caps; color: #BC8F8F;">♣ Who Are You ? ♣</font></div><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -border-radius: 0px 0px 50px 50px; border: solid 2px #FFFFFF; text-align: justify; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: -10px; line-height: 1;"><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ What's My Name? ♠ </font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold;">♠ Ended By ♠ </font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter;"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ I Was Born ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Sitting Down or Standing Up? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ My Goal ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Where Do I Live? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Trying To Get A Rank? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Ancient Power ♠ </font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla</font><br></div></td></tr></table></fieldset>

<center><font style=" font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div style="padding: 10px">♣ What Are You ? ♣</font></div><fieldset style="border: 1px solid #E6E6Fa; -moz-border-radius: 0px 100px 0px 100px; -webkit-border-radius: 0px 100px 0px 100px; -border-radius: 0px 100px 0px 100px;"><table width="560px"; style="margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 0px;"><tr><td width="350px" height="320px"><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -border-radius: 50px 50px 0px 0px; border: solid 2px #FFFFFF; text-align: center; margin-bottom: -30px; margin-top: 30px; padding-bottom: 5px; padding-top: 5px;"><font style="font-family: Arial, serif; font-size: 18px; font-variant: small-caps; color: #BC8F8F;">♣ How Do You Look ? ♣</font></div><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -border-radius: 0px 0px 50px 50px; border: solid 2px #FFFFFF; text-align: justify; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: 10px; line-height: 1; text-indent: 20px;"><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></div>
<br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -border-radius: 50px 50px 0px 0px; border: solid 2px #FFFFFF; text-align: center; margin-bottom: -10px; padding-bottom: 5px; padding-top: 5px;"><font style="font-family: Arial, serif; font-size: 18px; font-variant: small-caps; color: #BC8F8F;">♣ Who Are You ? ♣</font></div><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -border-radius: 0px 0px 50px 50px; border: solid 2px #FFFFFF; text-align: justify; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: -10px; margin-bottom: 30px; line-height: 1; text-indent: 20px"><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font><br></div></td></tr></table></fieldset></center>

<center><font style=" font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div style="padding: 10px">♣ Put Me Asleep ♣</font></div><fieldset style="border: 1px solid #E6E6Fa; -moz-border-radius: 100px 0px 100px 0px; -webkit-border-radius: 100px 0px 100px 0px; -border-radius: 100px 0px 100px 0px;"><table width="560px"; style="margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: -10px;"><tr><td width="350px"><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -border-radius: 50px 50px 0px 0px; border: solid 2px #FFFFFF; text-align: center; margin-bottom: -30px; margin-top: 35px; padding-bottom: 5px; padding-top: 5px;"><font style="font-family: Arial, serif; font-size: 18px; font-variant: small-caps; color: #BC8F8F;">♣ What Happened ? ♣</font></div><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -border-radius: 0px 0px 50px 50px; border: solid 2px #FFFFFF; text-align: justify; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: 10px; margin-bottom: 35px; line-height: 1; text-indent: 20px;"><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></div></td></tr></table></fieldset></center>

<font style="font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div width="476px" style="padding: 10px;">♣ Tell Me More ♣</font></div><fieldset style="border: 1px solid #E6E6Fa; -moz-border-radius: 0px 100px 0px 100px; -webkit-border-radius: 0px 100px 0px 100px; -border-radius: 0px 100px 0px 100px; margin-bottom: 30px"><table width="560px"; style="margin-left: 5px; margin-right: 5px; margin-bottom: 10px; margin-top: 10px;"><tr></fieldset><td><td width="350px" height="320px" style="padding-right: 5px;"><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 50px 50px 0px 0px; -webkit-border-radius: 50px 50px 0px 0px; -border-radius: 50px 50px 0px 0px; border: solid 2px #FFFFFF; text-align: center; margin-bottom: -10px; padding-bottom: 5px; padding-top: 5px;"><font style="font-family: Arial, serif; font-size: 18px; font-variant: small-caps; color: #BC8F8F;">♣ With Who Do We Speak ? ♣</font></div><br><div style="background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/motif12.png'); -moz-border-radius: 0px 0px 50px 50px; -webkit-border-radius: 0px 0px 50px 50px; -border-radius: 0px 0px 50px 50px; border: solid 2px #FFFFFF; text-align: justify; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: -10px; line-height: 1;"><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Who's Behind The Screen ♠ </font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter">Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold;">♠ Talk About Us ♠ </font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter;"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ How Often Are You Here ? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ How Did You Found Us ? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ And The Rules, In All This ? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Do We Already Know You ? ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 14px; color: #BC8F8F; font-variant: small-caps; font-weight: bold">♠ Anything Else ♠</font><font style="font-family: Arial, serif; font-size: 12px; color: #000000; font-weight: lighter"> Bla bla bla</font><br><font style="font-family: Arial, serif; font-size: 10px; color: #000000; font-variant: small-caps; font-weight: bold;"><div style="text-align: right"><br>♥ Haruka Eichi ♥</div></font><br></div></td><td width="150px;" height="320px" style="-moz-border-radius: 0px 100px 0px 100px; -webkit-border-radius: 0px 100px 0px 100px; -border-radius: 100px 0px 100px 0px; background-image: url('http://i40.servimg.com/u/f40/13/80/16/40/ava_te12.png'); border: solid 2px #FFFFFF; margin-right: 60px; margin-left: 10px"></fieldset></tr></table></fieldset></div></div></center>

Ce qui donne:
♣ Nom & Prénom ♣
♣ Who Are You ? ♣

♠ What's My Name? ♠ Bla bla bla
♠ Ended By ♠ Bla bla bla
♠ I Was Born ♠ Bla bla bla
♠ Sitting Down or Standing Up? ♠ Bla bla bla
♠ My Goal ♠ Bla bla bla
♠ Where Do I Live? ♠ Bla bla bla
♠ Trying To Get A Rank? ♠ Bla bla bla
♠ Ancient Power ♠ Bla bla bla


♣ What Are You ? ♣

♣ How Do You Look ? ♣

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


♣ Who Are You ? ♣

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


♣ Put Me Asleep ♣

♣ What Happened ? ♣

Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla


♣ Tell Me More ♣
♣ With Who Do We Speak ? ♣

♠ Who's Behind The Screen ♠ Bla bla bla
♠ Talk About Us ♠ Bla bla bla
♠ How Often Are You Here ? ♠ Bla bla bla
♠ How Did You Found Us ? ♠ Bla bla bla
♠ And The Rules, In All This ? ♠ Bla bla bla
♠ Do We Already Know You ? ♠ Bla bla bla
♠ Anything Else ♠ Bla bla bla

♥ Haruka Eichi ♥


_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mar 16 Aoû 2011 - 21:28

Coucou Yun ^^
Donc je vois que tu as réussi à arranger le souci de cadre qui dépasse le fond ^^ Du coup que souhaiterais-tu que je t'aide à faire ? =D

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Mar 16 Aoû 2011 - 22:07

Le cadre sous mes gros titres, j'aimerais qu'il touche à mes titres.

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Sam 20 Aoû 2011 - 2:44

Coucou Nico'

J'vais faire comme Gwen'... Up ?

Plus vite tu finiras un cours, plus vite t'Auras un assistant eh *whistle*

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Dim 21 Aoû 2011 - 21:06

Coucou Yun' ^^
Je suis vraiment désolée. La fin de semaine n'a pas été très facile et j'ai été fort chargée à droite et à gauche ^^'

J'ai trouvé tout de même comment faire O/

Il suffit d'ajouter dans le style de ton titre un margin-bottom négatif [=

Par contre dans ton code tu as fait une petite inversion dans les balises :

Code:
<font style="font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div width="476px" style="padding: 10px;">♣ Nom & Prénom ♣</font></div>

(ça semble ne pas avoir eu d'influence, cependant mieux vaut les mettre bien dans l'ordre =D

Code:
<balise a><balise b> truc chose</balise b></balise a>

Sinon le petit ajout pour que le titre passe dessus le trait :

Code:
<font style="font-family: Arial, serif; font-size: 29px; font-variant: small-caps; color: #BC8F8F; text-align: center;"><div width="476px" style="padding: 10px; margin-bottom: -15px;">♣ Nom & Prénom ♣</div></font>


Valou valii o/

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Dim 21 Aoû 2011 - 21:48

Mici ! Donc, nous continuons sur les tableaux ? C'est ça ?

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Dim 21 Aoû 2011 - 21:50

C'est fort exact =)
Et j'avais parlé de cellules fusionnées et colonnes fusionnées =D

Après je pense que ce sera bon pour les tableaux ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
avatar
Yunie

{ Adminette
Féminin Team : Rainbow Smarties
Messages : 1758
Age : 22
Localisation : Cachée derrière mon p'tit doigt
Humeur : Roh ! Euh ! Rah ! Euh ! Reh ! Euh ! Ah et puis zut
Date d'inscription : 16/05/2010
Système d'exploitation : Windows XP
Galerie : Ici <3 Riez bien =D

MessageSujet: Re: Yunie, elle veut coder :O   Dim 21 Aoû 2011 - 22:11

Il ne manque qu'à voir la fusion, justement ^^

_______________

Spoiler:
 

Spoiler:
 

Cheffe des Rainbow Smarties :O
Revenir en haut Aller en bas
avatar
Nico'

Grande Prêtresse.#
Féminin Messages : 9476
Age : 28
Localisation : With Him <3
Humeur : Fine <3
Date d'inscription : 04/05/2008
Système d'exploitation : Vista et 7

MessageSujet: Re: Yunie, elle veut coder :O   Mer 24 Aoû 2011 - 18:02

Coucou Yun ^^
Désolée de ma petite absence ^^' Me voici pour t'expliquer comment faire des cellules fusionnées et des colonnes fusionnées.
C'est un peu technique mais après on finit par prendre le pli.

Alors, pour ce qui est des cellules fusionnées, c'est donc d'un point de vue horizontal qu'on se place et c'est l'attribut "colspan"

De la même manière que la taille, on place l'attribut colspan dans une balise préexistente du tableau. Ce sont seulement les td à qui l'on attribue ce colspan.
Par contre, il faut faire attention à ce que l'on ait le même nombre de colonnes partout. Car certes là où on mettra la fusion des deux cellules, on aura un td de moins. Mais pour les autres lignes, il faut faire comme si y avait ce td.
En gros, si un tableau a trois paires de td chaque ligne et que sur la première on a fusionné deux cellules, alors sur la première il y aura seulement deux paires de td mais pour les autres lignes on en aura trois.

Le plus simple c'est un exemple (trois colonnes, deux lignes) :

cellules fusionnéesblablabla
blablablablablablablablabla
(j'ai mis des couleurs pour que l'on voie la fusion ^^

Code:
<table><tbody><tr><td colspan="2">cellules fusionnées</td><td>blablabla</td></tr><tr><td>blablabla</td><td>blablabla</td><td>blablabla</td></tr></tbody></table>

Est-ce que jusque là ça va ? ^^

_______________



Spoiler:
 
Revenir en haut Aller en bas
http://ici.lol
Contenu sponsorisé


MessageSujet: Re: Yunie, elle veut coder :O   

Revenir en haut Aller en bas
 

Yunie, elle veut coder :O

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pixelia :: Travaux encadrés-
Sauter vers: