| [résolu]Catégories : images et block sujets-messages 'pas au milieu' | |
|
Kaileen
{ Membre }
Messages : 103
| Bonjour ! Je fais une nouvelle fois appel à votre aide, car j'ai un petit sujet, toujours avec mes catégories. Ce n'est pas grand chose, je pourrais le laisser ainsi, mais j'ai le soucis de l'esthétique et ça fait pas très beau. Voici le forum concerné : http://americandreams.lebonforum.com/ Comme vous pouvez le voir, au niveau des catégories, l'image qui indique si le forum est verrouiller, s'il y a quelque chose de nouveau ou rien du tout, se trouve centré, mais tout en haut de la catégorie. Idem pour le bloc qui indique le nombre de sujet(s) et de message(s) sur le forum. J'aimerais que le tout se trouve, toujours dans la même colonne, mais au milieu. J'espère que je suis assez claire dans mes propos Voici la template modifiée : - 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> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
<div class="categorie">
<!-- END tablehead --> <!-- BEGIN cathead --> <!-- END cathead --> <!-- BEGIN forumrow --> <div class="forum"> <table><tr> <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td> <td style="vertical-align: top;"><span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> <span class="description">{catrow.forumrow.FORUM_DESC}</span></td> <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span> <span class="last">{catrow.forumrow.LAST_POST}</span></span></td> </tr></table> <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </div>
<!-- END forumrow --> <!-- BEGIN catfoot --> <!-- END catfoot --> <!-- BEGIN tablefoot --> </div> <!-- END tablefoot --><!-- END catrow --> C'est sûrement un truc tout bête, mais je coince et je n'arrive pas à trouver le petit truc à changer. Merci d'avance ! |
Dernière édition par Kaileen le Ven 29 Juin 2012, 07:33, édité 1 fois | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Salut pourrais t'on avoir ta page css, s'il te plait ^^
Edit : Voilà je l'ai fait c'était le style="vertical-align: top;" qui ne fallait pas mettre, tu aurais du mettre valign="middle" ensuite j'ai rajouter des colspan et des rowspan pour que tu es ce genre de catégories
Comme tu le vois ces derniers sert à fusionner des cellules, maintenant la correction ^^
| | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Salut ! Merci. Je viens de testé, et c'est toujours pareil Voici donc le CSS : - Code:
-
/* MISE EN FORME DES CATEGORIES */
.forumline { width: 98%; margin: auto; }
.table { width: 98%; margin: auto; }
.cate_titre { width: 98%; margin: auto; text-align: center; }
.categorie { width: 98%; margin: auto; margin-top: 10px; margin-bottom: 10px; background: #e9e9e6; border-top: 3px solid #4c4842; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; box-shadow: 0px 0px 5px #595959; -moz-box-shadow: 0px 0px 5px #595959; -o-box-shadow: 0px 0px 5px #595959; -htm-box-shadow: 0px 0px 5px #595959; -webkit-box-shadow: 0px 0px 5px #595959; }
.forum { width: 98%; margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; background: #f3f3f3; border: 1px solid #c0c0c0; border-radius: 20px 20px 20px 20px; padding: 2px; }
.forumlink { display: block; width: 600px; font-family: 'Rancho', cursive; font-variant: small-caps; letter-spacing: 2px; padding-left: 20px; text-shadow: 1px 1px 0px #ffffff; }
.forumlink a { font-size: 25px; border-bottom: 2px dotted #c0c0c0; }
.description { display: block; width: 500px; margin: auto; font-size: 11px; text-align: justify; color: #a6a6a6; }
.illu { float: right; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c0c0c0; border-radius: 5px 5px 5px 5px; background: #e9e9e6; padding: 5px; }
.stats_last { display: block; width: 160px; margin: auto; background: #e9e9e6; padding: 10px; border: 1px dotted #c0c0c0; }
.stats { display: block; text-align: center; font-size: 10px; color: #a6a6a6; border-bottom: 1px solid #cacaca; padding-bottom: 4px; margin-bottom: 4px; }
.last { display: block; text-align: center; font-size: 11px; }
.sous_forum { display: block; width: 98%; margin: auto; background: #; padding: 2px; text-align: center; }
a.nav img { width: 200px; } | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Tu as appuyer sur le check pour validé car moi cela marche | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Oui, c'est fait. J'ai recommencer plusieurs fois, et c'est intact sur mon forum. | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Tu pourrais me passer ton forum, s'il te plait ^^
Edit : non désolé je ne l'avait pas vu en haut ^^
Edit2 : Essaie maintenant | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Je comprends rien, c'est pareil. Ou alors, je suis pas au bon endroit, mais je pense pas. Peut être que ça vient du navigateur ? Je suis firefox. | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| Non j'ai chrome et firefox installé, j'ai aussi pensé à ça mais cela marchais sur firefox, et tu l'as bien mis dans index_box, mais un - Code:
-
<tbody> entre les tr | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| A quel endroit ? Entre chaque tr ? Ou juste entre le début et la fin ? Parce que quand je le met de cette façon là, ça change rien et ça me déforme ma catégorie. Désolée d'être aussi pénible | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| C'est pas toi qui est pénible, c'est ton forum qui m'obéit pas tu vas voir on va le faire plier J'ai une chose à te demander essaie cela, j'ai enlevé le valign=top pour voir quelque chose et dis moi si cela change Edit : Ouais j'ai compris, cela ce passe quelque part dans ton CSS mais je sais pas où T_T donc je vais aller chercher *ouaf* | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Vilain forum, pas gentil Effectivement, j'ai testé, c'est pareil. J'ai penser à la CSS aussi, s'il te la faut au complet, n'hésite pas. Normalement ça doit coincé dans cette partie, j'ai essayer d'autres éléments en fouinant sur le net, pas ça modifie l’apparence et pas ce que je voudrais | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| J'ai trouvé En faite au début de ton css tu as un - Code:
-
td { vertical-align: top; } C'est ça qui fait pas plier le forum ^^, il est toute à la fin de /* Propriétés générales */ Tu enlèves et cela doit marcher ^^ | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Oui ! C'est bon, ça marche. Merci, merci beaucoup ! | | |
|
| |
Faucon
{ Membre hyper-actif }
Messages : 1757
| de rien, on la fait plier ce forum ^^ | | |
|
| |
Kaileen
{ Membre }
Messages : 103
| Oui, puis maintenant, je sais d'ou ça vient, je referais pas la même erreur. | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Yop' Je vois que le problème est résolu, alors je déplace ! Merci de l'avoir signalé | | |
|
| |
Contenu sponsorisé
| |
| |
| [résolu]Catégories : images et block sujets-messages 'pas au milieu' | |
|