Soucis d'espace avec les onglets Bouton_activeSoucis d'espace avec les onglets Bouton_hoverSoucis d'espace avec les onglets Fb-hoverSoucis d'espace avec les 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
Soucis d'espace avec les onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis d'espace avec les onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis d'espace avec les onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis d'espace avec les onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis d'espace avec les onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis d'espace avec les onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis d'espace avec les onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis d'espace avec les onglets EmptySam 11 Fév 2023, 06:04 par Krager

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

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

Soucis d'espace avec les onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://vampiresschool.forumactif.org/forum.htm
G U E R L A I N
G U E R L A I N
{ Membre }
{ Membre }

Féminin Messages : 64



Soucis d'espace avec les onglets Empty
Bonjour tout le monde =D

J'ai un soucis d'espace avec mes onglets j'ai bien respecter le tuto donné ici mais voila il est sur mon titre administration et le reste je vous ait fait un screan

Comme vous voyer mes onglets n'on aucun espace et se mettent sur le titre de la catégorie. Et de même avec le reste c'est quoi le soucis?

Spoiler:


ps: pour faire des cadres autours de l'onglet on modifiera quoi? le css ou le template? simple question.


merci a tous
MessageSujet: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptyLun 11 Oct 2010, 21:51
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Soucis d'espace avec les onglets Empty
Bonjour,

C'est le css qu'on modifiera , toutefois je vais vous demander le template que vous avez retoucher pour faire les modification directement.
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptyMar 12 Oct 2010, 02:59
Revenir en haut Aller en bas
http://vampiresschool.forumactif.org/forum.htm
G U E R L A I N
G U E R L A I N
{ Membre }
{ Membre }

Féminin Messages : 64



Soucis d'espace avec les onglets Empty
ok voici mon template

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}<br />
{CURRENT_TIME}<br />
</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><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- 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">Administration</li>
<li onMouseOver="change_cat(1);" class="onglet_nactif" id="cat_1">Les limites</li>
<li onMouseOver="change_cat(2);" class="onglet_nactif" id="cat_2">Joannesbourg</li>
<li onMouseOver="change_cat(3);" class="onglet_nactif" id="cat_3">La savane</li>
<li onMouseOver="change_cat(4);" class="onglet_nactif" id="cat_4">Hors Jeux</li>



</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

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

 
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="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><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed"><div class="descriptions-categories">{catrow.forumrow.FORUM_DESC}</div></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 over" align="center" valign="middle" height="50">
      <span class="gensmall">
      <div class="sujets_messages">Réponses : {catrow.forumrow.POSTS} | Lettres : {catrow.forumrow.TOPICS}</div>
      <div class="derniers_sujets">{catrow.forumrow.LAST_POST}</div></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 -->
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptySam 16 Oct 2010, 08:16
Revenir en haut Aller en bas
Invité
Invité




Soucis d'espace avec les onglets Empty
Bonsoir ^^

Cela peut venir, je pense, d'un margin-top ou margin-bottom, dans une des class dans ton CSS qui est donné pour réglé tes onglets ^^
La classe onglet il me semble vu ton code ^^
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptySam 16 Oct 2010, 18:26
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis d'espace avec les onglets Empty
Lien du Forum s'il te plaît.
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptyDim 17 Oct 2010, 02:45
Revenir en haut Aller en bas
http://vampiresschool.forumactif.org/forum.htm
G U E R L A I N
G U E R L A I N
{ Membre }
{ Membre }

Féminin Messages : 64



Soucis d'espace avec les onglets Empty
je la donne par mp car il est pas ouvert =)
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptyMer 20 Oct 2010, 17:27
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Soucis d'espace avec les onglets Empty
Okay ;D
Donc, dans ton CSS :

Modifie ceci :

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

Par ceci :

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

Et modifie ceci :

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

Par ceci :

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

;D
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptyJeu 21 Oct 2010, 02:25
Revenir en haut Aller en bas
http://vampiresschool.forumactif.org/forum.htm
G U E R L A I N
G U E R L A I N
{ Membre }
{ Membre }

Féminin Messages : 64



Soucis d'espace avec les onglets Empty
oh merci c'est bon maintenant =D
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets EmptySam 23 Oct 2010, 14:04
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis d'espace avec les onglets Empty
MessageSujet: Re: Soucis d'espace avec les onglets   Soucis d'espace avec les onglets Empty
Revenir en haut Aller en bas
 

Soucis d'espace avec les onglets

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

 Sujets similaires

-
» Soucis avec mes onglets
» Soucis D'onglets
» Soucis avec une PA
» Soucis avec IE
» Un soucis avec les onglet d'une PA

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