Header déformant le forum (bodyline)

2 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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

Résolu Header déformant le forum (bodyline)

Message par CryingToYourHeart Dim 12 Aoû 2012 - 15:21

Bonjour,

J'ai changé il y a quelques temps le "bodyline" de mon forum, de place et du coup le header se retrouve se retrouve au dessus. Sauf que celui-ci déforme le "bodyline" et par la même occasion les catégories du forum, voyez ci dessous:

Spoiler:

J'ai essayé par tout les moyens mais rien n'y fait, ça déforme absolument tout.
Voici mon template overall_header:

Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
    <script type="text/javascript" src="http://astuforum.free.fr/forum/script_astuforum_tabs.js"></script>
   
      <head>
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
      <!-- END switch_compat_meta -->
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
          /* Definir le sens de direction en fonction du panneau admin */
          var tickerDirParam = "{switch_ticker.DIRECTION}";
          var slid_vert = false;
          var auto_dir = 'next';
          var h_perso = parseInt({switch_ticker.HEIGHT});

          switch( tickerDirParam )
          {
            case 'top' :
                slid_vert = true;
                break;

            case 'left':
                break;

            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;

            case 'right':
                auto_dir = 'prev';
                break;

            default:
                slid_vert = true;
          }

          $(document).ready(function() {
            var w_cont = $('#fa_ticker_container').width();

            if (w_cont > 0)
            {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display','block');

                /* Calcul des dimensions du conteneur et des ?l?ments */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
                $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                      height_max = $(this).height();
                  }
                } );

                /* Redimensionnement des ?l?ments et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                  if ($(this).width() > width_item)
                  {
                  var ratio      = $(this).width() / width_item;
                  var new_height = Math.round($(this).height() / ratio);
                  $(this).height(new_height).width(width_item);
                  }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert)
                {
                  $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                      vertical: slid_vert,
                  wrap: 'circular',
                  auto: {switch_ticker.STOP_TIME},
                  auto_direction: auto_dir,
                scroll: 1,
                size: {switch_ticker.SIZE},
                height_max: height_max,
                animation: {switch_ticker.SPEED}
                });
            }
            else
            {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
          });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->
      {HOSTING_JS}
      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </head>
      <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/198368448645211924/accordeons.js"></script>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
     
     
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top">{GENERATED_NAV_BAR}
</td></tr></tbody></table></center><br/>
     
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup">
          <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                  <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                  <div id="login_popup_buttons">
                      <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}" />
                        <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                      </form>
                  </div>
                  <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
          </table>
      </div>
      <!-- END switch_login_popup -->

      <a name="top"></a>
      {JAVASCRIPT}

      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
          <td>
                    <br/>
           
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                      <!-- BEGIN switch_logo_left -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                     
                    <!-- END switch_logo_left -->
               
                      <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                       
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- BEGIN switch_logo_right -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                      <!-- END switch_logo_right -->
                  </tr>
                </table>


                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->
<div id="page-body" class="bodyline">
                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker -->

               
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                            <tr>
                              <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>
                              <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                              </td>
                            </tr>
                        </tbody>
                      </table>
                  </div>
                </div>
            </td>
          </tr>
      </table>
    </body>
    </html>
    <!-- END html_validation -->

Merci à celui qui aura la réponse à mon problème Smile


Dernière édition par CryingToYourHeart le Mar 14 Aoû 2012 - 19:42, édité 1 fois
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par CryingToYourHeart Lun 13 Aoû 2012 - 15:27

up
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 16:34

up
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 16:55


Bonjour,

Si le lien du forum concerné c'est celui de votre profil, je ne vois rien de déformé. Le seul petit truc, ce serait les quelques pixels blancs à côté des entêtes (catégories), mais je ne vois rien d'alarmant sur votre forum.

Quel navigateur utilisez vous ?

Pourrais-je avoir votre template index box et le css ? (balise hide ou par MP si vous préférez)

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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 17:11

Bonjour,

Non il s'agit de mon forum test: http://thewerewolfpack.forumgratuit.org/
J'utilise Chrome et Safari, le form est optimisé pour ces deux navigateurs.

Et voici mon template index box:

Code:
<table width="100%" border="0" cellspacing="0" 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="" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr><img src="http://img507.imageshack.us/img507/6691/ticat.png" alt="" height="150px" width="847px" />
      <td colspan="3" class="fondcat" nowrap="nowrap" width="100%"> {catrow.tablehead.L_FORUM} </td>
</tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="50%">
        <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"></td>
      <!-- END inc -->
 
      <td class="fondfo" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="50%" height="50">
        <div class="cadcol"><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 -->
   
                          </span></div>
      </td>
          <td class="fondfo" align="center" valign="top" height="50">
            <div style="width:130px";>
            <div class="cadcol" id="subforums"><span class="genmed">Navigation</span><br />{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br />')).removeAttr('id');</script></div>
            </div>
            </td>
      <td class="fondfo" align="center" valign="top" height="50">
                  <div style="width:170px;">
                  <div class="cadcol">
                    <span class="gensmall">{catrow.forumrow.TOPICS}sujets et {catrow.forumrow.POSTS} messages <br /><br />
                      {catrow.forumrow.LAST_POST}</span><br /><br />
                  </div>
                  <div style="margin-top:-30px;" align="center">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </div><br /></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}" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="http://img542.imageshack.us/img542/3606/ticat2.png" alt="" height="300px" width="847px" /><!-- END tablefoot --><!-- END catrow -->
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 17:34


Ah là effectivement Mr. Green

Le fait que le header soit "dans" le forum et sa taille déforment le reste. Donc soit vous réduisez le header, soit vous le mettez dans le fond.

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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 17:38

Justement je ne veut pas qu'il soit dans la partie "bodyline", c'est censé être un header de fond donc il doit être plus large.
Je l'ai déjà vu sur d'autres forums mais ça ne fait pas ce qu'il y a sur mon forum
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 17:53

Hé bien oui dans le fond, mais pas dans le bodyline ! dans le body.

Dans votre css, vous mettez:

Code:
body {
background-image: url('http://img14.imageshack.us/img14/8080/temptationi2.png');
background-repeat: no-repeat;
background-position: top center;
}

Puis vous mettez des retours à la ligne dans le overall header pour "descendre" le forum.

Mon forum test:
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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 18:12

J'ai testé mais ça ne change rien sur le forum :s
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 18:23



Vous dites que vous avez testé mais vous parlez de bodyline depuis le début au lieu du body, donc en testant vous avez du vous tromper.

.. mettez le header en fond comme expliqué précédemment parce que là ce n'est pas le cas donc je ne peux pas voir.

Si cela fonctionne chez moi, aucune raison que cela ne soit pas le cas chez vous, sauf si un autre code perturbe l'affichage (mais on verra ça après)




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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 18:33

Justement c'est ce que j'ai fais, mais comme mon template a été modifié il me semble que certaines choses manques dans celui ci.
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 19:06

Je vois pas le rapport What a Face (surtout que j'ai déjà fait la modification sur mon forum test avec votre template)
Vous devez simplement mettre le code donné plus haut dans le css et mettre de simples retours à la ligne
Code:
<br />
après cette partie:

Code:
 <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/198368448645211924/accordeons.js"></script>
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
       
       
    <center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top">{GENERATED_NAV_BAR}
    </td></tr></tbody></table></center><br/>

D'ailleurs il y en a déjà un à la fin du code, vous en mettez plusieurs après (genre une dizaine) et ce sera bon.

Il semble y avoir des conflits dans votre css. Dites moi si vous avez réussi, sinon je vous ai envoyé un MP Smile
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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 19:17

Alors j'ai mis les espaces, mais ça ne donne pas exactement ce que je souhaitais, le header est considéré comme un fond
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 19:33

Il faut également changer le fixed (du background attachment) par scroll

Je vous ai dit que les deux solutions pour éviter la déformation des catégories, c'est soit de réduire considérablement votre header et de le laisser comme il était à la base, soit de le placer en "fond".
Il n'y a pas d'autre solution ..

Vous souhaitiez quoi à la base ? Donnez un exemple concret dans ce cas là, mais il me semble avoir bien compris.

Je vous ai linké mon forum test et vous m'avez pas dit "ah non c'est pas ça que je veux" donc bon Rolling Eyes



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: Header déformant le forum (bodyline)

Message par CryingToYourHeart Mar 14 Aoû 2012 - 19:42

ah ça y est c'est bon ça marche, merci beaucoup Very Happy
CryingToYourHeart

CryingToYourHeart
****

Féminin
Messages : 452
Inscrit(e) le : 18/01/2012

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Header déformant le forum (bodyline)

Message par Anzu Mar 14 Aoû 2012 - 20:05


Aleluiaa ::fete::
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.

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

- Sujets similaires

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum

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