Un soucis avec les onglet d'une PA Bouton_activeUn soucis avec les onglet d'une PA Bouton_hoverUn soucis avec les onglet d'une PA Fb-hoverUn soucis avec les onglet d'une PA Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Un soucis avec les onglet d'une PA EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Un soucis avec les onglet d'une PA EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Un soucis avec les onglet d'une PA EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Un soucis avec les onglet d'une PA EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Un soucis avec les onglet d'une PA EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Un soucis avec les onglet d'une PA EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Un soucis avec les onglet d'une PA EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Un soucis avec les onglet d'une PA EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Un soucis avec les onglet d'une PA

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
Tout d'abord bonjour


Voilà que je vous explique, j'ai une page d'accueil en onglet et j'ai réussi a adapter le Css et le Html pour mon forum comme vous pouvez le voir ici.



Spoiler:


Jusque là, pas de soucis. Puis n'ayant pas assez d'onglet pour tout ce que je voulais faire, j'ai à nouveau adapter avec mes faibles connaissances pour avoir une deuxième rangée d'onglet . Comme ceci

Spoiler:

Jusque là toujours pas de soucis

Où ca commence à ne plus aller c'est quand je remplis les onglets . le premier pas de soucis comme vous pouvez le voir avec la deuxième image mais a partir du 7°onglet jusqu'au dernier, le contenu se met hors de cadre
Comme ceci

Spoiler:


Et là, je vous avoue, ben je suis complétement larguée. j'ai regardée, comparée pour voir où j'avais fait une erreur un "remplissant le contenue de mes onglet mais je ne voies rien .... bon d'un autre côté, y a un mois, j'ignorais ce que c'était du Css et html donc j'ai surement du foirer un truc

enfin voici mon code que j'ai utilisé

Spoiler:


J'espère que vous allez pouvoir m'éclairer

MErci d'avance


Dernière édition par titou le Mer 16 Juin 2010, 16:58, édité 1 fois
MessageSujet: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 14:25
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Un soucis avec les onglet d'une PA Empty
Bonsoir =)
Peut-on avoir le CSS associé s'il te plaît ?
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 15:09
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
*intervient xD*

De ce que je vois, dans la 2eme partie du code, tu as mit "message7" au lieu de "message6"~
Je ne sais pas si tu vois ce que je veux dire. C'est peut-être la source du bug, sinon c'est probablement une erreur de balise~

Enfin comme dit Kimy il faudrait le CSS pour qu'on puisse tester le code et régler le problème sur un forum test par exemple~
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 16:27
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
Ikø' -> Désolé mais je ne vois pas ce que tu veux dire et pourtant j'ai lu et relus tout les "message 6 et 7 ". A coup sur que je vais en rêver cette nuit xD

Sinon voilà le Css associé à ma PA

Spoiler:


Merci de prendre le temps de vous pencher sur mon petit soucis
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 18:28
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
C'est peut-être juste moi qui est fatiguée aussi. Ça se pourrait fortement x)
Je vais essayer de me pencher là dessus ce soir~
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 18:37
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
On sera deux dans le clan des fatigués alors ^^

Merci de ton attention Very Happy
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyLun 14 Juin 2010, 18:38
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
Désolée du retard, je suis en absence présentement pour examens et repos, mais je ne te laisserai pas tomber x)

Comme je ne connais pas ton code, serait-il possible d'avoir les deux tableaux séparément?
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 15:09
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
Il n'y a aucun soucis, chacun à sa vie à part ^^

Par contre désolé de faire ma blonde mais de quoi parles tu par tableaux séparé ?

Si j'essaie de comprendre mais sans être sur de ne pas me planter, je dirais que tu me demandes ce que j'ai mis exactement pour chaque tableau ...*toute petite* est cela ?
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 15:33
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
Tu as deux tableaux à onglets, le premier qui marche bien et le deuxième qui plante~ je veux le code de chacun des tableaux et non pas les deux ensembles, je veux voir quelque chose xDD

Et j'ai peur de faire planter la PA en essayant de séparer le code d'avant ._.
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 15:48
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
Okiii j'avais compris alors

Donc voici tout ça

Le premier tableau



Spoiler:


Et le Css qui va avec

Spoiler:


Et voici le deuxième


Spoiler:


et le Css qui va avec

Spoiler:
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:12
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
Merciii ~

Voilà donc j'ai trouvé le problème: il y avait deux balises /div de trop dans ton deuxième tableau, ce qui a fait fermer ton système d'onglet à partir du 6eme onglet. Je ne sais pas si tu comprends o_o

Voilà le code html de cette partie:
Code:
<html>
<head>
<script type="text/javascript">
function afficher(element){
  document.getElementById(element).style.display = "block";
}

function cacher(element){
  document.getElementById(element).style.display = "none";
}
</script>
</head>
<body><center>
  <table width="800"><tr><td width="160"><a href="#" onMouseOver="javascript:afficher('message6');javascript:cacher('message7');javascript:cacher('message8');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message6');" >
      <input type="button" value="Topsite" class="drh4"/>
  </a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message7');javascript:cacher('message6');javascript:cacher('message8');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message7');" >
      <input type="button" value="Partenaire Actif +" class="drh4"/>
  </a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message8');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message8');" >
      <input type="button" value="Partenaire Actif" class="drh4"/>
  </a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message9');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message8') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message9');" >
      <input type="button" value="Classique Double" class="drh4"/>
  </a><td>
<td width="83"><a href="#" onMouseOver="javascript:afficher('message10');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message8') ;javascript:cacher('message9')" onMouseOut="javascript:afficher('message10');" >
      <input type="button" value=" Forums du staff" class="drh4"/>
  </a><td></table>

<table width="800"><td width="800" rowspan="2"><div id="drh2">
      <div id="message6" style="display: inline;"><center><blockquote><div style="border: 3px solid #7e804e; text-align: center; width: 450px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px;"><table><tr><td align="center"><center>N'oubliez pas de voter pour nous</td></tr></table></div></div></blockquote></center>
 <div id="message7" style="display: none;" >yyyy<center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message8" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message9" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message10" style="display: none;"><center><a href="http://les-mondes.forumactif.com/index.htm"><img src="http://img10.hostingpics.net/pics/353850bouton_lien_mp.jpg" border="0" /></a><a href="http://leparalleledesmondes.forumactif.com/index.htm"><img src="http://img10.hostingpics.net/pics/886936bouton_lien_pm.jpg" border="0" /></a></center></div></div>
  </table><center>
</body>
</html>
Ça marche très bien sur mon forum test =D
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:20
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
Merci Merci Merciiiiiiiiiiii

tu es génial vraiment

mais puis-je abuser de ton temps en me montrant ( en me disant plutôt ) où exactement j'ai fais l'erreur (comme ca j'apprends en même temps xD enfin j'essaie )
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:26
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
*désactive le html*

<html>
<head>
<script type="text/javascript">
function afficher(element){
document.getElementById(element).style.display = "block";
}

function cacher(element){
document.getElementById(element).style.display = "none";
}
</script>
</head>
<body><center>
<table width="800"><tr><td width="160"><a href="#" onMouseOver="javascript:afficher('message6');javascript:cacher('message7');javascript:cacher('message8');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message6');" >
<input type="button" value="Topsite" class="drh4"/>
</a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message7');javascript:cacher('message6');javascript:cacher('message8');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message7');" >
<input type="button" value="Partenaire Actif +" class="drh4"/>
</a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message8');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message9') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message8');" >
<input type="button" value="Partenaire Actif" class="drh4"/>
</a><td>
<td width="160"><a href="#" onMouseOver="javascript:afficher('message9');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message8') ;javascript:cacher('message10')" onMouseOut="javascript:afficher('message9');" >
<input type="button" value="Classique Double" class="drh4"/>
</a><td>
<td width="83"><a href="#" onMouseOver="javascript:afficher('message10');javascript:cacher('message6');javascript:cacher('message7');javascript:cacher('message8') ;javascript:cacher('message9')" onMouseOut="javascript:afficher('message10');" >
<input type="button" value=" Forums du staff" class="drh4"/>
</a><td></table>

<table width="800"><td width="800" rowspan="2"><div id="drh2">
<div id="message6" style="display: inline;"><center><blockquote><div style="border: 3px solid #7e804e; text-align: center; width: 450px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px;"><table><tr><td align="center"><center>N'oubliez pas de voter pour nous</td></tr></table></div></div></div></blockquote></center></div>
<div id="message7" style="display: none;" >yyyy<center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message8" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message9" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div><div id="message10" style="display: none;"><center><a href="http://les-mondes.forumactif.com/index.htm"><img src="https://2img.net/r/hpimg10/pics/353850bouton_lien_mp.jpg" border="0" /></a><a href="http://leparalleledesmondes.forumactif.com/index.htm"><img src="https://2img.net/r/hpimg10/pics/886936bouton_lien_pm.jpg" border="0" /></a></center></div></div>
</table><center>
</body>
</html>

Tu vois ce qui est en rouge? Ce sont deux balises </div> fermantes de trop. L'une d'elles *la première* fermait cette partie-ci:
<div id="drh2">
Cette partie est la partie du contenu de l'onglet. Comme les balises </div> en trop fermait la partie du contenu, les autres onglets sortaient du contenu.

Si tu n'as pas compris je vais essayer d'expliquer différemment xD
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:34
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
*Html désactivé xD on en apprend tout le temps ^^*





<table width="800"><td width="800" rowspan="2"><div id="drh2">
<div id="message6" style="display: inline;"><center><blockquote><div style="border: 3px solid #7e804e; text-align: center; width: 450px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px;"><table><tr><td align="center"><center>N'oubliez pas de voter pour nous</td></tr></table></div></div></div></blockquote></center></div>

<div id="message7" style="display: none;" >yyyy<center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div>

<div id="message8" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div>

<div id="message9" style="display: none;" ><center><a href="URL FORUM"><img src="URL IMG" border="0" /></a></center></div>

<div id="message10" style="display: none;"><center><a href="http://les-mondes.forumactif.com/index.htm"><img src="https://2img.net/r/hpimg10/pics/353850bouton_lien_mp.jpg" border="0" /></a><a href="http://leparalleledesmondes.forumactif.com/index.htm"><img src="https://2img.net/r/hpimg10/pics/886936bouton_lien_pm.jpg" border="0" /></a></center></div></div>
</table><center>
</body>
</html>


Bon revenons a nos moutons.

Ce que tu as dis je crois le comprendre, enfin je pense. par contre j'ai deux questions

La première est le </div> derrière le </center> que tu as mis en rouge. quand je regarde les autres par exemple pour le message 7; il y a aussi un div derrière le center comme je l'ai mis en vert est ce normal enfin comme j'essaie de comprendre en comparant chaque élément, là je comprend pas Embarassed (j'ai espacé les "groupes" pour te montrer où je ne suis plus le raisonnement*

Ma deuxième question est le div que j'ai mis en jaune est bien celui qui ferme le <div id="drh2"> pour que ca reste comme tu dis dans le contenue ?
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:50
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
Donc
1- Oui effectivement tu as raison, mais je ne penses pas que ça change grand chose. En résumé, c'est plutôt ces div là qui devraient être supprimés pour garder la même chose que les autres onglets:
<div id="message6" style="display: inline;"><center><blockquote><div style="border: 3px solid #7e804e; text-align: center; width: 450px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px;"><table><tr><td align="center"><center>N'oubliez pas de voter pour nous</td></tr></table></div></div></div></blockquote></center></div>

2- Et oui, la div en jaune est bien celle qui ferme le contenu Wink
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:54
Revenir en haut Aller en bas
http://les-mondes.forumactif.com/index.htm
titou
{ Membre }
{ Membre }

Féminin Messages : 11



Un soucis avec les onglet d'une PA Empty
ca ne change effectivement pas grand chose vu que ca marche xD

Mais merci d'avoir pris du temps pour m'expliquer mon erreur. je sais j'aurai pu prendre le code et dire merci à la prochaine Embarassed mais je voulais vraiment comprendre ^^

Encore merci Ikø'


*petit soucis résolu ^^*
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 16:57
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Un soucis avec les onglet d'une PA Empty
Eh bien de rien Titou =D Je dois t'avouer que j'adore les membres qui essaie de s'aider eux même et de comprendre de leurs erreurs x)

*gros câlin*

Eh bien je classe ton sujet =D
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA EmptyMer 16 Juin 2010, 17:04
Revenir en haut Aller en bas
Contenu sponsorisé




Un soucis avec les onglet d'une PA Empty
MessageSujet: Re: Un soucis avec les onglet d'une PA   Un soucis avec les onglet d'une PA Empty
Revenir en haut Aller en bas
 

Un soucis avec les onglet d'une PA

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Soucis d'onglet
» Problème de PA avec onglet
» Soucis avec une PA
» Soucis avec IE
» Soucis avec mes onglets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit