probleme tableau

[carousse]

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

[Invité]

Bonsoir,

Avec-vous introduit le CSS dans votre feuille de style (Affichage, couleurs, feuille de style CSS) ?

Cordialement,

[carousse]

oui et le voici

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

[carousse]

up

[carousse]

up

[carousse]

double up

[bootleg51]

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 !

[carousse]

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

[Scoubifitz]

bonsoir,

vous n'avez pas mis le bon script ...

[carousse]

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

[Scoubifitz]

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 .

[carousse]

enfaite j'avais pas mis au bon endroit merci Bien