Sujets similaires

Bonjour enfin à cette heure bonsoir serait plus approprié Very Happy

Afin d'innover pour la prochaine version d'un de mes fo' qui va fêter ses 1 an
je voulais mettre, comme on le voit sur beaucoup, une PA avec des onglets, évidemment personnalisée à mon gout.

Je voudrais savoir quel est le code à rajouter pour que les onglets soit à gauche.
J'ai essayé position, clear et float sans résultat =)

Et puis mon autre question...
Tout va bien jusqu'à ce que je renomme les onglets, et là paf, c'est la cata.

En changeant le nom des onglets, plus rien ne marchait. J'ai remodifié un truc et ça marchait à nouveau. Maintenant le problème c'est que les deux derniers onglets fonctionnent comme il faut. . Cependant l'onglet "accueil" ne réagit plus Shocked

Voilà le code html :

Code:: <body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_accueil" onmouseover="javascript:change_onglet('_accueil_');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_news" onmouseover="javascript:change_onglet('news');">Stay in touch</span>
<span class="onglet_0 onglet" id="onglet_friendship" onmouseover="javascript:change_onglet('friendship');">Friendship</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_accueil">

Salut salut
</div>
<div class="contenu_onglet" id="contenu_onglet_news">
Les dernières news du fo'
</div>
<div class="contenu_onglet" id="contenu_onglet_friendship">
Wanna be friend ?
</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>

J'ai fait une bourde, mais je sais pas où Surprised

Bonjour,

Votre problème est toujours d'actualité ?

Oui ^^

Bonjour.
Pourrait t'on voir le script ?

Pour le problème avec l'accueil, je pense que c'est à cause du '_accueil_' au lieux de 'accueil'.
Il faut enlever body aussi.

Le script c'est celui ci http://www.supportduweb.com/scripts_tutoriaux-code-source-48-systeme-d-onglets-en-javascript-x-html-et-css-dans-la-meme-page.html Que j'ai modifié à mon gout.
J'ai change le "accueil", ça marche à nouveau , merci ^^

Pour le positionnement des onglet, aves vous tester text-align: left; sur #onglets tout simplement ?

Quand je te demandez le script, c'est le tiens qui m'intéresse. Le tuto je m'en fiche.

Oui j'avais testé avec le text-align, mais sans résultat, testé avec les position, absolute, fixed ect...

Voilà mon script :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
font-size: 18px;
display:inline-block;
margin-left:5px;
margin-right5px;
margin-top: -2px;
padding:5px;

cursor:se-resize;
-moz-border-radius-topright: 10px ;
-moz-border-radius-bottomleft: 15px ;
}
.onglet_0
{
background:#dddddd;
font-size: 18px;
-moz-border-radius-topright: 10px ;
-moz-border-radius-bottomleft: 15px ;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:5px;
-moz-border-radius-topright: 10px ;
-moz-border-radius-bottomleft: 15px ;
font-size: 18px;
}
.contenu_onglet
{
background-color:#dddddd;
font-size: 14px;
margin-top:10px;
padding:10px;
display:none;
-moz-border-radius : 10px ;

}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_accueil" onmouseover="javascript:change_onglet('accueil');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_news" onmouseover="javascript:change_onglet('news');">Stay in touch</span>
<span class="onglet_0 onglet" id="onglet_friendship" onmouseover="javascript:change_onglet('friendship');">Friendship</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_accueil">

Salut salut
</div>
<div class="contenu_onglet" id="contenu_onglet_news">
<h1>Qui?</h1>
C'est un script réalisé par Ybouane,<br />
Webmaster du site <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
</div>
<div class="contenu_onglet" id="contenu_onglet_friendship">
<h1>Pourquoi?</h1>
Pour simplifier la navigation et la diviser en parties
</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>
</html>

Tu es sûr ?
Parce que je viens de le faire et ça marche très bien.

Attention au fautes, ya un s dans ta classe .onglets et pas .onglet

En mettant le code sur une page html ça marche, mais pas dans la PA, sans doute a cause de ma feuille css. Vu que j'ai mis le code sur un de mes autres forums en essai c'est pour ça, ça intervient avec le code pour le menu que j'ai bloqué en haut. Donc mon problème est réglé, merci ^^

Onglets à gauche/Accueil non réactif

Onglets à gauche/Accueil non réactif

Sujets similaires

Sujets similaires

Partenaires Or