Problème au niveau des Onglets Bouton_activeProblème au niveau des Onglets Bouton_hoverProblème au niveau des Onglets Fb-hoverProblème au niveau des Onglets 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
Problème au niveau des Onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème au niveau des Onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème au niveau des Onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème au niveau des Onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème au niveau des Onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème au niveau des Onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème au niveau des Onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème au niveau des Onglets EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

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

Problème au niveau des Onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
▬ Jewel .
▬ Jewel .
{ Membre }
{ Membre }

Féminin Messages : 17



Problème au niveau des Onglets Empty
Hello ..
Je rencontre un problème ; Le texte ne rentre pas dans mes onglets.
Lien de mon forum pour 'Illustrer' ;

http://graaph-world.forumactif.com/

Css Des Onglets ;
Code:

.text {
color:#FFFFFF;
cursor:pointer;
}

#cat_• Come Back,#cat_• PF. Addict,#cat_• PS. Addict,#cat_• Cours !,#cat_• Graph en tout Genre,#cat_• Détente ♪  {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:900px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img4.hostingpics.net/pics/513709Opeen.png') no-repeat;
width:150px;
height:71px;
cursor:pointer;
}

.onglet_nactif {
background:url('http://img4.hostingpics.net/pics/299196Open.png') no-repeat;
width:150px;
height:50px;
cursor:pointer;
}


Template Index_Box ;
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="center">
<ul class="onglet">

 
<li onMouseOver="change_cat(0);" class="onglet_actif" id="cat_0">• Come Back</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">• PF. Addict</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">• PS. Addict</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">• Cours !</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">• Graph en tout Genre</li>
<li onMouseOver="change_cat(5);" class="onglet_nactif" id="cat_5">• Détente ♪</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

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

 
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_nactif';
 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>
                        <div class="mystats_fa">{catrow.forumrow.POSTS} Posts &_{catrow.forumrow.TOPICS} Topics.
                        </div>
      </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 -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


En vous remerciant d'Avance, Jewel.
MessageSujet: Problème au niveau des Onglets   Problème au niveau des Onglets EmptyMer 22 Déc 2010, 05:19
Revenir en haut Aller en bas
http://wonderlandsugar.exprimetoi.net
Breathe.
Breathe.
{ Membre }
{ Membre }

Féminin Messages : 24



Problème au niveau des Onglets Empty
    Coucou !
    En fait il faut juste que tu changes la taille de tes onglets dans le CSS

    Code:
    .onglet_actif {
    background: url('http://img4.hostingpics.net/pics/513709Opeen.png') no-repeat;
    width:150px;
    height:71px;
    cursor:pointer;
    }

    .onglet_nactif {
    background:url('http://img4.hostingpics.net/pics/299196Open.png') no-repeat;
    width:150px;
    height:50px;
    cursor:pointer;
    }

    A "width" et "height" (soit "largeur" et "hauteur").

    En espérant t'avoir aidée ^^.
MessageSujet: Re: Problème au niveau des Onglets   Problème au niveau des Onglets EmptyMar 28 Déc 2010, 12:23
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème au niveau des Onglets Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Problème au niveau des Onglets Resolu3 en éditant votre premier message (:
MessageSujet: Re: Problème au niveau des Onglets   Problème au niveau des Onglets EmptyMar 04 Jan 2011, 13:14
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème au niveau des Onglets Empty
Bonjour (:
N'ayant aucune réponse depuis la dernière relance d'un modérateur, je considère ce problème comme résolu ou abandonné.
Je classe, merci de votre compréhension (:
MessageSujet: Re: Problème au niveau des Onglets   Problème au niveau des Onglets EmptyLun 10 Jan 2011, 11:47
Revenir en haut Aller en bas
Contenu sponsorisé




Problème au niveau des Onglets Empty
MessageSujet: Re: Problème au niveau des Onglets   Problème au niveau des Onglets Empty
Revenir en haut Aller en bas
 

Problème au niveau des Onglets

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

 Sujets similaires

-
» Problème au niveau du profil
» Problème au niveau de la largeur du forum
» Problème au niveau de formulaires (envoi impossible de message)
» Problème au niveau de la fiche de présentation
» Problème au niveau des catégories (RESOLU)

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