probléme de décalage de texte dans ma page d'accueill

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

Résolu probléme de décalage de texte dans ma page d'accueill

Message par doro matra le Lun 20 Mai 2013 - 9:22

bonjour,
j'ai du texte qui se double a droite, le dernier cadre avec une punaise rouge défilement de texte ,je trouve pas de ou viens le problème .
Spoiler:



Dernière édition par doro matra le Dim 26 Mai 2013 - 9:09, édité 1 fois

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par Automne le Mar 21 Mai 2013 - 10:12

Bonjour,

Dans le css
#bloc_note_slide p { supprimer height:108px
Augmenter la valeur height dans
.pabloc6 {
height: 240px;

Pour uniformiser, je modifierais le width et rajouterais un margin-top dans le bloc 2 et 4, pour aligner l'ensemble sur le bas. Comme ceci
Code:
.pabloc2 {
    border: 5px solid rgb(223, 240, 149);
    margin-top: 22px;
    width: 342px;
}
.pabloc4 {
    border: 5px solid rgb(223, 240, 149);
    height: 122px;
    width: 370px;
    margin-top: 14px;
}
.pabloc6 {
    border: 5px solid rgb(223, 240, 149);
    width: 217px;
    height: 240px;
}

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par doro matra le Mar 21 Mai 2013 - 15:12

bonjour ,
merci , je viens de faire la manœuvre quand vous dite supprimer #bloc_note_slide p { supprimer height:108px je supprime la ligne comme ceci
Code:
#bloc_note_slide p {
width: 195px;

cursor: pointer;
margin:0px;
padding:3px;
font-size: 11px;
   font-weight: normal;
   color: #666666;
}

par contre ça fonctionne plus le texte reste fiché avant il afficher par défilement

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par Automne le Mer 22 Mai 2013 - 9:08

Bonjour,

Je n'avais pas compris que cela défilait en fait. Je pensais juste a un décalage.

Donc le soucis vient que le scrolling (défilement) ne fonctionne plus a cet endroit?

Pouvez vous me donnez le codage complet de votre page d’accueil? Merci

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par doro matra le Mer 22 Mai 2013 - 17:06

bonjour,
voici le template.

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}>
        <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 elements */
                    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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                    $('ul#fa_ticker_content li').each( function () {
                      if ($(this).height() > height_max)
                      {
                          height_max = $(this).height();
                      }
                    } );

                    /* Redimensionnement des elements 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 -->
          <script type="text/javascript" src="http://www.synchronizer-design.com/at/js/smoothscroll.js"></script>
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquerycycleallmin.js"></script>
          <script type="text/javascript">
        jQuery('#bloc_note_slide').cycle({
            fx:    'fade',
            speed:  '600',
            timeout: '3000',
            next:  '.prochain',
            pause:  1
        });
        jQuery('#pa_evenement').cycle({
              fx:    'growY',
              pause:  '0',
              delay:  '-2000',
            next:  '#next',
            prev:  '#prev'
            });
        </script>
        <style>
        #slider {
          width:335px;
          height:289px;
          position:relative;
          margin: 0px auto 0;
          background-color:#E2E3DE;
          border:10px solid #E2E3DE;
          -moz-transition:all 150ms ease-in;
          -webkit-transition:all 150ms ease-in;
          -o-transition:all 150ms ease-in;
        }
        #slider:hover {
          background-color:#362c30;
          border:10px solid #362c30;
        }
        #slider:hover #pause {
          opacity:1;
        }
        #slider:hover #progress {
          background-color:rgba(255,255,255,0.0);
        }
        #slider:hover ul, #slider:hover #progress, #slider:hover #overlay {
          -moz-animation-play-state:paused;
          -webkit-animation-play-state:paused;
        }
        #mask {
          overflow:hidden;
        }
        #pause {
          width:335px;
          height:289px;
          position:absolute;
          top:0;
          opacity:0;
          background-image:url(../images/paused.png);
          background-position:566px 10px;
          background-repeat:no-repeat;
          pointer-events:none;
          -moz-transition:all 150ms ease-in;
          -webkit-transition:all 150ms ease-in;
          -o-transition:all 150ms ease-in;
        }
        #progress {
          width:1px;
          height:1px;
          position:relative;
          top:-1px;
          background-color:#ffd000;
          -moz-transition:all 150ms linear;
          -webkit-transition:all 150ms linear;
          -o-transition:all 150ms linear;
          -moz-animation:progress 18s infinite;
          -webkit-animation:progress 18s infinite;
        }
        #overlay {
          width:335px;
          height:289px;
          position:absolute;
          top:0;
          background-image:url(../images/overlay.png);
          background-position:center;
          background-repeat:no-repeat;
          pointer-events:none;
          opacity:0.5;
          -moz-animation:overlay-fade 18s infinite;
          -webkit-animation:overlay-fade 18s infinite;
        }
        #slider ul {
          width:1340px;
          position:relative;
          left:0px;
          margin:0;
          padding:0;
          list-style:none;
          -moz-animation:slide-animation 18s infinite;
          -webkit-animation:slide-animation 18s infinite;
        }
        #slider li {
          width:335px;
          height:289px;
          position:relative;
          display:inline;
          float:left;
          margin:0;
          padding:0;
          background-image:url(../images/loader.gif);
          background-position:50% 50%;
          background-repeat:no-repeat;
        }
        #slider li span {
          display:block;
          width:295px;
          position:absolute;
          bottom:0;
          left:0;
          padding:15px 20px;
          pointer-events:none;
          background-color:rgba(54,44,48,0.6);
          border-top:1px solid #362c30;
          text-shadow:1px 1px 1px #362c30;
        }
        #slider ul li span h2 {
          font-size:20px;
          line-height:30px;
          font-weight:normal;
          color:#fff;
          text-shadow:1px 1px 1px #362c30;
        }
        #slider ul li span p {
          font-size:14px;
          line-height:20px;
          font-weight:normal;
          color:#fff;
          text-shadow:1px 1px 1px #362c30;
        }
        @-webkit-keyframes slide-animation {
          0% {opacity:0;}
          2% {opacity:1;}
          20% {left:0px; opacity:1;}
          22.5% {opacity:0.6;}
          25% {left:-335px; opacity:1;}
          45% {left:-335px; opacity:1;}
          47.5% {opacity:0.6;}
          50% {left:-670px; opacity:1;}
          70% {left:-670px; opacity:1;}
          72.5% {opacity:0.6;}
          75% {left:-1005px; opacity:1;}
          95% {opacity:1;}
          98% {left:-1005px; opacity:0;}
          100% {left:0px; opacity:0;}
        }
        @-moz-keyframes slide-animation {
          0% {opacity:0;}
          2% {opacity:1;}
          20% {left:0px; opacity:1;}
          22.5% {opacity:0.6;}
          25% {left:-335px; opacity:1;}
          45% {left:-335px; opacity:1;}
          47.5% {opacity:0.6;}
          50% {left:-670px; opacity:1;}
          70% {left:-670px; opacity:1;}
          72.5% {opacity:0.6;}
          75% {left:-1005px; opacity:1;}
          95% {opacity:1;}
          98% {left:-1005px; opacity:0;}
          100% {left:0px; opacity:0;}
        }
        @-webkit-keyframes progress {
          0% {width:0px; opacity:0;}
          2% {width:0px; opacity:1;}
          20% {width:335px; opacity:1;}
          22.5% {width:335px; opacity:0;}
          22.59% {width:0px;}
          25% {width:0px; opacity:1;}
          45% {width:335px; opacity:1;}
          47.5% {width:335px; opacity:0;}
          47.59% {width:0px;}
          50% {width:0px; opacity:1;}
          70% {width:335px; opacity:1;}
          72.5% {width:335px; opacity:0;}
          72.59% {width:0px;}
          75% {width:0px; opacity:1;}
          95% {width:335px; opacity:1;}
          98% {width:335px; opacity:0;}
          100% {width:0px; opacity:0;}
        }
        @-moz-keyframes progress  {
          0% {width:0px; opacity:0;}
          2% {width:0px; opacity:1;}
          20% {width:335px; opacity:1;}
          22.5% {width:335px; opacity:0;}
          22.59% {width:0px;}
          25% {width:0px; opacity:1;}
          45% {width:335px; opacity:1;}
          47.5% {width:335px; opacity:0;}
          47.59% {width:0px;}
          50% {width:0px; opacity:1;}
          70% {width:335px; opacity:1;}
          72.5% {width:335px; opacity:0;}
          72.59% {width:0px;}
          75% {width:0px; opacity:1;}
          95% {width:335px; opacity:1;}
          98% {width:335px; opacity:0;}
          100% {width:0px; opacity:0;}
        }
        @-webkit-keyframes overlay-fade {
          0% {opacity:0;}
          2% {opacity:0.5;}
          95% {opacity:0.5;}
          98% {opacity:0;}
          100% {opacity:0;}
        }
        @-moz-keyframes overlay-fade {
          0% {opacity:0;}
          2% {opacity:0.5;}
          95% {opacity:0.5;}
          98% {opacity:0;}
          100% {opacity:0;}
        }</style>
        </head>
        <div class="body2">
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
          <!-- BEGIN hitskin_preview -->
          <div id="hitskin_preview" style="display: block;">
              <h1><img src="http://illiweb.com/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}
     
     
        <div class="bloc-header">
        <a href="index.html"><img src="http://img15.hostingpics.net/pics/993354logo.png" border="0" width="380" height="86" /></a>

     
     
     
        <table class="recher-connex" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="recher">
            <div class="recher-bloc">
        <form style="position: absolute; margin-top:65px; margin-left:25px;" action="/search.forum" method="get">
        <input class="input-recherche" type="text" name="search_keywords" />
        <input class="input-bouton" type="submit" value="Ok" />
        </form>
            </div>
            </td>
            <td class="connex">
        <!-- BEGIN switch_user_logged_out -->
        <div class="connex-bloc">
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <span class="genmed">Nom: </span>
        <input class="input-recherche" type="text" size="25" name="username"/>

        <br />

        <span class="genmed">Passe: </span>
        <input class="input-recherche" type="password" size="25" name="password"/>

        <br />

        <span class="gensmall">Connexion auto:</span>
        <input class="input-casse" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> 

        <br />

        {S_HIDDEN_FIELDS}<input class="input-bouton" type="submit" name="login" value="Valider" />
        </form>
        <table style="margin-top:5px;" width="200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a href="/register">S'inscrire</a></td>
            <td align="left"><img style="display:inline; margin-left:5px; margin-top:1px;" src="http://img4.hostingpics.net/pics/534504plus.png" /></td>
          </tr>
        </table>
        </div>
        <!-- END switch_user_logged_out -->
        <!-- BEGIN switch_user_logged_in -->
        <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
        <div class="connex-sous-bloc">
        <span class="texte-infos">
        <span class="USERNAME">Bonjour </span><br />
        <span class="USERBIRTHDAY">Date de naissance: </span><br />
        <span class="USERAGE">Mon age: </span> Ans<br />
        <span class="USERREGDATE">Inscrit le: </span><br />
        <span class="USERLASTVISIT">Dernière visite: </span><br />
        <span class="USERCOUNTPOST">J'ai posté </span> messages
        </span>
        </div>
        <!-- END switch_user_logged_in -->
            </td>
          </tr>
        </table>

     
     
     
     
     
     
     
        <div class="infosstaff">
          <ul>
        <!-- BEGIN switch_user_logged_in -->
        <li><a href=""><span class="bouton-link">notre staff</span></a>
        <ul>
        <li>
        <table id="Staff">
          <tr>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/333670greg.gif" /> <br/>
                    greg <br />
                    Fondateur<br />
                    Humeur : Bonne<br />
                    Astro : Bélier    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=1">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u1">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/226766marie74.gif" /> <br/>
                    Marie74 <br />
                    Animateur en chef<br />
                    Humeur : Bonne<br />
                    Astro : Sagittaire    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=31">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u31">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/968357genevive49.gif" /> <br/>
                    Geneviéve49 <br />
                    Second  et superviseur<br />
                    Humeur : Assez cool<br />
                    Astro : Bélier    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=156">Envoyer un Message</a>
                                  <a href="http://www.recettesgustatif.net/u156">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/518847rot68.gif" /> <br/>
                    Rot68<br />
                    Second<br />
                    Humeur : comme le vin..<br />
                    Astro : en cours  <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=9">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u9">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/712396veronique.gif" /> <br/>
                    Véronique<br />
                    Second et super modo<br />
                    Humeur : Constante<br />
                    Astro : Vierge<br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=20">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u=402">Profil</a> <br/>
                </span>
              </td>
          </tr>
          <span>
          <img height="48px" src="http://img15.hostingpics.net/pics/333670greg.gif" /> <br/>
                    Virginie<br />
                    Second et super modo<br />
                    Humeur:bonne<br />
                    Astro : Vierge<br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=20">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u20">Profil</a> <br/>
                </span>
        </table>
        </li>
        </ul>
        </li>
        <li><a href="/login.forum?logout"><span class="bouton-link">deconnexion</span></a></li>
            <li><a href="{U_PRIVATEMSGS}"><span class="bouton-link">{PRIVATE_MESSAGE_INFO}</span></a></li>
            <li><a href="/search"><span class="bouton-link">recherche</span></a></li>
            <li><a href="/faq"><span class="bouton-link">faq</span></a></li>
            <li><a href="/profile?mode=editprofile"><span class="bouton-link">profil</span></a></li>
            <li><a href="/gallery/index.htm"><span class="bouton-link">galerie</span></a></li>
            <li><a href="/memberlist"><span class="bouton-link">membres</span></a></li>
            <li><a href="/"><span class="bouton-link">accueil</span></a></li>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
        <li><a href=""><span class="bouton-link">notre staff</span></a>
        <ul>
        <li>
        <table id="Staff">
          <tr>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/333670greg.gif" /> <br/>
                    greg <br />
                    Fondateur<br />
                    Humeur : Bonne<br />
                    Astro : Bélier    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=1">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u1">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/226766marie74.gif" /> <br/>
                    Marie74 <br />
                    Animateur en chef<br />
                    Humeur : Bonne<br />
                    Astro : Sagittaire    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=31">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u31">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/968357genevive49.gif" /> <br/>
                    Geneviéve49 <br />
                    Second  et superviseur<br />
                    Humeur : Assez cool<br />
                    Astro : Bélier    <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=156">Envoyer un Message</a>
                                  <a href="http://www.recettesgustatif.net/u156">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/518847rot68.gif" /> <br/>
                    Rot68<br />
                    Second<br />
                    Humeur : comme le vin..<br />
                    Astro : en cours  <br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=9">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u9">Profil</a> <br/>
                </span>
              </td>
              <td>
                <span>
                    <img height="48px" src="http://img15.hostingpics.net/pics/712396veronique.gif" /> <br/>
                    Véronique<br />
                    Second et super modo<br />
                    Humeur : Constante<br />
                    Astro : Vierge<br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=20">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u20">Profil</a> <br/>
                </span>
                </td>
              <td>
                <span>
          <img height="48px" src="http://img15.hostingpics.net/pics/333670greg.gif" /> <br/>
                    Virginie<br />
                    Second et super modo<br />
                    Humeur:bonne<br />
                    Astro : Vierge<br/><br/>
                    <a href="http://www.recettesgustatif.net/privmsg?mode=post&u=20">Envoyer un Message</a>  <a href="http://www.recettesgustatif.net/u20">Profil</a> <br/>
                </span>
              </td>
          </tr>
        </table></li>
        </ul>
        </li>
        <li><a href="/register"><span class="bouton-link">S'inscrire</span></a></li>
        <li><a href="/login.forum?connexion"><span class="bouton-link">connexion</span></a></li>
        <li><a href="/"><span class="bouton-link">accueil</span></a></li>
        <!-- END switch_user_logged_out -->
          </ul>
        </div>
        <div class="souslogo"></div>
        </div>
     
     
     
     
     
     
     
     
     
        <div id="pa">
     
        <div class="hautbas">
        <a style="display:scroll" href="#top"><div class="haut01"></div></a>
        <a style="display:scroll" href="#bottom"><div class="bas01"></div></a>
        </div>
     
     
        <div id="paleft">
        <div class="pabloc1">
        <div class="container">
          <div id="slider">
              <div id="mask">
                <ul>
                    <li>
                      <a href="#" title="les asperges sont là!"><img width="335" height="289" src="http://i77.servimg.com/u/f77/14/41/84/13/asperg10.jpg" /></a>
                    </li>
                    <li>
                      <a href="#" title="les tartines gourmandes"><img width="335" height="289" src="http://i83.servimg.com/u/f83/14/41/84/13/9-lyon10.jpg" /></a>
                    </li>
                    <li>
                      <a href="#" title="papillons de poissons"><img width="335" height="289" src="http://i83.servimg.com/u/f83/14/41/84/13/dsc_0110.jpg" /></a>
                    </li>
                    <li>     
                      <a href="#" title="pause!!"><img width="335" height="289" src="http://i83.servimg.com/u/f83/14/41/84/13/1-balt11.jpg" /></a>
                    </li>
                </ul>
              </div>
              <div id="progress">
              </div>
              <div id="overlay">
              </div>
              <div id="pause">
              </div>
          </div>
        </div>
     
          </div>
        <div class="pabloc2">
        <div class="marmiton-div">
        <h1 class="hh1">Vous avez besoin de conseils  sur une recette? rejoignez-nous !</h1>
        <p class="pp"><img src="http://img15.hostingpics.net/pics/911070chapeau.png" style="margin-top:-40px; margin-left:270px; position:absolute;" />
          Deviens toi aussi membre en te rendant utile pour le forum, en postant des recettes , en aidant les membres.
        <table style="margin-top:-5px;" width="315" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a href="/t7387-les-groupes">les autres groupes</a></td>
            <td align="left"><img style="display:inline; margin-left:2px; margin-top:3px;" src="http://img11.hostingpics.net/pics/275173plus.png" /></td>
          </tr>
        </table>
        </p>
        </div>
        </div>
        </div>

        <div id="pacenter">
        <div class="pabloc3">
        <div class="bloc-recette1"><div class="scrollLinks1">
        <a href="#" onMouseover="move('container',5)" onMouseout="clearTimeout(move.to)"><img src="http://img11.hostingpics.net/pics/201871fleche1.jpg" border=0></a>
        </div><div class="div1"><div id="container" class="div2">

        <table class="bloc-recette" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" width="92">
        <img class="img-recette" src="http://i77.servimg.com/u/f77/14/41/84/13/41d00010.jpg" width="90" height="90" />
            </td>
            <td valign="top" width="260">
        <h1 class="hhh1">C'est bon, ça ! </h1>
        <p class="ppp">Les chocolats  hum!,On en use, on en abuse et on a bien raison . </p>
        <table style="margin-top:10px; margin-left:100px;" width="150" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a href="http://www.recettesgustatif.net/c12-les-desserts">lire la suite</a></td>
            <td align="left"><img style="display:inline; margin-left:2px; margin-top:2px;" src="http://img11.hostingpics.net/pics/275173plus.png" /></td>
          </tr>
        </table>
            </td>
          </tr>
        </table>

        <table class="bloc-recette" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" width="92">
        <img class="img-recette" src="http://i77.servimg.com/u/f77/14/41/84/13/maroil10.jpg
        " width="90" height="90" />
            </td>
            <td valign="top" width="260">
        <h1 class="hhh1">Entrées chaudes et croustillantes</h1>
        <p class="ppp">les entrées chaudes mettent en appétit.<br /><br /></p>
        <table style="margin-top:20px; margin-left:100px;" width="150" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a href="http://www.recettesgustatif.net/f58-les-entrees">lire la suite</a></td>
            <td align="left"><img style="display:inline; margin-left:2px; margin-top:2px;" src="http://img11.hostingpics.net/pics/275173plus.png" /></td>
          </tr>
        </table>
            </td>
          </tr>
        </table>

        <table class="bloc-recette" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" width="92">
        <img class="img-recette" src="http://i41.servimg.com/u/f41/14/41/84/13/potage10.jpg" width="90" height="90" /> 
            </td>
            <td valign="top" width="260">
        <h1 class="hhh1">Les soupes ,les potages ,les veloutés.. !</h1>
        <p class="ppp">Vous avez de bonnes recettes de soupes ,alors n' hésitez  pas à venir nous faire partager</p>
            </td>
          </tr>
        </table>

        <table class="bloc-recette" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" width="92">
        <img class="img-recette" src="http://i74.servimg.com/u/f74/14/74/20/42/04311.jpg" width="90" height="90" />
            </td>
            <td valign="top" width="260">
        <h1 class="hhh1">Le pain!</h1>
        <p class="ppp">Le pain est l'aliment de base. Découvrez le plaisir de faire son pain soi-même.</p>
            </td>
          </tr>
        </table>

        <table class="bloc-recette" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" width="92">
        <img class="img-recette" src="http://i41.servimg.com/u/f41/14/41/84/13/pomme_10.jpg" width="90" height="90" />
            </td>
            <td valign="top" width="260">
        <h1 class="hhh1">Les produits de saison</h1>
        <p class="ppp">Les fruits et légumes poussent selon un cycle propre à chacun et qui dépend du climat. Consommer des produits de saison, c’est respecter les rythmes de la nature et profiter de produits savoureux qui ont pris le temps de mûrir. </p>
            </td>
          </tr>
        </table>


        </div></div><div class="scrollLinks2">
        <a href="#" onMouseover="move('container',-5)" onMouseout="clearTimeout(move.to)"><img src="http://img11.hostingpics.net/pics/120306fleche2.jpg" border=0></a>
        </div>
        <script type="text/javascript">
        function move(id,spd){
        var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top);
        if ((spd>0&&top<=0)||(spd<0&&top>=max)){
          obj.style.top=top+spd+"px";
          move.to=setTimeout(function(){ move(id,spd); },20);
        }
        else {
          obj.style.top=(spd>0?0:max)+"px";
        }
        }
        </script>
        </div>

        </div>
        <div class="pabloc4">
        <div class="credit-div">
          <h1 class="hh1"><a alt="Présentez votre blog!" href="http://www.recettesgustatif.net/h11-suggere-ton-blog">Suggérer votre blog ici clique</a></h1>
        <p class="pp">Si vous souhaitez référencer les recettes de votre blog sur Au Plaisir Gustatif , merci de remplir ce formulaire.
        </p>
        </div>
        </div>
        </div>

        <div id="paright">
        <div class="pabloc5">
        <div class="rejoindre-div">
        <h1 class="h1">La cuisine se partage !</h1>
        <h2 class="h2">Rejoignez nous !</h2>
        <p class="p">
        <span class="USERNAME">Bonjour </span> bienvenue Au Plaisir Gustatif
        Trouvez ici des recettes faciles, des recettes élaborées, des recettes rapides, et des recettes pratiques ! Vous êtes novice ou expert en cuisine alors je vous invite de suite à venir vous inscrire  <a href="/register" class="postlink">ici</a>.
        <br />
        <table width="197" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right"><a href="/f20-les-presentations">Présente toi ici</a></td>
            <td align="left"><img style="display:inline; margin-left:2px; margin-top:2px;" src="http://img11.hostingpics.net/pics/275173plus.png" /></td>
          </tr>
        </table>
        </p>
        </div>
        </div>
        <div class="pabloc6">
        <div class="bloc_note">
        <div id="bloc_note_slide" class="prochain">
        <!-- POTIN 1  -->
        <p><img style="float:left;" src="http://img4.hostingpics.net/pics/897859181.png" width="25" height="25" />Participez et échangez
        avec les autres internautes,échangez sur ce forum vos recettes préférées.</p>

           
        <!-- POTIN 2 -->
        <p><img style="float:left;" src="http://img4.hostingpics.net/pics/935274652.png" width="25" height="25" />Forum de discussion consacre a la cuisine, aux recettes...</p>


        <!-- POTIN 3 -->
        <p><img style="float:left;" src="http://img4.hostingpics.net/pics/725155923.png" width="25" height="25" />Vite!!Passionnés de forums de Cuisine, Gastronomie<br />Afin de bénéficier de l'intégralité des fonctions du forum, il est conseillé de s'inscrire </p>


        <!-- POTIN 4 -->
        <p><img style="float:left;" src="http://img4.hostingpics.net/pics/751858334.png" width="25" height="25" /> Partage tes recettes et viens en apprendre d'autres !</p>

        </div>
        </div>
        </div>
        </div>
        </div>
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     

          <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
              <tr>
                <td class="bodyline">
                             
                    <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 -->

                    <!-- 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="page-body">
                      <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 -->

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par doro matra le Sam 25 Mai 2013 - 21:18

je viens de me rendre compte que sur mon forum teste ça fonctionner plus , le problème viens peut être du scripte , je sais pas drunken

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probléme de décalage de texte dans ma page d'accueill

Message par doro matra le Dim 26 Mai 2013 - 9:09

je ferme le sujet , car pas de réponse je change toutes ma page .

doro matra
****

Masculin
Messages : 472
Inscrit(e) le : 25/08/2008

http://www.recettesgustatif.net
doro matra a été remercié(e) par l'auteur de ce sujet.

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


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