Page d'accueil

[Camoche03]

Salut, eh oui encore moi :p

Je me demandais comment faire une PA un peu comme ça :



Enfin des petites pages avec titre séparé du texte par une barre en pointillés, du texte dedans, une image en fond etc ...

Merci pour toutes vos réponses

[K-Surf]

Tu peut le faire en HTML et CSS

[Camoche03]

Oui ça je sais x) mais je ne connais pas les codes

[Camoche03]

Non c'est bon j'ai trouvé un code

[Lixyr]

Non c'est bon j'ai trouvé un code

Bonjour.

Et donc ? C'est résolu où il reste encore des questions sans réponse ?

[Camoche03]

En fait j'ai un autre problème :
J'ai utilisé les codes, qui marchent très bien https://forum.forumactif.com/t286196-tableau-a-onglets?highlight=onglets
Mais quand je clique sur l'onglet 2, il y a toujours le contenu de l'onglet 1

Si vous savez comment faire, merci

[Lixyr]

Pour ça, il faudrait que vous me donniez le code que vous avez mis dans votre PA. ^^ (code html + css + js)

[Camoche03]

J'ai pas de js je sais pas ce que c'est
J'ai mis ce code en pa :

Code:

<script src="http://pmsc.free.fr/J04/10912150254.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></ul>

et ça en css

Code:

ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #fff;
  background: #000000;
  border: 2px solid #4682b4;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #000000;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #fff;
  background:#000000;
  border-top: 2px solid #4682b4;
  border-right: 2px solid #4682b4;
  border-left: 2px solid #4682b4; 
  border-bottom: 1px solid #000000; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #fff;
  background: #000000;
  border: 2px solid #4682b4;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

[Lixyr]

Ça marche très bien chez moi. ^^ Vous êtes sûr que vous n'avez pas mal vu ?

[Camoche03]

Désolée d'avoir dérangé, c'est résolu, j'ai trouvé un autre code pour un autre style de PA :p
Je le mets en résolu ?

Merci quand même

[Invité]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif