Question, affichage par onglet

[Dadou]

Et depuis quand on met des espaces et des accents dans un CSS?

[Yumi]

Ben si on peut vu qu'il y a quelques personnes qui ont réussi cela en mettant des accents et tout ça mais pour la majorité d'entres nous, meme si le CSS et le template sont respectés cela ne marche pas ce qui est étrange

[Patrick]

Tu fais les choses à moitié !

Tu changes les noms de tes styles CSS mais pas l'id appelante dans le HTML !

Corrige cela et ça devrait aller mieux.

++

Patrick

[Yumi]

Comment ça ? Désolée mais je suis pas très douée niveau CSS et l'HTML c'est la première fois que j'utilise ce genre de chose '

[Patrick]

Yumi,

je suis désolé mais il ne semble pas possible de t'aider si tu ne comprends pas le fonctionnement du code que tu utilises.

Je me permet de te suggérer de commencer par acquérir les bases du HTML et du CSS (il existe d'excellente ressource sur le web pour cela) et ensuite de revenir à ton problème.

Tu sembles vouloir piloter un A380 sans aucune connaissance.

Je te semble peut-être un peu rustre, mais avant de courir il faut apprendre à marcher.

Bon courage pour la suite, moi je baisse les bras sur ce topic.

Patrick.

[Yumi]

Okay no souci, avec de la détermination je sais que je vais réussir, de demanderait a un autre forum de m'aider

[Patrick]

Juste au cas où, essaie ça ...

<!-- 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">Votre 1ère catégorie</li>
<li onmouseover="change_cat(1);" class="onglet_nactif" id="cat_1">RPG</li>

</ul>
</div>
');

var compteur_cat = 0;

var anc_cat = 0;

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


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="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" 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 -->

/********onglets***************/

.text {
color:#000000; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_0,#cat_1, /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

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

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

.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://hitskin.com/themes/13/82/71/i_background.gif') no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:50px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('http://hitskin.com/themes/13/82/71/i_background.gif') no-repeat; /*URL de l'onglet étant inactif*/
width:150px; /*Largeur de l'onglet étant inactif*/
height:50px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}

Sans garantie cependant.

++

Patrick

[Yumi]

Merci de ton aide mais j'avais réussi en faite c'était une faute au niveau d'espace au template, le CSS était bon voila désolée de vous avoir déranger et merci d'avoir voulu m'aider

[Patrick]

Le CSS était obligatoirement mauvais !

#cat_Votre 1ère catégorie,#cat_RPG, /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

Ne peux en aucun cas fonctionner !