probleme tableau

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

Résolu probleme tableau

Message par carousse le Jeu 13 Sep 2012 - 18:22

Bonjour

J'ai un petit probleme. J'ai suivi le tuto http://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

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par Kinotto le Jeu 13 Sep 2012 - 18:29

    Bonsoir,

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

    Cordialement,
    spiderman

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Jeu 13 Sep 2012 - 18:32

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
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Ven 14 Sep 2012 - 22:38

up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Sam 15 Sep 2012 - 23:21

up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Mar 18 Sep 2012 - 22:45

double up

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par bootleg51 le Mer 19 Sep 2012 - 9:34

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 ! Smile

bootleg51
Nouveau membre

Messages : 1
Inscrit(e) le : 16/09/2012

http://gsent-raid.forumgratuit.org/forum
bootleg51 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Mer 19 Sep 2012 - 21:04

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

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par Scoubifitz le Mer 19 Sep 2012 - 22:03

bonsoir,

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

Hi

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme tableau

Message par carousse le Jeu 20 Sep 2012 - 16:54

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


carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme tableau

Message par Scoubifitz le Jeu 20 Sep 2012 - 19:19

@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 .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme tableau

Message par carousse le Jeu 20 Sep 2012 - 19:35

enfaite j'avais pas mis au bon endroit merci Bien

carousse
*****

Messages : 809
Inscrit(e) le : 02/08/2008

http://rpg-vampire-knight.vampire-legend.com/
carousse 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