Mettre un fieldset sur sa fiche

Les codes viennent de chez CraXor.

Remise à jour de l'ancien tuto. C'est plus clair comme ça

Gné???? Qué esta???
Un fieldset est un encadré de couleur avec un titre inclu dans la partie supérieure de l'encadré. A l'intérieur de l'encadré, vous mettez... ce que vous voulez.

Vous pouvez en voir un sur ma fiche

Avant de commencer:
- il faut avoir un fond sur sa fiche pour mettre un fieldset
- il faut mettre le code en mode html

Comment procéder concrètement?

Le code:

Code:

<center>
<fieldset style="border: 1px solid rgb(255, 255, 255); height: 85px; width: 275px;"><legend align="left" style="font-family: Arial; color: rgb(255, 255, 255); font-size: 15px;">TITRE DE LA BOITE</legend><font style="font-family: Arial; color: rgb(255, 255, 255); font-size: 14px; text-align: center;">TEXTE OU IMAGES DE VOTRE BOITE</font></fieldset>
</center>

Le code décortiqué:

I. CENTRER LA BOITE

Code:

<center></center>

Ce n'est pas obligatoire mais si vous voulez que votre fieldset soit au centre de votre fiche, il faut mettre ce code. La première partie du code est à mettre AVANT le début du code du fieldset. La seconde partie est à mettre APRES le code du fieldset.

S vous le voulez à droite, vous mettez:

Code:

<right></right>

Si vous le voulez à gauche, vous mettez :

Code:

<left></left>

II. POUR DEFINIR L'EPAISSEUR DE LA BORDURE, LA COULEUR ET LA TAILLE DE L'ENCADRE

Code:

<fieldset style="border: 1px solid rgb(255, 255, 255); height: 85px; width: 275px;"></fieldset>

On peur voir que:
- l'épaisseur de la bordure = 1pixel (px) et de couleur blanche (rgb (255, 255, 255)
- que la hauteur de la boite (height) est de 85 pixels et la largeur (width) de 275 pixels.

Vous pouvez bien évidemment changer tous ces paramètres selon vos envies et ce que vous voulez mettre dans la boite.

III. CARACTERISTIQUES DU TITRE DU FIELDSET

Code:

<legend align="left" style="font-family: Arial; color: rgb(255, 255, 255); font-size: 15px;">TITRE DE LA BOITE</legend>

Ceci correspond aux caractéristiques du titre de votre fieldset. Ici on voit un alignement à gauche (left), police arial, de couleur blanche. Ici encore c'est à vous de voir ce que vous voulez pour personnaliser votre boîte.

IV. TEXTE A L'INTERIEUR DE LA BOITE

Code:

<font style="font-family: Arial; color: rgb(255, 255, 255); font-size: 14px; text-align: center;">TEXTE OU IMAGES DE VOTRE BOITE</font>

Ceci correspond au texte à l'intérieur de votre boite. Vous pouvez y mettre aussi des images, des liens...

La balise font permet de vous donner plus de choix en matière de taille, de couleur et de police que ce qui est proposé sur le jeu mais il n'est pas obligatoire. Dans ce cas vous écrivez à l'intérieur du fielset en mode normal et ne mettez pas ce code dans le mode html.

Vous pouvez également en mettre plusieurs et changer de couleur d'écriture dans le fieldset même.

V. DISPOSITION EN MODE HTML

C'est à placer, en mode html, entre les codes d'ouverture et de fermeture de votre fond de fiche.

Code:

<table style="width: 750px; height: 210px;" background="adresse d'hébergement du fond de fiche">
<tbody>
<tr>
<td>CODE DU FIELDSET A METTRE ICI
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>

Merci beaucoup Twix!

heeem j'ai mis le code, au milieu de ma présentation, donc entre les balises de fond et il me refuse la validation...

Ha? axcuse moi j'ai pas vu ton message plus tôt. Tu n'as toujours pas réussi?

si, c'est bon. J'ai dû faire une fausse manip. Ca marche sans problème maintenant.

pourtant les codes sont bons...

oui c'est bizarre, c'est peut-aêtre équidéow qui n'acep^te plus les graphiques !

bah non, puisque j'ai fait 4 fiches avec des fieldsets et ce code et il m'a absolument tout accepté...ça vient d'autres codes de votre fiche

J'en ai aussi un sur ma fiche avec ce code là et c'est sans problèmes ^^ Il doit y avoir une erreur autre part

c'est marqué dans le sujet principal. Lis le avant de poser une question

c'est obligé d'avoir un fond ?

bien sûr que non pourquoi?

bah il y a ecrit :

Avant de commencer:
- il faut avoir un fond sur sa fiche pour mettre un fieldset

aaaahm oui effectivement...
ça m'étonne quand même qu'on ne puisse pas en mettre un sans fond...
à vue de nez, le code ne fait pas intervenir celui du fond.
m'enfin si c'est marqué c'est pour une raison ^^

je retire ce que j'ai mis plus haut

okii merci ^^

Super tutow ! Je me suis empressé de le mettre !

Ben perso, le code ne marche pas chez moi... Et je l'ai correctement copié/collé et le problème ne vient pas d'ailleurs... (Twi: Mon problème de fiche vient de ce code donc...)

Du coup, comme j'en voulais absolument un, j'ai fait quelques recherches sur le net et voilà un code de substitution, c'est pas aussi joli, mais bon...

Citation :

<*F*ORM*>
<*F*IELDSET align="center"*>
<*L*EGEND*>Le Titre Là
votre texte ici<*/F*IELDSET*>
<*/FORM*>


Ce qui donne:

Le Titre Là

votre texte ici

Ca prend toute la longueur de la fiche et il n'y a que le texte de modifiable... Mais en attendant, c'est mieux que rien

Mais tu peux pas, à partir de ce code, rajouter les données de taille ?

Code:

<FORM>
  <FIELDSET align="center"; style="width: 600px; height: 210px;">
    <LEGEND>Le Titre Là</LEGEND>
votre texte ici</FIELDSET>
</FORM>

Ce qui donne :

Le Titre Là

votre texte ici

oh c'que c'est beau
j'vais tester ça dis donc . merciiii

c'est trop bien merci !!

Moi c'est les mettre aligné à droite ou à gauche qui ne fonctionne pas du tout, j'abandonne, j'en avais déjà mis une fois sur ma fiche, mais là franchement, je peux rien faire, même si je met juste un fond et le code, soit ça le laisse centrer soit ça marque que les balises sont invalides !