[résolu]Catégories : images et block sujets-messages 'pas au milieu' Bouton_active[résolu]Catégories : images et block sujets-messages 'pas au milieu' Bouton_hover[résolu]Catégories : images et block sujets-messages 'pas au milieu' Fb-hover[résolu]Catégories : images et block sujets-messages 'pas au milieu' Fb-active
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
» Fiche de Présentation RPG
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
[résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

Partagez
 

[résolu]Catégories : images et block sujets-messages 'pas au milieu'

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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 Embarassed

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 ! Smile


Dernière édition par Kaileen le Ven 29 Juin 2012, 07:33, édité 1 fois
MessageSujet: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyJeu 28 Juin 2012, 10:21
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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 ^^

MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 02:47
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Salut !
Merci. Je viens de testé, et c'est toujours pareil Sad
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; }
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 03:53
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Tu as appuyer sur le check pour validé car moi cela marche
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 04:51
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Oui, c'est fait. J'ai recommencer plusieurs fois, et c'est intact sur mon forum.
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 05:16
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 05:38
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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.
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:09
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:20
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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 Sad
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:28
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
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 [résolu]Catégories : images et block sujets-messages 'pas au milieu' 1440637669

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*
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:40
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Vilain forum, pas gentil Very Happy
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 Smile
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:53
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
J'ai trouvé [résolu]Catégories : images et block sujets-messages 'pas au milieu' 2931871781

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 ^^
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 06:58
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Oui !
C'est bon, ça marche. Merci, merci beaucoup !
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 07:32
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
de rien, on la fait plier ce forum ^^ Very Happy
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 07:34
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Oui, puis maintenant, je sais d'ou ça vient, je referais pas la même erreur.
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 07:44
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Yop'
Je vois que le problème est résolu, alors je déplace !
Merci de l'avoir signalé [résolu]Catégories : images et block sujets-messages 'pas au milieu' 926145
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' EmptyVen 29 Juin 2012, 19:06
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
MessageSujet: Re: [résolu]Catégories : images et block sujets-messages 'pas au milieu'   [résolu]Catégories : images et block sujets-messages 'pas au milieu' Empty
Revenir en haut Aller en bas
 

[résolu]Catégories : images et block sujets-messages 'pas au milieu'

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

 Sujets similaires

-
» Séparation des catégories et affichade de nombre de sujets et messages postés
» Problème images titres des catégories (Resolu)
» [résolu]Coin "sujets/messages/derniers message"
» [Résolu] Problème après suppression des colonnes "Sujets" et "Messages".
» Problème avec ce code : "Messages & Sujets au dessus du dernier message" | Résolu :)

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-

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 | Forumactif.com