Sous-forums centrés Bouton_activeSous-forums centrés Bouton_hoverSous-forums centrés Fb-hoverSous-forums centrés 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
Sous-forums centrés EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Sous-forums centrés EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Sous-forums centrés EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Sous-forums centrés EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Sous-forums centrés EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Sous-forums centrés EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Sous-forums centrés EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Sous-forums centrés EmptySam 11 Fév 2023, 06:04 par Krager

-29%
Le deal à ne pas rater :
DYSON V8 Origin – Aspirateur balai sans fil
269.99 € 379.99 €
Voir le deal

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

Sous-forums centrés

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Zilah
Zilah
{ Membre }
{ Membre }

Féminin Messages : 60



Sous-forums centrés Empty
Bonsoir !

Je n'ai pas trouvé de sujet correspondant à ma recherche. Peut-être je suis passée à côté ! Enfin je me lance quand même.

J'aimerais que les liens de mes sous-forums soient centrés. Et aussi qu'il n'y ait pas de saut de ligne entre ma description et mon lien. Voici ce que ça donne en image : CLICK.

Merci de vos réponses Smile
MessageSujet: Sous-forums centrés   Sous-forums centrés EmptyVen 26 Oct 2012, 15:41
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Sous-forums centrés Empty
Bonsoir,

Pourrais-tu nous fournir ton css ainsi que ton template index_body s'il te plait ? Comme ça, on pourra mieux t'aider. Wink
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptyVen 26 Oct 2012, 15:54
Revenir en haut Aller en bas
Zilah
Zilah
{ Membre }
{ Membre }

Féminin Messages : 60



Sous-forums centrés Empty
Oui bien sur !

Voici mon CSS :
Code:
a, a:hover {
    text-decoration: none !important;
}
a.forumlink {text-align: center;}

a {
font-variant: small-caps;
}

/**PAGE ACCUEIL**/

div.infobulle
{
 position: relative;
 float: left;
}

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

/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
width:150px;
height:auto;
top: 115px;
left:25px; /* on positionne notre infobulle */
background-color: #EBEAE8;
padding: 3px;
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é */
text-align: center;
font-size: 14px;
}

a.lienpa{
font-size:30px;
font-family:Impact;
color:black;
letter-spacing:2px;
}
a.lienpa:hover{
font-size:30px;
font-family:impact;
letter-spacing:4px;
color:gray;
}
.contourlien{
width:650px;
padding:10px;
text-align:center;
background-color:#EBEAE8;
float:left;
margin-bottom:-30px;
margin-left:60px;
}
.contourlien:hover{
width:650px;
padding:10px;
text-align:center;
float:left;
margin-bottom:-30px;
margin-left:60px;
}

.contourpa{
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#EBEAE8;
}

.presforum{
text-align:justify;
border:2px solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:#EBEAE8;
}
.presforum:hover{
text-align:justify;
border:2px solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}

.titre{
font-size:30px;
font-family:impact;
letter-spacing:1px;
text-align:center;
color:gray;
margin-bottom:-7px;
}

.actus{
height:90px;
overflow:auto;
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:#EBEAE8;
}
.actus:hover{
height:90px;
overflow:auto;
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}


.partenaire{
height:90px;
overflow:auto;
text-align:center;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:#EBEAE8;
}

.partenaire:hover{
height:90px;
overflow:auto;
text-align:center;
border:2px black solid;
padding:10px;
color:black;
font-size:12px;
font-family:comic sans ms;
background-color:white;
}

.credits{
text-align:justify;
border:2px black solid;
padding:10px;
color:black;
font-size:10px;
font-family:comic sans ms;
}
/**END**/

/**BANDEAU**/
.bandeau{
font-variant: small-caps;
font-family: Verdana;
font-weight: bold;
letter-spacing:+1px;
color:#543827;
padding:4px;
text-shadow :#8b6262 1px 1px 2px;
font-size:25px;
border-bottom:2px solid #CFBD99;
text-align:center;}

.bandeau:hover{
color:#FFFFFF;
text-shadow :#939393 1px 1px 2px;
border-bottom:2px solid #FFFFFF;}
/**END**/

.onglet_inactif
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_actif
{
background:#eeeeee;
border-top:1px solid #eeeeee;
}
.contenu_onglet
{
background-color:#eeeeee;
border:1px solid black;
margin-top:1px;
padding:5px;
display:none;
-moz-border-radius: 10px 10px 10px 10px ;
height:200px;
}


.forumline{
background-image: url('http://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
padding:5px;
background-color: none;
border: 3px Solid #CFBD99;
-moz-border-radius: 10px ;
}


/* _________Ombreforum_________*/
.bodyline {
border-width : 4px;
border-style: simple;
border-right: 5px Solid #CFBD99;
border-left: 5px Solid #CFBD99;
box-shadow: 0px 0px 7px #1a1a1a;
background-image: url('');
}
/**END**/




/* TITRE FORUM */
a.forumlink {
color:none;
display:block;
font-weight:none;
font-size: 24px;
font-variant: small-caps;
font-family: Bookman Old Style;
letter-spacing:-2px;
border-bottom: 2px solid #CFBD99;}

a.forumlink:hover{
color:none;
display:block;
font-weight:none;
font-size: 24px;
font-variant: small-caps;
font-family: Bookman Old Style;
letter-spacing:-2px;
border-bottom: 2px solid #CFBD99;}
/* FIN */



/**IMAGE FOND DES TABLES**/
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-image:url('');
padding:2px 3px;
}

td.row2,td.row1.over:hover {
background-image: url('');
}
td.row3{
background-image: url('');
}
/**END**/




/**SUPPRIMER MARGE HAUT/BAS FORUM**/
body {
margin-top:-10px;
margin-bottom:-25px; }
/**END**/


/* BARRE DE NAVIGATION */
a.mainmenu img{
        display: none;
        }
a.mainmenu{
text-decoration: none;
font-family: Bookman Old Style;
letter-spacing:-1px;
color : none;
font-size: 18px;
  }
.navig {
text-align:center;
background-image:none;
border-bottom: 2px solid #3C416E;
border-top: 2px solid #3C416E;
margin-bottom:5px;
padding: 3px;
}
/**END**/


/** ASCENSEUR**/
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
bottom: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
right: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}
/**END**/




/**JESEPA**/
.mystats_fa{
    padding: 5px;
    float:right;
  font-family: Trebuchet MS;
  font-size: 10px;
  font-weight: bold;
}

.pseudo {font-size:11px; font-face:"Bookman Old Style";
text-align:center;
text-decoration: none;}

.statistiques{
background-image: url('');
background-position:center;
border: 3px solid #aca499;
-moz-border-radius: 50px 50px 50px 50px;
padding: 30px;
}
.groupes{
background-image: url('');
height:60px;
-moz-border-radius : 50px 50px 50px 50px;
font-size:15px;
text-shadow: 1px 1px 1px #544F66;
border: 3px solid #;
text-decoration: none !important;
}
.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
background-color: #FFFFFF;
padding: 5px;
center: -1000px;
visibility: hidden;
color: #5FB844;
position:absolute;
}
.thumbnail span img{border: 1px dashed: 1px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 220;}

/**END**/



/**FOND CITER**/
.quote {
box-shadow:0px 1px 2px #333333;
background-image: url("http://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
padding:5px;
border-radius: 2px ;
border: 2px #392E54 solid;
font-family: Verdana;
font-color: #392E54;
}
/**END**/



/**FOND CODE**/
.code {
box-shadow:0px 1px 2px #333333;
background-image: url('http://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
padding:5px;
border-radius: 2px ;
border: 2px #392E54 solid;
font-family: Verdana;
font-color: #392E54;
}
/**END**/



/**FOND SPOILER**/
.spoiler {
font-family: Verdana;
font-color: #392E54;
}

.spoiler_closed {
box-shadow:0px 1px 2px #333333;
background-image: url('http://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
padding:5px;
border-radius: 2px ;
border: 2px #392E54 solid;
font-family: Verdana;
font-color: #392E54;
}
.spoiler_opened {
box-shadow:0px 1px 2px #333333;
background-image: url('http://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
padding:5px;
border-radius: 2px ;
border: 2px #392E54 solid;
font-family: Verdana;
font-color: #392E54;
}
/**END**/



/**Opacité**/
.opacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
/**END**/


.forumlink{
background-image: url("ttp://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png");
background:no-repeat;
margin:0px 0px;
text-size:15px;
}


/**OUTILS MODO**/
.corbeille {
padding: 5px;
margin: 5px;
    background-image: url('http://i37.servimg.com/u/f37/15/47/41/94/recycl10.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color:  rgba(28,74,97,0.4);
    border: 1px dashed #945015; /*--- Taille, type et couleur de la bordure ---*/
    color: #945015; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.resolu {
padding: 5px;
margin: 5px;
    background-image: url('http://i37.servimg.com/u/f37/15/47/41/94/finish11.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color:  rgba(91,60,80,0.4);
    border: 1px solid #FFFFFF; /*--- Taille, type et couleur de la bordure ---*/
    color: #3d941f; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}

.valide {
    background-image: url('http://i37.servimg.com/u/f37/15/47/41/94/backup10.png'); /*--- Image de la corbeille ---*/
    background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
    background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
    background-color:  rgba(345,86,97,0.4);
    border: 1px solid #FFFFFF; /*--- Taille, type et couleur de la bordure ---*/
    color: #FFFFFF; /*--- Couleur du texte ---*/
    padding-left: 55px; /*--- On espace la bordure gauche du texte de 55px ---*/
    min-height: 60px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
/**END**/


a:hover{
    text-decoration: none !important;
    color : #392E54;
    }



/**VIGNETTES SOUS FORUMS**/
 .vignettes
padding: 420px;
margin: 420px;
{-moz-border-radius:7px;
background-color: #e3dacf;
border-top:3px solid #aba4c5;
border-right:11px solid #827b9c;
border-bottom:4px solid #aba4c5;
border-left:5px solid #aba4c5;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
text-color:#ffffff;
}
/**END**/



/**JESEPA**/

.button2{ -moz-border-radius: 5px;}

.mariobros {
    background-color: #205C8A;
    border: 3px solid #205C8A;
    -moz-border-radius : 20px 0px 20px 0px;}

.forumline{margin-top:25px;}

.profilentour {
text-align: center;
}

.profilentinfos {
text-align: left
}

.contenu {
  background-url: ('ttp://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
          color : #205C8A;
          margin-left: 3px;
          margin-right: 3px;
          padding: 10px;
          background-color: #ff99b8;
          shadow: #544F66 1px 1px 1px;
border: 3px solid #205C8A;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px
}

dl.codebox {background-color: #EFEFEF;  }

.contenu {
  background-image: url('ttp://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
    color : #205C8A;
          margin-left: 5px;
          margin-right: 5px;
          padding: 15px;
border:#FFA8C2px solid#FFA8C2;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px
}


body{
cursor:ne-resize;
}
a:hover { cursor:se-resize; }

span.forumlink {
  display: block;
  text-align: center;
 }

/* Image de chatbox */
body.chatbox
{
background-color: #898B9C;
background-image: url('ttp://i37.servimg.com/u/f37/17/87/55/29/foon-d11.png');
background-repeat: repeat;
}


a {
text-decoration: none!important;
}

a:hover {text-transform: none ;
letter-spacing: 1px;}
/**END**/



/** FOND PROFIL**/
.profil_contour {
background-image:url('');
border:3px solid #ccb0a6;
border-right:7px solid #45271c;
-moz-box-shadow: 0px 0px 10px #000000;
-moz-border-radius:21px;
padding:3px;
}

.profil_contour:hover {
background-image:url('');
border:3px solid #ccb0a6;
border-right:7px solid #45271c;
-moz-box-shadow: 0px 0px 10px #000000;
-moz-border-radius:21px;
padding:3px;
}


.profil_contour2 {
background-image:url('');
border:3px solid #ccb0a6;
border-right:7px solid #45271c;
-moz-box-shadow: 0px 0px 10px #000000;
-moz-border-radius:21px;
padding:3px;
}

/**END**/

/**FOND DIV**/
.boitehaut{
-moz-border-radius:5px;
width: 210px;
border-top:4px solid #ffffff;
border-right:9px solid #aca499;
border-bottom:4px solid #ffffff;
border-left:4px solid #ffffff;
background-image: url('');
color: #ffffff;
}
.boitebas{
background-image: url('');
background-repeat: no-repeat;
padding: 5px 5px 5px 5px;
}
/**END**/


/** IMAGE FOND REPONSE TOPIC**/
#text_editor_textarea{
padding:2px;
background-image: url('');
border-radius: 2px ;
border: 2px #392E54 solid;
}


#text_editor_textarea:hover{
padding:2px;
background-image: url('');
border-radius: 2px ;
border: 2px #392E54 solid;
}

input,textarea, select{
padding:2px;
background-image: url('');
border-radius: 2px ;
border: 2px #392E54 solid;
}

input,textarea, select:hover{
padding:2px;
background-image: url('');
border-radius: 2px ;
border: 2px #392E54 solid;
}
/**END**/



a:hover {text-shadow: none;}
a.topiclink {text-shadow: none;}
a.topiclink:hover {text-shadow: none;}
a:link {text-shadow: none;}
a:link:hover {text-shadow: none;}



/**PRESENTATION**/

.titre {
color:none;
display:block;
padding-bottom: 5px;
font-size: 24px;
font-variant: small-caps;
font-family: Bookman Old Style;
letter-spacing:-2px;
border-bottom: 2px solid #3C416E;}
.champs {
font-family: Bookman Old Style;
font-weight: bold;
font-size: 15px;}
.image {
border: 2px solid #3C416E;
padding: 2px;}
/**END**/

.profilentour{
      background-image: url('');
      border: 2px #392E54 solid;
      padding: 5px;
      text-align: center;
      -moz-border-radius: 10px;
      font-family:Verdana;
      font-size:11px;
}

Et mon Template :
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptyVen 26 Oct 2012, 15:58
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Sous-forums centrés Empty
Salut Smile

Par les sous-forums centrés, tu veux dire comme au milieu de la case horizontalement? (juste pour être certaine, ton image me laisse un peu perplexe Razz)

Et en fait, c'est index_box que ça nous prend comme code, index-body contient le qeel, entre-autre Wink
Comme à première vue il a été modifié ce serait avantageux de l'avoir, mais sinon je peux tout de suite te dire ce sont ses variables qui représentent les sous-forums dans les templates:

Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

et voici un tuto qui pourrait t'aider si tu veux faire des essais : http://www.css-actif.com/t7854-modification-des-sous-forums

Si tu regardes le tuto, au lieu des propriétés proposées dans le CSS, tu n'as qu'à mettre celle-ci:
Code:
  text-align:center;

qui centrera les sous-forums Smile Pour le reste, ça nous prendra vraiment ton index-box puisque à la base, il n'y a qu'un retour des sous-forums par rapport à la description, reste à voir pourquoi le tien en a plus Wink



MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptyVen 26 Oct 2012, 18:05
Revenir en haut Aller en bas
Zilah
Zilah
{ Membre }
{ Membre }

Féminin Messages : 60



Sous-forums centrés Empty
Merci beaucoup pour ton aide sur les sous-forums, j'ai réussi à centrer mes liens sans problème en modifiant dans le Template Sous-forums centrés 3333627970 .

Voici mon index-box :
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}>
         <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 -->
                          <center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
         </span>
      </td>
      
            <td class="row3 over" align="center" valign="middle" height="50">
            <div class="gensmall sujets_messages">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</div>
            <div class="gensmall derniers_sujets">{catrow.forumrow.LAST_POST}</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 -->

Du coup, il ne me reste plus qu'à enlever ce saut de ligne entre la description de mon forum et le lien vers mes sous-forums.
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptySam 27 Oct 2012, 05:33
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Sous-forums centrés Empty
Hello !

Je tiens à te signaler que la balise <center> est obsolète et qu'on te conseille FORTEMENT de ne pas l'utiliser.

Utilise plutôt la technique du tutoriel et entoure la partie des sous forums par un div (en pensant à déplacer le </span> juste après cette ligne pour le mettre AVANT la ligne des sous forums).

Pour ton problème, laisse moi deviner : n'aurais-tu pas placé un div ou une liste dans la description ? x)
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptySam 27 Oct 2012, 09:22
Revenir en haut Aller en bas
Zilah
Zilah
{ Membre }
{ Membre }

Féminin Messages : 60



Sous-forums centrés Empty
Ok pour la balise. Je bidouille des choses pas toujours bonnes Sous-forums centrés 3333627970

Euh oui. Dans ma description il y a une liste..
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptySam 27 Oct 2012, 09:52
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Sous-forums centrés Empty
Ben voilà pourquoi tu as un saut de ligne impromptu, c'est parce que les listes ont une marge en haut et en bas.

Sachant qu'un "list" pour mettre des marges est parfaitement absurde (disons que c'est le même degré d'absurdité que de peindre une personne en noir pour dire "voilà, c'est un noir"), essaies plutôt ça :
• Tu encadres ta description par des balises <div class="maDesc" > </div>
• Dans ton CSS, tu définis la classe .maDesc et tu ajoutes les marges que tu veux :
Code:
.maDesc {
margin : 0 10px: /* marge 0 en haut et en bas, 10px à droite et à gauche */
}
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptySam 27 Oct 2012, 10:29
Revenir en haut Aller en bas
Zilah
Zilah
{ Membre }
{ Membre }

Féminin Messages : 60



Sous-forums centrés Empty
Héhé. Parfois y'a des trucs qui sont là et on ne sait pas pourquoi !
En tout cas ton astuce fonctionne très bien, merci beaucoup Smile

Mon problème est résolu !
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptySam 27 Oct 2012, 11:25
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Sous-forums centrés Empty
Hello !
Puisque c'est résolu, je déplace !
Merci de l'avoir signalé Sous-forums centrés 926145
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés EmptyDim 28 Oct 2012, 14:39
Revenir en haut Aller en bas
Contenu sponsorisé




Sous-forums centrés Empty
MessageSujet: Re: Sous-forums centrés   Sous-forums centrés Empty
Revenir en haut Aller en bas
 

Sous-forums centrés

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

 Sujets similaires

-
» Les sous-forums ...
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?
» Impossibilité de rentrer dans les forums et sous-forums
» Barres sous catègories + liens sous forums

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