autoriser le fieldset??

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 16:33

Bonjour Exclamation

Comment autoriser le fieldset ?

Qd je poste ca ne s affiche pas... Confused



Cordialement Very Happy

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 16:38

Ca fonctionne dans prévisualisation mais pas quand je poste le sujet... affraid

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 16:47

Bonjour

Est-ce le code qui est montré ?

Cordialement,

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 17:35

alors je mets mon code en basculant le mode édition

Code:
<fieldset style="width:50;"><legend>Informations concernant votre forum</legend>[b]Nom du forum :[/b]

[b]Description :[/b]

[b]Mots-Clés :[/b]

[b]Thème du forum :[/b]</fieldset>

<fieldset style="width:50;"><legend>Informations concernant l'hébergeur</legend>[b]Préférences pour l'hébergeur :[/b]

[b]Adresse du forum :[/b]

[b]Préférences pour l'extension :[/b]</fieldset>

<fieldset><legend>Informations personnelles</legend>[b]Pseudo désiré :[/b]

[b]Adresse e-mail :[/b]</fieldset>

<fieldset><legend>Informations obligatoires pour un ForumActif</legend>[b]Langue du forum :[/b]

[b]Fuseau horaire :[/b]</fieldset>

quand je re change de mode d édition:

j obtiens la bonne chose ds le cadre où j écris
et ds la prévisualisation ca ne va déjà pas


Et quand je poste rien ne va

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 17:39

Avez-vous autorisé l'html ?
-> le tutoriel

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 17:48

ui déjà fait sur les 3 endroits Wink

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 17:59

Votre code fonctionne sur mon forum test.
Il ne reste que le problème de l'html

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:01

c est bisard Non ! Il est où le soucis Question

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:03

Avez-vous autorisé le BBcode (c'est les mêmes trois points de contrôle que l'html.


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:08

ui je l ai fait aussi Wink

J ai essayé avec un autre code, ca a l air de fonctionner, alors pourquoi pas celui ci Mad

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:14

Essayer de créer un nouveau sujet :
de mettre le petit bout de code ci-dessus et de me dire si cela fonctionne.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:17

Non toujours pas Embarassed

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:19

RE-RE-vérifier l'html

Le PA

Le profil

et les options du sujet que vous venez de créer !




ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:21

tout est bon, mais il n aime pas ce code Laughing

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:32

Essayer un autre code

Par exemple
Code:

<a>[b]Test ?[/b]</a>


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:38

Ca me donne test en gras Wink

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:42

donc ceci fonctionne

Nouveau test avec ce super code Wink

Code:
<fieldset><legend>Informations</legend>Préférences </fieldset>

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 18:44

Ca me donne

Informations
Préférences


comme ca a la suite, en gras Wink

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 18:53

Donc n'est ce pas simplement un problème d'encadrement ?

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 19:13

Code:
<fieldset style="border : 5px solid #fff;"><legend>Informations</legend>Préférences </fieldset>

A essayer
Avec un cadre blanc

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 19:35

oh ca fonctionne Very Happy

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 19:37

vous avez maintenant le style pour vos bordures.

style="border: 5px solid #fff;


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 19:43

Ha merciiiii Very Happy

T es un ange d avoir pris de ton temps Thanks

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Sam 5 Fév 2011 - 19:49

L'ange part manger lol!

bonne soirée

victoire

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Sam 5 Fév 2011 - 19:50

Bon app' et encore Merciiii Very Happy

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Dim 6 Fév 2011 - 12:16

et donc je reviens a la charge Laughing ; parce que je débute le fieldset

comment faire des coins arrondis Question
comment changer la largeur de la cellule:?:
comment en mettre 2 l un a coté de l autre Question
comment en mettre centré ou a droite Question

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Dim 6 Fév 2011 - 17:47

J'avais fait une aide avec les fiedset Wink

C'est ici



Le rendu visuel



---------------------------------------------------
La partie CSS
A copier dans la feuille de style CSS

/* Permet de jouer sur l'opacité / l'intensité lumineuse lors du survol. */
Code:
.opacity img {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;opacity: 0.5;
}
img:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;opacity: 1;
}

/* Partie permettant la gestion de la fenêtre surgissant ou bulle */
/* La position est relative par rapport à la souris */

Code:

a.bulle {
  position: relative; /* relative au conteneur */
}
a.bulle span {
  display: none;
}
a.bulle:hover {
  background: none; /*contournement bug IE */
  z-index: 999;
}

/* La classe bulle qui définit le style de la bulle */
/* Position d'affichage -> décalée de 5px */
/* Fond blanc -> background: #fff; */
/* Bordures -> de 2 pixels et de couleur noire */
Code:
a.bulle:hover span {
  display: inline;
  position: absolute;
  top: -10px;
  left: 10px;
  background: #fff;
  text-align: center;
  text-decoration: none;
  color: green;
  padding: 0.2em;
  border-right: black 2px solid;
  border-top: black 2px solid;
  border-left: black 2px solid;
  border-bottom: black 2px solid;
}

/* La classe textefield qui définit le style du texte affiché dans le fieldset */
/* Position d'affichage -> décalée de 5px */
/* height -> hauteur fixée à 220px; */
/* max-height-> 215px pour le débordement automatique */
/* overflow:auto;-> gestion du dépassemetn par ascenceur */
/* pre-wrap -> césure des mots avec coupure forcée */
/* couleur d'écriture noire -> color: #000; */
/* Police d'écriture -> font-family: Georgia; */
Code:
 .textefield {
  display: block;
  height: 220px;
  max-height: 115px;
  color: #000;
  font-size: 20px;
  font-family: Georgia;
  overflow:auto;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, -1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* La classe field qui définit le style du texte affiché dans le fieldset */
/* Gestions des bordures et arrondis */
/* border : 5 px solid #fff; */
/* -moz-border-radius: 15px; */
/* -webkit-border-radius: 15px; */
/* border-radius: 15px; */
/* Hauteur de 250px; */
/* possibilité de'ajouter une image de fond à chaque conteneur */
/* background-image: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */
Code:
.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  /*  background-image: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif"); */
}

/* La classe legende qui définit le style du texte affiché dans la légende */
/* Gestions des bordures et arrondis */
/* border: 5 px solid #fff; */
/* -webkit-border-radius: 15px; */
/* Gestions des marges */
/* padding-left:20px; */
/* padding-right:20px; */
/* Taille des caractères */
/* font-size: 22px; */
Code:
.legende {
  height:25px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  border: 5 px solid #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
}
-------------------------------------------------------------------------
La partie en message d'accueil avec commentaires dans le message.
A copier en message d'accueil
Code:
<!-- La table permettant de diviser en quatre cellules -->
<!-- L'aide sur les tables http://bernard.quevillier.pagesperso-orange.fr/toposnew/table.htm -->
<table width="100%" cellspacing="30"> 
 <tbody>
 <tr>   
   <td width="50%">
      <!-- On joue avec l'opacité lors du survol -->
      <div class="opacity">
         <!-- Fieldset permet un regroupement de champs logique : c'est un conteneur -->
         <!-- L'aide sur Fieldset http://bernard.quevillier.pagesperso-orange.fr/toposnew/fieldset.htm -->
         <fieldset class="field">
            <!-- legend permet un titre au cadre du conteneur fieldset -->
            <legend class="legende">Le Staff
            </legend>
            <center>
            <!-- La classe bulle permet l'affichage lors d'un survol par la souris -->
            <a class="bulle">
               <!-- L'image à survoler -->
               <img src="http://img60.xooimage.com/files/7/f/d/masc-24d4a18.jpg">
               <!-- Le block qui sera affiché encadré par le SPAN -->
               <!-- Organise le document en définissant une étendue de texte. -->
               <span>
                  <!-- L'image zoomée et le texte -->
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-74.jpg" alt="">
                  <br><b>Ge - 80</b><br><br>
                  <div>
                        <!-- L'élément de division peut permettre d'ajouter une structure à un bloc de texte
                        <!-- Le lien vers le profil -->
                        <a href="http://forum.forumactif.com/u22828" target="_blank">Profil</a>
                  </div>
               </span>
            </a>
            <a  class="bulle">
               <img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
               <span>
                  <img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
                  <div>
                     <a href="http://forum.forumactif.com/u109573" target="_blank">Profil
                     </a>
                  </div>
               </span>
            </a>
            </center>
         </fieldset>
      </div>
    </td>
    <td>
      <!-- L'image zoomée et le texte -->
        <fieldset class="field">
         <legend class="legende"> titre 2
         </legend>
         <!-- On utilise pas la classe qui gère le débordement  -->
         <font size=4>contenu 2  sans gestion de la hauteur
         </font>
      </fieldset>   
   </td>
</tr>
<!-- Nouvelle ligne de cellules -->
 <tr>
  <td>
  <!-- Nouvelle cellule -->
        <fieldset class="field">
         <legend class="legende">Le titre n° 3-
         </legend>
         <!-- Cette fois on utilise la classe de mise en forme du texte avec la gestion du débordement -->
         <div class="textefield">Texte avec gestion de la hauteur maximale et mise en forme par css
         </div>
      </fieldset>
    </td>
  <td>
        <fieldset class="field">
         <legend class="legende">-Titre 4-
         </legend>CONTENU 4 sans mise en forme par feuille de style
      </fieldset>
    </td>
 </tr>
 </tbody>
</table>
--------------------------------------------------------------------------




Jouez avec les styles et images de fond ?

Les modifications CSS
Code:
.field {
  height:250px;
  background-color:#7FB6EC;
  border : 5px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url("http://i67.servimg.com/u/f67/15/87/46/48/bannia10.gif") no-repeat;
  background-position: 0px -12px;
}
.legende {
  height:45px;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  background-color:#395DC1;
  color: #000;
  letter-spacing: -1px;
  font-size: 22px;
  font-family: Georgia;
  border : 2px solid #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

Ce qui donne



-------------------------------------------------


Besoin d'explications complémentaires ?

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par titane le Dim 6 Fév 2011 - 17:49

Thanks Tjrs aussi sympas I love you

titane
Nouveau membre

Messages : 29
Inscrit(e) le : 25/06/2007

http://photographes.gettalk.net/
titane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: autoriser le fieldset??

Message par ge80 le Dim 6 Fév 2011 - 19:03

Thanks

Si vous voulez une adaptation alors n'hésitez pas.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum