autoriser le fieldset??
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
autoriser le fieldset??
Bonjour
Comment autoriser le fieldset ?
Qd je poste ca ne s affiche pas...
Cordialement
Comment autoriser le fieldset ?
Qd je poste ca ne s affiche pas...
Cordialement
Re: autoriser le fieldset??
Ca fonctionne dans prévisualisation mais pas quand je poste le sujet...
Re: autoriser le fieldset??
Bonjour
Est-ce le code qui est montré ?
Cordialement,
Ge
Est-ce le code qui est montré ?
Cordialement,
Ge
Re: autoriser le fieldset??
alors je mets mon code en basculant le mode édition
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
- 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
Re: autoriser le fieldset??
Avez-vous autorisé l'html ?
-> le tutoriel
-> le tutoriel
Re: autoriser le fieldset??
ui déjà fait sur les 3 endroits
Re: autoriser le fieldset??
Votre code fonctionne sur mon forum test.
Il ne reste que le problème de l'html
Il ne reste que le problème de l'html
Re: autoriser le fieldset??
c est bisard :no Il est où le soucis
Re: autoriser le fieldset??
Avez-vous autorisé le BBcode (c'est les mêmes trois points de contrôle que l'html.
Re: autoriser le fieldset??
ui je l ai fait aussi
J ai essayé avec un autre code, ca a l air de fonctionner, alors pourquoi pas celui ci
J ai essayé avec un autre code, ca a l air de fonctionner, alors pourquoi pas celui ci
Re: autoriser le fieldset??
Essayer de créer un nouveau sujet :
de mettre le petit bout de code ci-dessus et de me dire si cela fonctionne.
de mettre le petit bout de code ci-dessus et de me dire si cela fonctionne.
Re: autoriser le fieldset??
Non toujours pas
Re: autoriser le fieldset??
RE-RE-vérifier l'html
Le PA
Le profil
et les options du sujet que vous venez de créer !
Le PA
Le profil
et les options du sujet que vous venez de créer !
Re: autoriser le fieldset??
tout est bon, mais il n aime pas ce code
Re: autoriser le fieldset??
Essayer un autre code
Par exemple
Par exemple
- Code:
<a>[b]Test ?[/b]</a>
Re: autoriser le fieldset??
Ca me donne test en gras
Re: autoriser le fieldset??
donc ceci fonctionne
Nouveau test avec ce super code
Nouveau test avec ce super code
- Code:
<fieldset><legend>Informations</legend>Préférences </fieldset>
Re: autoriser le fieldset??
Ca me donne
Informations
Préférences
comme ca a la suite, en gras
Informations
Préférences
comme ca a la suite, en gras
Re: autoriser le fieldset??
Donc n'est ce pas simplement un problème d'encadrement ?
Re: autoriser le fieldset??
- Code:
<fieldset style="border : 5px solid #fff;"><legend>Informations</legend>Préférences </fieldset>
A essayer
Avec un cadre blanc
Re: autoriser le fieldset??
oh ca fonctionne
Re: autoriser le fieldset??
vous avez maintenant le style pour vos bordures.
style="border: 5px solid #fff;
style="border: 5px solid #fff;
Re: autoriser le fieldset??
Ha merciiiii
T es un ange d avoir pris de ton temps :thanks:
T es un ange d avoir pris de ton temps :thanks:
Re: autoriser le fieldset??
L'ange part manger :lol!:
bonne soirée
bonne soirée
Re: autoriser le fieldset??
Bon app' et encore Merciiii
Re: autoriser le fieldset??
et donc je reviens a la charge ; parce que je débute le fieldset
comment faire des coins arrondis
comment changer la largeur de la cellule:?:
comment en mettre 2 l un a coté de l autre
comment en mettre centré ou a droite
comment faire des coins arrondis
comment changer la largeur de la cellule:?:
comment en mettre 2 l un a coté de l autre
comment en mettre centré ou a droite
Re: autoriser le fieldset??
J'avais fait une aide avec les fiedset
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. */
/* Partie permettant la gestion de la fenêtre surgissant ou bulle */
/* La position est relative par rapport à la souris */
/* 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 */
/* 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; */
/* 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("https://i.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; */
La partie en message d'accueil avec commentaires dans le message.
A copier en message d'accueil
Jouez avec les styles et images de fond ?
Les modifications CSS
Ce qui donne
-------------------------------------------------
Besoin d'explications complémentaires ?
Ge
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("https://i.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
Re: autoriser le fieldset??
:thanks: Tjrs aussi sympas
Re: autoriser le fieldset??
:thanks:
Si vous voulez une adaptation alors n'hésitez pas.
Si vous voulez une adaptation alors n'hésitez pas.
Sujets similaires
» [Administration] Pouvoir modifier pour un membre "Autoriser le HTML" et "Autoriser le BBCode"
» Titre catégorie en fieldset
» Titre fieldset centré
» Imiter la balise "legend" d'un fieldset avec une "div"
» Autoriser la pub par MP
» Titre catégorie en fieldset
» Titre fieldset centré
» Imiter la balise "legend" d'un fieldset avec une "div"
» Autoriser la pub par MP
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum