Problème d'alignement

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'alignement

Message par Anahys Lun 14 Juin 2010 - 18:24

Bonsoir,

Je souhaiterais aligner les statistiques à droite de la case mais je n'y arrive pas.

http://roxyforumtest.forums-actifs.net/

voici mon CSS
Code:
.msg-title {
  background-color: #CCD8F3;
  text-align: center;
  border-left: 8px solid #535E7A;
  border-right: 8px solid #535E7A;
  border-bottom: 1px solid #535E7A;
  color: #FFF;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  font-family: verdana;
 
}

.content{
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: verdana;
  border: 1px solid #535E7A;
  color: black;
  padding: 3px;

}

.msg-partenaire
{background-color: #535E7A;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color: #000000;
}

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;
  padding: 5px;
  background: #CCD8F3; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;
  color: #FFF;
    font-family: verdana;

  /* bordures de votre infobulle*/
  border: 1px double #535E7A;
  -moz-border-radius:10px;
}

.navigation:hover{
background-color: #535E7A;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color: #000000;
}

a {
/* Les liens ne seront plus soulignés */
text-decoration: none;
}


.statistiques{
border:0px;
background-image: url("http://i69.servimg.com/u/f69/11/99/07/17/qeel17.png");
background-repeat: no-repeat;
height:350px;
color:#0A0A0A;
font-family:"Times New Roman";
font-size:10px;
text-align:center;
}


/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{background-color: #color;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px double #535E7A; /* en double et bleu roi*/
font-size: 10px; /*taille de la police*/
letter-spacing: 1px;
}

.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 100px;
background-color: #couleur;
border: none;
font-size: 10px;
letter-spacing: 1px;
font-weight: bold;

}

a.forumlink{
background-color: #CCD8F3;
display: block;
text-align: center;
color: black;
-border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;}

a.forumlink {
          display: block;
          text-align: center; /* c'est ça qui centre ton texte */
          border-bottom: 4px double #535E7A; /* c'est la bordure */
}


body.chatbox  {
background-color: #CCD8F3;
background-repeat: repeat;
}


.groupes{
background-color:#CCD8F3;
height:30px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:12px;
font-weight: normal;
text-align:center;
text-decoration: none;}


body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
color:#0A0A0A;
background-color:#CCD8F3;
background-image:url(http://i69.servimg.com/u/f69/11/99/07/17/header30.jpg);
background-repeat:no-repeat;
background-position: top center; }

 .vignettes:hover
{background-color: #535E7A;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
color: #000000;
}

.posterava img{
  background-color : none;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
  width: 200px;
  height: 320px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5px;
border: 4px double #535E7A;}

u {
text-decoration: none;
border-bottom: 2px #000000 solid;
-moz-border-radius: 6px;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

.lastpost1 {
font-size: 10px;
margin-left: 10px;
padding-top:2px;
padding-bottom:2px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-topleft: 15px;
width: 100px;
height: 30px;
position: left;
border-left: 2px #535E7A solid;
border-bottom: 2px #535E7A solid;
border-top: 2px #535E7A solid;
border-right: 2px #535E7A solid;
background: none;
}

Merci d'avance à la personne qui m'aidera ><


Dernière édition par Anahys le Ven 25 Juin 2010 - 17:59, édité 1 fois
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anzu Lun 14 Juin 2010 - 23:29

Bonsoir,

Pourriez vous être plus précis ? Vous parlez des statistiques du qui est en ligne ?
De plus, on ne peut accéder à votre forum, donc il nous faudrait une capture d'écran ainsi que votre template index_body, si c'est bien ce dont vous parlez.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Mer 16 Juin 2010 - 13:55

Bonjour,
Voilà plus précisément mon problème

Problème d'alignement Probla12

Est-ce que c'est compréhensible maintenant ?
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Dim 20 Juin 2010 - 22:51

Up !
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Mar 22 Juin 2010 - 0:03

Up !

Personne pour m'aider ?
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anzu Mar 22 Juin 2010 - 9:12

Bonjour,

Il nous faudrait votre template index_box.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Mar 22 Juin 2010 - 10:37

Bonjour,
le voici.

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=&quot;nowrap&quot; width=&quot;50&quot;>{L_TOPICS}</th>
      <th nowrap=&quot;nowrap&quot; width=&quot;50&quot;>{L_POSTS}</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">
        <table width="100%"><tbody><tr><td><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}></td><td style="padding-left: 40px; text-align: center;" <div class="lastpost1">{catrow.forumrow.TOPICS} Sujets<br>{catrow.forumrow.POSTS} Messages<br></div></td></tr></tbody></table>
        <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>
                      </td>
      <!-- BEGIN forum_link_no -->
      <!-- <td class=&quot;row3&quot; align=&quot;center&quot; valign=&quot;middle&quot; height=&quot;50&quot;>
        <span class=&quot;gensmall&quot;>{catrow.forumrow.TOPICS}</span>
      </td>
      <td class=&quot;row2&quot; align=&quot;center&quot; valign=&quot;middle&quot; height=&quot;50&quot;>
        <span class=&quot;gensmall&quot;>{catrow.forumrow.POSTS}</span>
      </td> -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

Merci d'avance de votre aide.
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Mer 23 Juin 2010 - 16:49

Up !
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Jeu 24 Juin 2010 - 16:52

Up please -_-'
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Ven 25 Juin 2010 - 17:00

Help please !!

Je ne trouve vraiment pas ce qui ne va pas ><
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anzu Ven 25 Juin 2010 - 17:27


Bonsoir,

Mes excuses pour le retard, voila le template modifié:

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=&quot;nowrap&quot; width=&quot;50&quot;>{L_TOPICS}</th>
      <th nowrap=&quot;nowrap&quot; width=&quot;50&quot;>{L_POSTS}</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">
        <table width="100%"><tbody><tr><td><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}></td><td align="right"> <div  class="lastpost1"><center>{catrow.forumrow.TOPICS} Sujets<br>{catrow.forumrow.POSTS} Messages<br></center></div></td></tr></tbody></table>
        <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>
                      </td>
      <!-- BEGIN forum_link_no -->
      <!-- <td class=&quot;row3&quot; align=&quot;center&quot; valign=&quot;middle&quot; height=&quot;50&quot;>
        <span class=&quot;gensmall&quot;>{catrow.forumrow.TOPICS}</span>
      </td>
      <td class=&quot;row2&quot; align=&quot;center&quot; valign=&quot;middle&quot; height=&quot;50&quot;>
        <span class=&quot;gensmall&quot;>{catrow.forumrow.POSTS}</span>
      </td> -->
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall"><div class="arrondi">{catrow.forumrow.LAST_POST}</div></span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

> Un des td n'était pas fermé, donc j'ai corrigé.
> J'ai rajouté ceci dans le td:
Code:
<td align="right">
> et la balise center autour de la variable concernée.

Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement

Message par Anahys Ven 25 Juin 2010 - 17:59

Merci beaucoup !!!

J'avais pas fait gaffe pour la balise pas refermée. La preuve que je n'avais pas relu correctement ^^
Anahys

Anahys
**

Féminin
Messages : 68
Inscrit(e) le : 19/04/2010

http://fofolies.forumactif.biz/
Anahys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum