Case "dernier message" décalée vers le haut Bouton_activeCase "dernier message" décalée vers le haut Bouton_hoverCase "dernier message" décalée vers le haut Fb-hoverCase "dernier message" décalée vers le haut Fb-active
AccueilForumÉquipe 
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
» Système d'onglets simple et personnalisable
Case "dernier message" décalée vers le haut EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Case "dernier message" décalée vers le haut EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Case "dernier message" décalée vers le haut EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Case "dernier message" décalée vers le haut EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Case "dernier message" décalée vers le haut EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Case "dernier message" décalée vers le haut EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Case "dernier message" décalée vers le haut EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Case "dernier message" décalée vers le haut EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Case "dernier message" décalée vers le haut

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://friendequestria.forumgratuit.org/
Smart Cookie
Smart Cookie
{ Membre }
{ Membre }

Féminin Messages : 40



Case "dernier message" décalée vers le haut Empty
Bien le bonjour !
Je suis entrain de faire un nouveau thème pour mon forum (pour l'instant, il est sur mon forum de test) et j'ai un problème avec mes catégories.

Spoiler:

Comme vous pouvez le voir, la partie du dernier message est légèrement plus haute que la partie de la description du sous-forum.
Note : L'espace à gauche, c'est normal, c'est l'icône du sous forum, donc rien à modifier de ce côté-là. C'est juste la case à droite qu'il faut rectifier.

Comment puis-je y remédier ?
Merci beaucoup ! x3

L'adresse de mon forum : http://ianaisho.forumgratuit.org/

Voici mon CSS :

Code:
a:link  { text-decoration: none !important }

td.catBottom, td.catHead{border: none !important;}

b {
text-shadow: 1px 1px 2px grey;
}

bold {
text-shadow: 1px 1px 2px grey;
}

strong {
text-shadow: 1px 1px 2px grey;
}

body {
  background-repeat: no-repeat;
}

        .opaque {
opacity : 0.5;
-moz-transition : opacity 1s;
-webkit-transition : opacity 1s;
}

.opaque:hover {
opacity : 1;
}

/* TITRE CATEGORIE */

a.forumlink:link, a.forumlink:visited {
font-size: 16px;
font-family: Times New Roman;
text-align : right ;
color: #462f7f;
letter-spacing: -1px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-top: 3px;
margin-bottom: -10px;
margin-right:40px;
display: block;
text-transform: uppercase;
text-shadow: 1px 1px 1px silver;
font-weight:normal;

}

a.forumlink:hover, a.forumlink:hover:visited {
color: #1a181c;
display: block;
        letter-spacing: 2px;
  transition: 1s;
}

/* FIN TITRE CATEGORIE */

.derniermess {
  marging-top: 20px;
  height: 90px;
    border-left: 3px #c2c4c4 solid;
      border-right: 4px #c2c4c4 solid;
  border-radius: 10px;
}

.description {
  width: 475px;
  height: 80px;
        border-right: 4px #c2c4c4 solid;
      border-left: 3px #c2c4c4 solid;
  border-radius: 10px;
  padding: 5px;
}
  

/*AFFICHAGE DE L AVATAR*/

.name1 {
  font-size: 16px; /*pour la taille du pseudo*/
}

.profilava {
  background-color: #f2f2f2; /*couleur de fond*/
  width: 210px;
  text-align: center;
  border-top: 5px solid midnightblue; /*au-dessus*/
  border-bottom: 5px solid midnightblue; /*en-dessous*/
  border-left: 1px dotted midnightblue;
  border-right: 1px dotted midnightblue;
  border-radius: 15px;
}

.profilinfo {
  background-color: #f2f2f2;
  width: 210px;
  text-align: justify;
  font-size: 12px;
  border-top: 5px solid midnightblue;
  border-bottom: 5px solid midnightblue;
  border-left: 1px dotted midnightblue;
  border-right: 1px dotted midnightblue;
  border-radius: 15px;
}
/*FIN AFFICHAGE DE L AVATAR*/

/* QEEL LIBRE GRAPH REIRA */

.groupes a {
font-size:15px;
margin-left:10px;
  font-family: Times New Roman;
ext-shadow: 0px 0px 4px #ffffff;
    letter-spacing: 0px;
}

.QEEL1 {
background-color : #bee6fb;
width:620px;
text-align: center;
  margin-top:3px;
padding:5px;
}
.QEEL {
background-color : #fafafa;
width:303px;
  padding:5px;
text-align: justify;
  height:150px;

}
.QEEL2 {
background-color : #fafafa;
  width:303px;
text-align: justify;
padding:5px;
  height:150px;
}
/* FIN QEEL LIBRE GRAPH REIRA*/

.forumline{
    background-color: #fafafa;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px ;
    border-radius:15px;
    border-left: 4px #c2c4c4 solid;
      border-right: 4px #c2c4c4 solid;
}

/* BARRE NAVIGATION */

.mainmenu img {
display: none;
}

a.mainmenu {
border: 2px solid #c2c4c4;
  color: #1d1b1f;
  font-size: 13px;
  font-family: Medula One;
padding: 4px;
  margin: 0px;
text-align: center;
border-radius: 8px;
  background-color : #fafafa;
  text-shadow: 1px 1px 1px silver;
}

a.mainmenu:hover {
  background-image: none;
  color: silver;
      transition: 1s;
}

/* FIN BARRE NAVIGATION */
Et le template de "Index_box",  la box des catégories :

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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <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}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
 <!-- END inc -->
 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <h{catrow.forumrow.LEVEL} class="hierarchy">
 <span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
 </span>
 </h{catrow.forumrow.LEVEL}>
 <div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
 <span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                  </span></div>
 </td>
 <td class="row3 over" align="center" valign="middle" height="50"><div class="derniermess"><br>
                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
 </td>
 </tr>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Dernière édition par Smart Cookie le Mer 21 Aoû 2013, 05:50, édité 1 fois
MessageSujet: Case "dernier message" décalée vers le haut   Case "dernier message" décalée vers le haut EmptyMar 20 Aoû 2013, 13:51
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Case "dernier message" décalée vers le haut Empty
Salut,

Alors voici la partie du code concernée ^^
Code:
<td class="row3 over" align="center" valign="middle" height="50"><div class="derniermess"><br>
                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
 </td>
Le problème vient simplement vient simplement de l'attribut "valign", qui a actuellement la valeur "middle". Actuellement le contenu de la cellule se centre verticalement, et comme il n'y a pas de titre en haut pour "pousser vers le bas", eh bien il parait un peu plus haut ^^'

Normalement si tu remplaces par "bottom", ça devrait aller je pense ^^
Code:
<td class="row3 over" align="center" valign="bottom" height="50"><div class="derniermess"><br>
                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
 </td>
MessageSujet: Re: Case "dernier message" décalée vers le haut   Case "dernier message" décalée vers le haut EmptyMar 20 Aoû 2013, 18:44
Revenir en haut Aller en bas
http://friendequestria.forumgratuit.org/
Smart Cookie
Smart Cookie
{ Membre }
{ Membre }

Féminin Messages : 40



Case "dernier message" décalée vers le haut Empty
Oui, c'était effectivement ça.
Merci beaucoup de ton aide ! ^w^

Problème résolu. ~
MessageSujet: Re: Case "dernier message" décalée vers le haut   Case "dernier message" décalée vers le haut EmptyMer 21 Aoû 2013, 05:49
Revenir en haut Aller en bas
Contenu sponsorisé




Case "dernier message" décalée vers le haut Empty
MessageSujet: Re: Case "dernier message" décalée vers le haut   Case "dernier message" décalée vers le haut Empty
Revenir en haut Aller en bas
 

Case "dernier message" décalée vers le haut

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

 Sujets similaires

-
» Lien vers le dernier sujet disparu
» [RESOLU] « Last Post » Lien vers dernier message ressorti, disparu..
» Le lien "Voir le dernier message" ne m'amène PAS au dernier message !
» Problème colonne "dernier message"
» Mettre sujet/message/dernier message avant description..

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Cookies | Forum gratuit