probleme tableau
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
probleme tableau
Bonjour
J'ai un petit probleme. J'ai suivi le tuto https://forum.forumactif.com/t310879-tableaux-a-onglets mais ca me donne pas le bon résultat. Qu'est je fais comme erreur?
C’est sur mon forum test http://testcarousse.fr-bb.com/#deuxieme_onglet
Merci bien
J'ai un petit probleme. J'ai suivi le tuto https://forum.forumactif.com/t310879-tableaux-a-onglets mais ca me donne pas le bon résultat. Qu'est je fais comme erreur?
C’est sur mon forum test http://testcarousse.fr-bb.com/#deuxieme_onglet
Merci bien
Dernière édition par carousse le Jeu 20 Sep 2012 - 19:36, édité 1 fois
Re: probleme tableau
- Bonsoir,
Avec-vous introduit le CSS dans votre feuille de style (Affichage, couleurs, feuille de style CSS) ?
Cordialement,
Invité- Invité
Re: probleme tableau
oui et le voici
Ma page HTML
Merci de ta réponse
- Code:
/* .systab .tab => les onglet */
.systab .tab {
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #fff;
border: 1px solid #000;
cursor: pointer;
}
/* .systab .tab:hover => les onglets survolés */
.systab .tab:hover {
background: #b8efa1;
color: #487f31;
border-color: #487f31;
}
/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
color: #ccc;
background: #333;
}
/* .systab .contents => les conteneurs des contenus associés aux onglets */
.systab .contents {
margin-top: 1px;
margin-bottom: 1px;
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
display: block;
margin: 5px;
}
/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
float: left;
}
Ma page HTML
- Code:
<div class="systab">
<div>
<span>News</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
</div>
<div>
<span>Zmploi du temp</span>
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
</div>
<div>
<span>Staff</span>
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
</div>
<div>
<span>Partenaire</span>
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.
</div>
<div>
</div>
</div>
Merci de ta réponse
Re: probleme tableau
double up
Re: probleme tableau
Bonjour
Comment peut ont modifier la colonne de gauche dans l'apparence du forum pour y mettre des images ou texte
Merci
EDIT Pinguino : Merci d'ouvrir votre propre sujet et d'en profitez pour allez consulter les règles de ce forum !
Comment peut ont modifier la colonne de gauche dans l'apparence du forum pour y mettre des images ou texte
Merci
EDIT Pinguino : Merci d'ouvrir votre propre sujet et d'en profitez pour allez consulter les règles de ce forum !
Re: probleme tableau
Ouvre un nouveau sujet, car ce n'est pas le thème ici.
Après ceci est juste un conseil car je pense que tu auras plus de réponse
Après ceci est juste un conseil car je pense que tu auras plus de réponse
Re: probleme tableau
bonsoir,
vous n'avez pas mis le bon script ...
vous n'avez pas mis le bon script ...
Re: probleme tableau
j'ai pas dis quel javascrpt j'ai mis j'ai seulement dit le CSS et le html
j'ai remis tous les code du tutos ça marche pas, est ce que j'ai fait une erreur ou je l'ai mal placer ou quoi
j'ai remis tous les code du tutos ça marche pas, est ce que j'ai fait une erreur ou je l'ai mal placer ou quoi
Re: probleme tableau
carousse a écrit:
Ma page HTML
- Code:
<div class="systab">
<div>
<span>News</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
</div>
<div>
<span>Zmploi du temp</span>
Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.
</div>
<div>
<span>Staff</span>
Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede.
</div>
<div>
<span>Partenaire</span>
Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.
</div>
<div>
</div>
</div>
bonjour,
sur votre forum test , il y a :
- Code:
<div class="tabs-onglets">
<a href="#premier_onglet">Premier onglet</a>
<a href="#deuxieme_onglet">Deuxième onglet</a>
<a href="#troisieme_onglet">Troisième onglet</a>
</div><div id="contenu">
<div id="premier_onglet">
<h1>Premier onglet</h1>
</div>
<div id="deuxieme_onglet">
<h1>Deuxième onglet</h1>
</div>
<div id="troisieme_onglet">
<h1>Troisième onglet</h1>
</div>
</div>
... qui n'a aucun rapport avec le CSS du tuto , et le CSS de votre forum test ...
merci de remettre le code que vous proposez , pour avoir des onglets fonctionnels .
Re: probleme tableau
enfaite j'avais pas mis au bon endroit merci Bien
Sujets similaires
» problème de tableau.
» probleme de tableau
» Problème tableau
» Problème PA (Tableau)
» Problème Tableau
» probleme de tableau
» Problème tableau
» Problème PA (Tableau)
» Problème Tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum