Sujets similaires

Bonsoir... Décidément je bloque... J'ai beau retourné mon soucis dans tout les sens y'a un truc qui cloche J'ai tenté de faire le tuto pour changer le QEEL en plus stylisée Tuto que j'adore au demeurant. Mais je dois être blonde

Voici le code index-body :

Spoiler:

Voici mon Css :

Spoiler:

Et voici un screen du résultat vu sur mon forum...
Attention les yeux

Spoiler:

Donc j'ai le soucis du fond qui ne prends pas en comptes toutes les informations d'une part. j'aimerais aussi centrer mon image par rapport au forum... Et j'aimerais un écart entre chaque groupe mais j'arrive pas a le faire...

J'ai conscience qu'il y a une erreur dans le code car j'ai un et je ne sais plus quoi qui apparait en rouge. Pourtant j'ai bien copier coller le code ou il fallait...

Merci d'avance pour votre aide! J'espère avoir été précise dans l'explication de mes soucis en espérant ne pas être trop ennuyante. Je suis novice et je crois que ça se voit

Il semblerait que tu aies un petit problème de balise ici. Toute la page est déformée!

Pourrais-tu y remédier avant que nous nous occupions de ton problème? ^^

Ha ben j'avoue que je ne comprends pas J'ai juste éditer avec mozilla et valider sans rien retouché et la page c'est remis d'elle même...

Pour mon soucis... C'est une balise qui pose problème je penses car il y a des balises rouge. Pensez vous que ce soit parce que je suis sur un phbb2?

Je vous remets le code car il a été modifier...

Spoiler:

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
 <a href=http://l-orchidee-sauvage.monempire.net/g1-patronne>Patronne</a>
<a href=http://l-orchidee-sauvage.monempire.net/g2-artistes>Artistes</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g3-apprentie>Apprentie</a>
 <a href=http://l-orchidee-sauvage.monempire.net/g9-eleve-de-l-ecole>Eleves</a> <img src=> 
 <a href=http://l-orchidee-sauvage.monempire.net/g4-clients-gloria-regny>Clients Gloria Regny</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g5-clients-autre-jeux>Clients d'autres Jeux</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g8-professeur>Professeur</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g10-amis-artistes>Amis artistes</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g6-artistes-exterieurs>Artistes exterieur</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g13-tavernier>Hotes d'accueil</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}]</center> 
<td width="5%"></td>
</tr>
</table>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src=http://nsa21.casimages.com/img/2012/05/06/120506020803802741.png>

Les partie en rouge sont le

Code:

</center>

juste a coté de logged in user list...
Et le

Code:

</tr> et le </table>

juste en deux ligne en dessous... je sais pas si ça vous aidera plus...

Bonjour,

Alors, je ne sais pas si c'est ça qui fait bugguer ton template, mais le "/center" et le "/span" devraient être inversés. Car tu as d'abord ouvert le "center" et ensuite le "span" Il doit mettre en rouge car les balises mal fermées, il doit pas aimer.

Ensuite, en faisant le total de tes % de ta table (soit 15 + 50 +5) ne font pas 100%... Pour moi, il y a un truc qui va pas, mais je sais toujours pas si c'est ça qui ne va pas.

Ensuite encore, tu devrais mettre ton image du bas dans la table des connectés durant les dernières 24 heures, comme ceci :

Code:: <table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>

(D'ailleurs, tu devrais éliminer soit "align="center" soit ton "text-align:justify", ils se contredisent.) Et dans le CSS :

Code:: style="text-align:justify; background-image:url(url_de_ton_image);"

Et de mettre une hauteur minimale de façon à ce que l'image ne soit pas coupée, comme ceci :

Code:: <table border="0" cellspacing="3" cellpadding="0" width="700" style="text-align: justify; background-image:url(url_de_ton_image);"><tr style="min-height:191px;"><td>
{L_CONNECTED_MEMBERS}</td></tr></table>

Voilà pour ce que je vois, en espérant que cela t'aide Wink

Hihi! je vais déjà tenté ce que tu viens de m'expliquer... Pour le code, a vrai dire je l'ai juste copier coller comme demander dans le tuto, je n'ai modifier que les liens et couleurs... et j'ai déjà tenter d'inverser les deux mais ça reste rouge...

en attendant je vais tenter le reste et voir ce que cela donne. Je te dis cela par la suite

Bon ben j'ai tenté et rien ne fonctionne... Ou je suis vraiment blonde ou le tuto avait un soucis
une autre idée? en espérant ne pas trop t’embêter du coup...

Hmm... As-tu remplacé "url_de_ton_image" par l'url de ton image, justement ? XD

Je demande ça, parce que ça me parait bizarre que ça ne change rien du tout...

Et as-tu enlevé donc la balise "img" du bas de cet extrait de code ? Parce que si tu la laisses, c'est sûr que tu verras pas la différence ;p

Et une capture d'écran serait le bienvenu, ou alors le lien vers ton forum Wink

Pour le moment, j'ai pas plus d'idées, désolé.

Alors... Oui j'ai bien tout remplacer comme tu l'as expliqué.

Tout d'abord, je te poste le code trouver dans le tuto sur ce forum :

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
 <a href="LIEN DU GROUPE 1">NOM DU GROUPE 1</a> <img src="http://i31.tinypic.com/mugck1.jpg">
<a href="LIEN DU GROUPE 2">NOM DU GROUPE 2</a> <img src="http://i31.tinypic.com/mugck1.jpg">
 <a href="LIEN DU GROUPE 3">NOM DU GROUPE 3</a> <img src="http://i31.tinypic.com/mugck1.jpg">
 <a href="LIEN DU GROUPE 4">NOM DU GROUPE 4</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="LIEN IMAGE DU BAS">

Ceci pour que tu vois que déjà dans le tuto y'a un truc qui cloche. Et pour vous prévenir afin que vous changiez le tuto pour ne pas voir d'autres personnes venir vous voir pour le même soucis que moi

Maintenant je te poste les changement fait sur mon code :

Code:: 
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
 <center>
 <a href=http://l-orchidee-sauvage.monempire.net/g1-patronne>Patronne</a>
<a href=http://l-orchidee-sauvage.monempire.net/g2-artistes>Artistes</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g3-apprentie>Apprentie</a>
 <a href=http://l-orchidee-sauvage.monempire.net/g9-eleve-de-l-ecole>Eleves</a> <img src=> 
 <a href=http://l-orchidee-sauvage.monempire.net/g4-clients-gloria-regny>Clients Gloria Regny</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g5-clients-autre-jeux>Clients d'autres Jeux</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g8-professeur>Professeur</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g10-amis-artistes>Amis artistes</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g6-artistes-exterieurs>Artistes exterieur</a> 
 <a href=http://l-orchidee-sauvage.monempire.net/g13-tavernier>Hotes d'accueil</a> 
{TOTAL_POSTS}. {TOTAL_USERS} 
{NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
{LOGGED_IN_USER_LIST}</center> 
<td width="5%"></td>
</table>
</tr>

<table border="0" cellspacing="3" cellpadding="0" width="700" style="text-align: justify; background-image:url(http://nsa21.casimages.com/img/2012/05/06/120506020803802741.png);"><tr style="min-height:191px;"><td>
{L_CONNECTED_MEMBERS}</td></tr></table>

Et mon Css :

Code:: .statistiques{
border:0px;
style="text-align:justify; background-image:url(http://nsa21.casimages.com/img/2012/05/06/12050602073478012.png);"
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:#3F1B54;border: 2px #EBC9F0 dashed;
-moz-border-radius : 8px 8px 8px 8px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Et pour voir le résultat, je te laisse le lien de mon forum :

Forum : http://l-orchidee-sauvage.monempire.net/
Login : Cssactif
Mdp : codage

En espérant avoir été plus claire et merci à toi de m'aider... je t'avoue que je désespère pour le coup...

Bonjour !

On dirait que je me suis mal exprimé et que du coup, tu as une ligne qui ne marche pas dans ton CSS, celle-ci :

Code:: style="text-align:justify; background-image:url(http://nsa21.casimages.com/img/2012/05/06/12050602073478012.png);"

Sûrement à cause de ça que cela ne marche pas. sinon, essaie de mettre des guillemets dans ton "url()", comme ceci, dans ton template :

Code:: <table border="0" cellspacing="3" cellpadding="0" width="700" style="text-align: justify; background-image:url("http://nsa21.casimages.com/img/2012/05/06/120506020803802741.png");"><tr style="min-height:191px;"><td>
{L_CONNECTED_MEMBERS}</td></tr></table>

Parce que j'ai vérifié sur mon forum qui applique une technique très proche, il y en a. Donc essaie déjà de voir ça. Par contre, je vois pas pourquoi la première de tes deux images ne marche plus °°'

Hello Evanaelle !
Je m’incruste un petit instant pour éviter l'abus de double post ^^ Si tu as quelques à rajouter et que personne n'a posté (surtout quelques minutes après), n'hésite pas à utiliser la fonction "Éditer".
C'est grâce à cette petite image Probleme tuto QEEL Editer

que tu peux éditer ton message et ainsi éviter les doubles posts (:
Merci d'avance Probleme tuto QEEL 926145

Bonsoir Psycho! Oui désolée j'aurais dû éditer... je ferais attention la prochaine fois... décidément je fais tout de travers!

Pour le code, j'ai changer le code comme tu m'as demandé Solaris mais ça ne marche toujours pas! D'ailleurs table a la fin est rouge maintenant... et j'ai toujours mon soucis de rouge sur les autres... Je commence a me dire qu'il ne faut pas utilisé ce code... et que je devrais en chercher un autre... snif...

Bonsoir,

Juste une remarque en passant si ça peut aider mais effectivement le code suivant ne marche pas parce-que ce n'est pas du CSS mais du HTML :

Code:: style="text-align:justify; background-image:url(http://nsa21.casimages.com/img/2012/05/06/12050602073478012.png);"

Un code CSS correct se traduit de la manière suivante :

Code:: selecteur {
/* Liste de propriétés CSS */
}

Soit ici, dans un sélecteur adéquat, appliquer les propriétés CSS suivantes :

Code:: ...
text-align:justify;
background-image:url(http://nsa21.casimages.com/img/2012/05/06/12050602073478012.png);
...

Après je ne suis pas rentré plus que ça dans le problème, mais je pense que ça peut aider Wink

Après quelques prise de tête... j'ai fini par changer mon QEEL. Mais vous savez quoi??? il a un soucis aussi... décidément... Je crois que je ne suis pas doué!

Je vous dépose le nouveau code...

Code:: 

<div class="qeel_titre"></div>
<div class="forumline">
<table>
<tr>
<td><a href="#" class="groupe1">Groupe 1Texte de description du groupe survolé</a>
<a href="#" class="groupe2">Groupe 2Texte de description du groupe survolé</a>
<a href="#" class="groupe3">Groupe 3Texte de description du groupe survolé</a>
<a href="#" class="groupe4">Groupe 4Texte de description du groupe survolé</a>
<a href="#" class="groupe5">Groupe 5Texte de description du groupe survolé</a></td>
<td>
<div class="qeel_infos">{TOTAL_POSTS}. {TOTAL_USERS}. {NEWEST_USER} 
{TOTAL_USERS_ONLINE} 
 {RECORD_USERS} 
 
 {LOGGED_IN_USER_LIST}</div>
<div class="qeel_infos"><table> {L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table></div>
</td>
</tr>
</table>
</div>

Et voici mon Css :

Code:: .qeel_titre
{
width:800px;
height: 100px;
margin: auto;
background: url(http://img15.hostingpics.net/pics/445654qeeltitre.png) no-repeat;
}
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5
{
display: block;
font-weight: bold;
text-transform: small-caps;
margin-top: 5px;
text-align: center;font-size: 14px;
}
.groupe1
{
color: #dd5549 !important;
}
.groupe2
{
color: #5176b4 !important;
}
.groupe3
{
color: #d19656 !important;
}
.groupe4
{
color: #579c5a !important;
}
.groupe5
{
color: #545454 !important;
}
.groupe_contenu
{
display: none;
}
.qeel_infos
{
width: 98%;
margin-top: 5px;
margin-bottom: 5px;
background: #f3f3f3;
border: 1px dotted #c0c0c0;
padding: 4px;
font-size: 10px;
text-align: center;
}
.groupe1:hover .groupe_contenu, .groupe2:hover .groupe_contenu, .groupe3:hover .groupe_contenu, .groupe4:hover .groupe_contenu, .groupe5:hover .groupe_contenu
{
display: block;
position: Justify;
margin-left: 200px;
width: 400px;
background: #e9e9e6;
padding: 4px;
border: 1px dotted #c0c0c0;
color: #989898;
font-size: 10px;
font-weight: normal;

Et voici le résultat

Probleme tuto QEEL Qeel10

Oui je sais je suis une porte poisse mais je suis pas contre une aide! Au moins ce code n'a pas de rouge! Comme vous pouvez le remarqué, mes groupes sont écrasé sur le coté... et j'aimerais qu'ils aient plus de place

Bonjour! il te suffit de modifier ton code ainsi:

Code:

<tr>
<td width="XXpx"><a href="#" class="groupe1">Groupe 1Texte de description du groupe survolé</a>
<a href="#" class="groupe2">Groupe 2Texte de description du groupe survolé</a>
<a href="#" class="groupe3">Groupe 3Texte de description du groupe survolé</a>
<a href="#" class="groupe4">Groupe 4Texte de description du groupe survolé</a>
<a href="#" class="groupe5">Groupe 5Texte de description du groupe survolé</a></td>
<td>

en remplaçant les XX dans width par la largeur voulue! ^^

Merci de ton aide

Bonjour Evanaelle !
Ton sujet est-il complètement résolu ? Smile

Oui complètement
tu peux clore

Hello (:
Je déplace alors =D

Probleme tuto QEEL

Probleme tuto QEEL

Sujets similaires

Sujets similaires

Partenaires Or