Deux petits problèmes d'apparence (résolu) Bouton_activeDeux petits problèmes d'apparence (résolu) Bouton_hoverDeux petits problèmes d'apparence (résolu) Fb-hoverDeux petits problèmes d'apparence (résolu) 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
» Système d'onglets simple et personnalisable
Deux petits problèmes d'apparence (résolu) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Deux petits problèmes d'apparence (résolu) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Deux petits problèmes d'apparence (résolu) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Deux petits problèmes d'apparence (résolu) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Deux petits problèmes d'apparence (résolu) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Deux petits problèmes d'apparence (résolu) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Deux petits problèmes d'apparence (résolu) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Deux petits problèmes d'apparence (résolu) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

Partagez
 

Deux petits problèmes d'apparence (résolu)

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

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Bonjour bonjour Very Happy

Après avoir posé plusieurs questions dans cette partie, j'ai pu bidouiller le css et les templates de mon forum pour avoir l'apparence que je recherchais. Je pense avoir terminé, mais après vérification, j'ai deux petits problèmes qui m'embêtent!

Le premier concerne la fenêtre des émoticones. Je ne sais pas pourquoi ni comment, mais je me retrouve avec ça:
https://2img.net/r/hpimg15/pics/355032pb1.png
Il faut scroller de gauche à droite pour voir toute la liste et non plus de bas en haut. Je ne sais pas du tout ce qu'il faut modifier dans les templates pour retrouver ce que j'avais avant...

Mon deuxième problème concerne les liens des sujets. Je ne sais pas pourquoi mais chaque premier lien se positionne en hauteur, et non pas au milieu (sauf quand on passe la souris sur le lien pour cliquer, il se repositionne au bon endroit). Je ne comprends pas et je ne sais pas comment résoudre le problème, surtout que ça concerne que le premier lien à chaque fois...
Aperçu: https://2img.net/r/hpimg15/pics/753556pb2.png
Aperçu quand on passe la souris sur le lien: https://2img.net/r/hpimg15/pics/972879pb3.png

Merci d'avance pour votre aide Deux petits problèmes d'apparence (résolu) 577704309


Dernière édition par Littlelaulau le Dim 10 Juin 2012, 13:03, édité 1 fois
MessageSujet: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptyDim 03 Juin 2012, 13:53
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



Deux petits problèmes d'apparence (résolu) Empty
Salut Smile

On pourrait avoir le lien vers ton forum stp? Et est-ce que ton 1er problème affecte seulement les annonces ou il y a aussi des sujets normaux et post-it qui sont victimes du problème?
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptyDim 03 Juin 2012, 15:37
Revenir en haut Aller en bas
Littlelaulau
Littlelaulau
{ Membre }
{ Membre }

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Bonjour Smile

http://somewherenice.forumactif.fr/
voici le lien!

Le premier problème concerne tous les messages, même les réponses dans des sujets normaux!

Merci d'avance!
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptyMar 05 Juin 2012, 08:11
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Deux petits problèmes d'apparence (résolu) Empty

Hello Littlelaulau !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Je vois qu'il n'y a pas eu de réponse, je le remonte donc au cas où ^^
Merci d'avance de ta réponse Deux petits problèmes d'apparence (résolu) 926145

MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 05:58
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Deux petits problèmes d'apparence (résolu) Empty
On pourrait voir tes templates "topics_list_box" et "viewtopic_body", ainsi que ton CSS ? Smile
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 07:05
Revenir en haut Aller en bas
Littlelaulau
Littlelaulau
{ Membre }
{ Membre }

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Oui toujours d'actualité Smile

Doare; Pour ce qui est des templates, je n'ai jamais modifié le "topics_list_box"
Voici le "viewtopic_body":

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="contour_avatar">{postrow.displayed.POSTER_AVATAR}</div><div class="pseudo_profil">❝ {postrow.displayed.POSTER_NAME} ❞</div></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<br /><br />
                                 
            <div class="infos_profil"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL}
                                  {postrow.displayed.profile_field.CONTENT}
                                  {postrow.displayed.profile_field.SEPARATOR}
                                  <!-- END profile_field --></div>
                                 
            <div onClick="this.firstChild.value=(this.firstChild.value=='CLIQUEZ')?'MASQUEZ':'CLIQUEZ';this.lastChild.style.display=(this.firstChild.value=='CLIQUEZ')?'none':'block';" style="text-align: center;"><input type="button" value="CLIQUEZ"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>
         </span><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Et voici mon CSS
Code:
/* cadre large */
.bodyline {
border: 8px solid #F8FAF4;
}

.spoiler {
background-color : #CBDDCA ;
border : 1px solid #CBDDCA ;
text-align:justify;}


/*MES CODES */

a:link {text-decoration: none;}
a:hover {text-decoration: none!important; letter-spacing: 1px;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
a{text-decoration: none !important;}


.bodyline{
padding: 5px;
margin:5px;
}
.maintitle{
margin-top:-30px;
 }
.forumline {
    text-align: justify;
}
tr.post span.gensmall { display: none; }

#i_logo {
margin-top: 10px;
  }
  .postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;

}

.forumline {
    width: 750px;
    margin: 0 auto;
}

/*CHATBOX*/

body.chatbox {
background-color: #ffffff;}

/*BARRE DE NAVIGATION */
.navig {
position: absolute;
top: 0px;
width: 100%;
  background-color: #EFF4E5;
  border-bottom: 1px solid #D6E4D8;
  margin-left:-10px;
}
/*BARRE DE NAVIGATION */

/* CATEGORIES */
a.forumlink {
font-family:times new roman;
font-size:20px;
font-weight:normal;
text-transform:lowercase;
padding-left:5px;
}

.secondarytitle {
text-align: center;
font-family:georgia;
text-transform:uppercase;}

.soustitre {
  text-transform:uppercase;
  color: #CFD742;
  font-style: italic;
  font-size:10px;
}

.bodylinewidth{
width: 750px;
}
 
/* FIN */

/*PA*/

div#bloc1 {
  float: left;
  width: 300px;
  height:204px;
  text-align: justify;
  padding: 3px;
 
}
div#bloc2 {
  width: 340px;
  height:95px;
  float: right;
  text-align: justify;
  padding: 5px;
}

div#bloc3 {
  margin-top : 5px;
  width: 340px;
  height:95px;
  float: right;
  text-align: justify;
  padding: 5px;
}
div#bloc4 {
  float:left;
  width: 700px;
  height:55px;
  text-align: center;
  margin-top : 5px;
  margin-bottom : 20px;
  padding: 3px;
}
 
/*PA FIN*/

/*description des catégories*/
/*************************************/

.liens {
display:block;
text-align:center;
  margin: 5px 0px;
padding:2px 2px;
border : 1px solid #F3EDE3;
font-size: 12px; 
  text-transform:uppercase;
}

.description {
  text-align:justify; 
  padding:5px;     
  font-size: 10px; 
}

.scroll {
  height:100px; 
  overflow:auto;
  padding: 5px;
}

/* ***********Personnalisation des descriptions de catégories [FIN]***

/*QEEL*/

.titreqeel{
font-size:55px;
color:#C4D7CA;
 font-family: monotype corsiva;
}

.groupes{
height:40px;
  padding-right:12px;
  padding-left:14px;
  padding-bottom:3px;
font-size:25px;
  font-family: monotype corsiva;
text-align:center;
text-decoration: none !important;}
   
   

/*QEEL**FIN*/

/*PROFIL*/
.contour_avatar{
  border: 3px solid #F3EDE3;
}
.pseudo_profil{
  text-align:center;
 font-size: 15px;
}
.infos_profil{
  text-align: justify;
}
/* FIN PROFIL */

/*SUJETS ADMIN*/
.titres{
  color: #D0D83E;
    font-family: monotype corsiva;
  font-size: 30px;
 }

.presentation{
  background-color:#EFF4E5;
  border: 1px solid #D6E4D8;
  padding: 20px;
    text-align: justify;
}
.groupes{
    font-family: monotype corsiva;
  font-size: 20px;
 }

.pseudopresentation{
  color: #478FC6;
    font-family: monotype corsiva;
  font-size: 40px;
  text-shadow: 1px 1px 1px #ffffff;
 }
.fichepresentation{
  border: 1px solid #D1B9B0;
  padding: 8px;
  text-align: justify;
  width: 500px;}

.fichepresentation2{
  padding: 8px;
  text-align: justify;
  width: 500px;}
Je sais qu'il est mal "présenté", mais je n'ai pas eu le temps de m'en occuper car je suis en période de révisions Smile

Merci d'avance!
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 07:21
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Deux petits problèmes d'apparence (résolu) Empty
Salut, peut tu quand même passer le templates topics_list_box afin d'y jeter un coup d'oeil ?

Après avoir analyser ton forum, il semblerai que le problème vienne de cette ligne :

Code:

<td width="100%" onmouseout="this.className="row1"" onmouseover="this.className="row2"" class="row1"><div class="topictitle"><strong>Post-it:</strong> <h2 class="topic-title"><a href="/t5-le-reglement-de-take-me-somewhere-nice" class="topictitle">Le règlement de Take Me Somewhere Nice</a></h2></div><span class="gensmall"></span>&nbsp;<span class="gensmall"></span></td>

Il faudrait enlever le onmouseover et on mouseout Smile
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 07:41
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Deux petits problèmes d'apparence (résolu) Empty
Les deux problèmes sont liés au CSS.

Premier :
Code:
.postbody, td.row1 span.gensmall {
text-align: justify !important;
display: block;
}
C'est le "display:block" appliqué au "td.row1 span.gensmall" qui crée le décalage. Je ne sais pas trop pourquoi tu l'as mis là, mais si tu enlèves "td.row1 span.gensmall", cha marche. Smile

Deuxième :
Code:
.forumline {
    width: 750px;
    margin: 0 auto;
}
Le tableau des smileys possède également une class "forumline" et applique donc la largeur fixe. Il faudrait soit préciser la règle dans le CSS, soit spécifier cette largeur à ce qu'elle concerne direct dans un template...
A quoi est censée s'appliquer cette règle ? Aux forums ?
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 08:07
Revenir en haut Aller en bas
Littlelaulau
Littlelaulau
{ Membre }
{ Membre }

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Doare: J'ai enlevé le premier truc et ça marche effectivement, merci beaucoup! Du coup je suppose que je n'ai pas besoin d'enlever ce que Hiro me dit? Smile
Je crois que j'ai trouvé ce code dans un tuto, il avait pour but d'aligner en "justify" tous les textes du forum, mais ça n'a pas l'air de changer grand chose quand je l'enlève donc je n'en ai pas besoin!

Pour le deuxième code, j'avais posté sur CSS-actif pour demander de l'aide parce que je voulais que les catégories du forum (ainsi que la PA) soient alignés sous mon header c'est à dire que les catégories fassent 750px de large; Le topic est ici, et tu peux voir que c'est Hiro qui m'a filé ce code, qui marche très bien Very Happy

Donc je ne sais pas trop comment faire autrement :/
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 08:36
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Deux petits problèmes d'apparence (résolu) Empty
Non, pas besoin d'enlever ce qu'il t'a demandé. ^^

Pour le second, on va juste préciser un peu. Smile Le forum est inclus dans un tableau possédant la class "bodylinewidth", qui n'existe pas dans la page des smileys. Donc ça ne touchera pas aux smileys :
Code:
.bodylinewidth .forumline {
    width: 750px;
    margin: 0 auto;
}
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 09:02
Revenir en haut Aller en bas
Littlelaulau
Littlelaulau
{ Membre }
{ Membre }

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Parfait, ça marche! Merci beaucoup beaucouuuuup! Very Happy Deux petits problèmes d'apparence (résolu) 577704309

J'ai une nouvelle question totalement hors sujet mais c'est un problème que je n'arrive pas à résoudre toute seule, c'est le dernier petit détail que je dois résoudre avant que l'apparence du fofo soit officiellement terminée ^^.
Donc si tu peux m'aider ça serait super!

Comme tu peux le voir j'ai modifié mon QEEL et quand je l'ai refait j'ai enlevé le code qui indiquait un lien du genre "Cliquez ici pour rejoindre la Chatbox", parce que je comptais faire une chatbox sur le côté. Finalement je ne veux pas de CB sur le côté et j'aimerais remettre la phrase dans le QEEL. Pour comprendre quel code je devais ajouter, j'ai regardé le template par défaut de "Index_Body" et voici ce que j'ai ajouté à mon code de QEEL personnalisé;
Code:
  <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :&nbsp; {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></table>
  </center>
   
<!-- END disable_viewonline -->
<!-- BEGIN switch_chatbox_activate -->
   
   <!-- END switch_chatbox_activate -->
 
{CHATBOX_BOTTOM}

Le problème c'est que le lien que je veux n'apparaît pas. Il y a seulement "Il y a actuellement 0 utilisateur(s) sur la ChatBox : " qui apparait dans mon QEEL comme tu peux le voir sur le forum. Je ne sais pas comment faire, je pense vraiment avoir tout mis donc si tu pouvais m'éclairer ça serait très gentil Smile
Sinon bah je me débrouillerai avec une cb sur le côté!
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 13:43
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



Deux petits problèmes d'apparence (résolu) Empty
Il y a tout, mais pas dans le bon ordre. Smile

Ce qui concerne la ChatBox doit être placé entre ça :
Code:
<!-- BEGIN switch_chatbox_activate -->
et ça :
Code:
<!-- END switch_chatbox_activate -->
et avant ça, qui marque la fin du QEEL.
Code:
<!-- END disable_viewonline -->

Corrigé, ça donne donc ce qui suit. Ca devrait marcher !
Code:
  <!-- 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>
</center>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptySam 09 Juin 2012, 17:30
Revenir en haut Aller en bas
Littlelaulau
Littlelaulau
{ Membre }
{ Membre }

Féminin Messages : 22



Deux petits problèmes d'apparence (résolu) Empty
Génial ça marche, merci beaucoup beaucouuuuup d'avoir répondu à toutes mes questions Deux petits problèmes d'apparence (résolu) 306373

MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptyDim 10 Juin 2012, 13:02
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Deux petits problèmes d'apparence (résolu) Empty
Hello !
Je vois que le problème est résolu, par conséquent je déplace !
Merci de l'avoir signalé Deux petits problèmes d'apparence (résolu) 926145
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) EmptyDim 10 Juin 2012, 13:07
Revenir en haut Aller en bas
Contenu sponsorisé




Deux petits problèmes d'apparence (résolu) Empty
MessageSujet: Re: Deux petits problèmes d'apparence (résolu)   Deux petits problèmes d'apparence (résolu) Empty
Revenir en haut Aller en bas
 

Deux petits problèmes d'apparence (résolu)

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

 Sujets similaires

-
» Deux petits problèmes
» Petits problèmes
» Petits problèmes d'esthétique
» Plein de petits problèmes !
» Petits problèmes avec un code...

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