Problème de catégories en onglets. Bouton_activeProblème de catégories en onglets. Bouton_hoverProblème de catégories en onglets. Fb-hoverProblème de catégories en onglets. Fb-active
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
Problème de catégories en onglets. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de catégories en onglets. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de catégories en onglets. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de catégories en onglets. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de catégories en onglets. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de catégories en onglets. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de catégories en onglets. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de catégories en onglets. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

Partagez
 

Problème de catégories en onglets.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://aleajactaest-rp.forumactif.com/forum.htm
Moony
Moony
{ Membre }
{ Membre }

Féminin Messages : 10



Problème de catégories en onglets. Empty

    Bonjour/Bonsoir.

    Voilà, ça fait maintenant 2h que je me bats avec le template et le css afin de résoudre un petit problème avec un code pour que mes catégories apparaissent sous forme d'onglets. J'ai beau chercher comment y remédier, mon niveau en codage ne doit pas être suffisant pour régler ce problème, alors je viens demander de l'aide.^^

    Peu importe ce que je fais, j'obtiens toujours ce résultat :

    Spoiler:

    Comme vous pouvez le constater, tout se passe très bien pour le premier onglet xD Mais les autres se superposent sous forme de texte et même pas sous forme d'onglet, rien...

    Alors voici le template du forum.

    Spoiler:

    Et voici le css :

    Spoiler:

    De toute évidence, un truc cloche xD mais je ne sais pas quoi... si ça vient juste c'est pas grand-chose, mais bon...^^
    Je remercie d'avance toute personne qui tentera de m'aider ! =)
MessageSujet: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 22 Fév 2011, 19:05
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Problème de catégories en onglets. Empty
Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu je te prie d'éditer ton premier message et de cocher l'icône Problème de catégories en onglets. Resolu

Merci Wink
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 02:09
Revenir en haut Aller en bas
http://aleajactaest-rp.forumactif.com/forum.htm
Moony
Moony
{ Membre }
{ Membre }

Féminin Messages : 10



Problème de catégories en onglets. Empty

    Oui, il est toujours d'actualité.
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 07:29
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de catégories en onglets. Empty
Bonjour !

L'erreur ne provient pas du CSS (qui devrait afficher correctement l'effet) mais du HTML de ton template. En fait, les onglets sont mal nommés (t'as du ripper sur le clavier, oublier le i de inactif et copier/coller le tout Wink).

Voici une bonne version du template, dis-moi ce que ça donne !

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>

<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

var i = 0;

document.write('<div align="left">
<ul class="onglet">

 
<li onClick="change_cat(0);" class="onglet_actif" id="cat_0">PREFACE</li>
<li onClick="change_cat(1);" class="onglet_inactif" id="cat_1">GESTION</li>
<li onClick="change_cat(2);" class="onglet_inactif" id="cat_2">HOGWARTS</li>
<li onClick="change_cat(3);" class="onglet_inactif" id="cat_3">THE WORLD</li>
<li onClick="change_cat(4);" class="onglet_inactif" id="cat_4">HAVE FUN</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

var nom_cat = new Array('0','1','2','3');

 
function change_cat(numero)
{
 document.getElementById(nom_cat[anc_cat]).style.display = 'none';
 document.getElementById(nom_cat[numero]).style.display = 'block';
 document.getElementById('cat_'+nom_cat[anc_cat]).className = 'onglet_inactif';
 document.getElementById('cat_'+nom_cat[numero]).className ='onglet_actif';
 anc_cat = numero;
}

function capture_cat()
{
if(nom_cat[compteur_cat] == nom_cat[0])
{document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="forumline" id="' + nom_cat[compteur_cat] + '" style="display:none;">');
}
compteur_cat++;
}

//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->

<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 08:07
Revenir en haut Aller en bas
http://aleajactaest-rp.forumactif.com/forum.htm
Moony
Moony
{ Membre }
{ Membre }

Féminin Messages : 10



Problème de catégories en onglets. Empty

    J'étais sûre que c'était lié à un truc tout con, mais à ce point... XD
    Merci beaucoup en tout cas, mon problème est résolu.

    Bonne journée.
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 08:11
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de catégories en onglets. Empty
Ce genre d'erreur ça arrive même aux meilleurs t'as pas à t'en faire xD

Bonne journée à toi !
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 08:12
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Problème de catégories en onglets. Empty
L'icône résolu étant cocher,je déplace Wink
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. EmptyMar 01 Mar 2011, 08:35
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de catégories en onglets. Empty
MessageSujet: Re: Problème de catégories en onglets.   Problème de catégories en onglets. Empty
Revenir en haut Aller en bas
 

Problème de catégories en onglets.

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

 Sujets similaires

-
» Problème onglets de catégories
» Probléme de titre avec mes categories en onglets
» Plusieurs problème avec mes onglets de mes categories
» Problème d'espace sous les Catégories en Onglets
» Problème de catégories en onglets+Barre de menu rollover

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-

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