Sujets similaires

Bonjour,

Voilà, je me retrouve confrontée à un problème. Je souhaitais mettre une image en fond de mes catégories et mettre les liens, l'image, le texte etc par dessus (faire joli quoi).

Mais je me retrouve face à un bel échec. Mon image apparaît bien. J'ai le texte (mal placé, mais je m'en occuperais après). Le problème est que si la première ressemble à peu près à quelque chose, les suivantes sont complètement hors cadre.

Voici mon template.

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

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

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

<div class="cathead"></div><div class="catbody">


<table width="100%" border="0" cellspacing="1" cellpadding="0">
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr><td nowrap="nowrap" width="100%" class="secondarytitle" align="center" colspan="3"> {catrow.tablehead.L_FORUM} </td>

</tr>


<tr>

<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<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}"><font style="color: #b89053 !important;">{catrow.cathead.CAT_TITLE}</font></a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>


<tr border="0">
<table id="fond"><tr>

<td>
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" id="image" />
</td>
<td>
<center><span class="gensmall">
<div id="subfo" class="lienscat">
<div class="grisliens">
{catrow.forumrow.LINKS}
</div>
</div></span>
{catrow.forumrow.L_LINKS}
<script type="text/javascript">
jQuery('#subfo').html(jQuery('#subfo').html().replace(/, /g,'<br />')).removeAttr('id');
</script>
</center>
</td>

<td class="row1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" border="0">
<table valign="top"><tr><td>
<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}><center> <span class="gensmall"><div class="messages_sujets"> {catrow.forumrow.TOPICS} sujets. {catrow.forumrow.POSTS} messages. </div></span> </center>

<span class="genmed"><justify><div class="grisdesc">
<div class="description">{catrow.forumrow.FORUM_DESC}</div></div></justify></span>

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

</td></tr><tr>
<td>
<center><span class="gensmall">

<div class="dernier_message"><div class="grismessage">{catrow.forumrow.LAST_POST}</div>
</div>
</span></center>
</td>
</tr>
</table>

</td></tr></table>








<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>

</tr>


<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table>
</div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" />

Et voici mon forum test.
http://marauderstest.frbb.net/

Si vous sauriez m'éclairer, m'expliquer, afin que je puisse corriger (ou corriger si vous m'expliquez xD). Je vous serais redevable. Voila deux jours que je me creuse la tête là dessus.

Je vous souhaite une bonne journée et vous remercie.

Salut,

De ce que je peux voir sur ton forum, la première catégorie est effectivement totalement déstructurée, mais toutes les suivantes sont biens.

Ce n'est qu'une hypothèse, mais peux tu vérifier tes descriptions de forum pour la première catégorie (celle où il y a le problème) ? Il y en a peut être une avec un problème de balises (par exemple une balises fermantes qui trainerait toute seule, et qui pourrait fermer celle ouvrant tes catégories).

Coucou,

Il est vrai que ça aurait pu être une bonne idée, mais non, ça ne change rien.

J'ai changé le code du template, il était incorrecte je viens de voir (j'ai modifier entre temps).

De plus, je ne sais pas si ça se voit bien, mais les dernières catégories, le dernier sujet est décalé sur la droite. (bon c'est secondaire vu l'autre soucis xD)

Je te remercie de m'aider en tout cas

Bonsoir,

Je me permet de signaler que mon problème est toujours d'actualité et qu'il m'empêche de terminer ma MAJ. Si vous auriez une idée, je pense que je suis prête à la tester.

Bonne soirée.

A priori, en reregardant ton code, il me semble que chaque balise est bien fermée, je crois pas en avoir vu en trop... Je sais pas du tout d'où ça peut venir :/

Est ce que tu une idée de "quand" c'est apparu ? (quand tu as fait quelle modification en particulier)

très exactement quand j'ai mis l'image de fond

Code:: <table id="fond"><tr>

Je te donne mon css peut-être y a-t-il une erreur.

Code:: /***********CATEGORIE**************/
.cattitle{
color: #757423 !important;
}

.grisdesc {
/*border-left: 3px solid #957a52;
border-right: 3px solid #957a52;
background-image:linear-gradient(#696819, black);
padding:5px;
margin-left:14px;
margin-right:14px;
margin-top:0px;*/
}

#image {
margin-left: -45px;}

#fond {
background-image: url(http://img11.hostingpics.net/pics/848696cate.png);
width: 795px;
height: 292px;
margin-left: 70px;
margin-top:-20px;
margin-bottom:10px;
}

.grismessage {
/* border-left: 3px solid #957a52;
border-right: 3px solid #957a52;
background-image:linear-gradient(#696819, black);
padding:5px;
margin-left:14px;
margin-right:14px;
margin-top:5px;
min-height : 40px;*/
}

.grisliens {
/*border-left: 3px solid #957a52;
border-right: 3px solid #957a52;
background-image:linear-gradient(#696819, black);
padding:5px;
margin-left:14px;
margin-right:14px;
margin-top:0px;*/
width : 130px;
height : 100px;
overflow: auto;
}

.lienscat{
font-size: 10px;
font-family: times new roman;
letter-spacing: 1pt;
margin-top : 20px;
text-align: justify;

}

.description{
text-align : justify;
width:300px;
padding:5px;
overflow : auto;
height : 110px;
position : relative;
top : 40px;
left : 150px;
}

.messages_sujets{
text-align: right;
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
font-family:times new roman;
margin-top:30px;
}

.dernier_message {
margin-top : 50px;
width : 250px;
margin-left: 120px;
}

/*fin*/

Sinon...est-ce que toi tu sais le faire ? D'une autre manière peut-être ? Mon objectif était de mettre une image en arrière plan, mais elle fait tout capoter.

Juste une petite remarque : il ne faut pas utiliser id=fond, mais plutôt une class ^^. En effet, une id devrait n'être présente qu'une seule fois sur un site Wink

2nde petite remarque, voici ce que l'on peut voir dans ton code :

Code:: 
<tr border="0">
<table id="fond"><tr>

Après une balise tr (ligne de tableau), il faut ouvrir une balise td (cellule de tableau), et non pas directement ton nouveau tableau. Il serait mieux de mettre ceci :

Code:: 
<tr border="0"><td>
<table id="fond"><tr>

Et bien entendu, quand tu fermes ta table, juste après tu fermes la cellule du tableau ^^

Ligne 95 (j'ai rajouté une fermeture de balise td à la fin) :

Code:: </td></tr></table></td>

Je viens de faire un essai sur mon forum, ça me semble mieux Wink

Sujet: Re: Problème d'image de fond de catégorie Dim 01 Sep 2013, 13:02

Ah oui ça résous complètement le problème !!

Juste...je n'arrive pas comprendre. Si tu regarde le forum maintenant, tu peux voir que tout va bien, sauf le dernier sujet de la partie flood. Est-ce que tu aurais une idée du pourquoi de la chose ? Si c'est non hé bien...j'ai envie de dire tant pis j'ai résolu mon problème principale xD

Ah non...j'ai une autre question que je me permet de poser ici (je ne sais pas trop si je peux ou si je dois ouvrir un nouveau sujet.)

Quand on clique sur un sujet, on voit donc le texte écrit. En fait...j'aurais souhaité avoir un trait de chaque côté pour délimité et peut-être même que la couleur du fond soit plus clair pour différencier un peu, tout comme avoir le trait pour séparer le profil du message. Le problème c'est...que je n'arrive pas à grand chose. Dès que je modifie une couleur ou un trait ça chamboule tout.

Sujet: Re: Problème d'image de fond de catégorie Dim 01 Sep 2013, 14:21

Tu peux me dire c'est quoi le problème avec la partie flood o_o ? J'dois être un peu à l'ouest, je le vois pas xDDD.

Pour l'histoire du sujet, j'ai un peu de mal à comprendre. Tu peux me faire un schéma (ouais, j'demande toujours des schéma xDDD) ? Et aussi, me dire ce que tu as essayé, quels bugs ça faisaient ^^

Sujet: Re: Problème d'image de fond de catégorie Dim 01 Sep 2013, 15:31

Une image est mieux en effet.

Alors,

Je souhaiterais des traits à la place des lignes rouges. Ceci afin de délimiter la partie ou on lis et écrit du fond qui est de la même couleur.
Là ou il y a la croix, je souhaiterais changer le fond pour justement permettre aussi une meilleur démarcation.

Les problèmes que j'ai rencontré : Là ou il y a les traits vert, ça se colore de le même couleur que lorsque je souhaite changer la couleur (ou y a la croix), c'est la taille du forum en fait.

Avec les traits, j'en ai partout du coup et ils sont blanc, ils sont également là ou il y a les deux barres bleu etc et je trouve que c'est très laid personnellement.

Est-ce que tu arrive visualiser un peu ?

Sujet: Re: Problème d'image de fond de catégorie Dim 01 Sep 2013, 16:21

Je sais pas si tu connais l'inspecteur d'élément comme outil ? Genre Firebug pour Firefox (en général tu fais clic droit sur un élément "Examiner / Inspecter l'élément" et ça l'ouvre. Ca te permet de voir le code html, quel css s'y applique.
Pourquoi j'en parle ? Car avec ça tu peux situer justement pour ta cellule quel css lui correspond ^^

Sinon, tu peux rajouter dans le template une class spéciale pour leur rajouter ensuite des bordures ^^

Sujet: Re: Problème d'image de fond de catégorie Mar 03 Sep 2013, 07:08

Alors, j'ai bien fais comme tu as expliqué, il se trouve que la balise pour modifier ce que je souhaite est forumline. Je lui ai donc donné une couleur de fond et un cadre. ça fait très exactement ce que je souhaite pour mes sujets. Mais ça fait également quelque chose que je ne souhaite absolument pas.

Si tu souhaite regarder sur mon forum test, tu verras que mon image du qeel possède désormais un fond bleu (et ça rend bof bof) j'imagine qu'il sera de même pour la PA (je ne l'ai pas encore modifiée).Et le plus embêtant est mon image mise en catbody

Code:: .catbody {
width: 900px;
margin:auto;
background-repeat: repeat-y;
background: url('http://i1121.photobucket.com/albums/l507/Crum-Crum/milieu.png');
}

qui disparaît complètement.

Est-ce que tu saurais m'aider s'il te plait ><'

Sujet: Re: Problème d'image de fond de catégorie Mar 03 Sep 2013, 07:37

Dans tes template, tu enlèves pour ton QEEL la class "forumline", tu l'enlèves aussi autour des catégories (car au final, est ce vraiment utile à ces endroits là ?). Moi personnellement c'est ce que je ferai ^___^

Si je ne me trompe pas, tu règles quelque part la couleur de foruline dans ton Panneau d'Admin au niveau des couleurs, mais je sais plus où. C'est utilisé à pleins d'endroits. Par exemple, regarde cette page là : http://marauderstest.frbb.net/memberlist quand tu enlèves la couleur du forumline...

Sujet: Re: Problème d'image de fond de catégorie Jeu 05 Sep 2013, 07:11

ça marche du tonner ^^ C'est peut-être pas très "normal" mais ça a résolut totalement mon problème ♥

Merci, je crois que je n'ai plus de questions ♥

Problème d'image de fond de catégorie

Problème d'image de fond de catégorie

Sujets similaires

Sujets similaires

Partenaires Or