Problème de boutons qui flottent horizontalement

3 participants

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

Résolu Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 14:28

Bonjour, j'ai modifié le template de haut de page et ajouté un eu de CSS pour créer des boutons au dessus de ma barre de navigation.
J'ai dû définir un position "absolute" pour les placer verticalement à ce niveau, du coup ils flottent horizontalement quand on élargit la fenêtre de navigation.

Est-ce que quelqu'un saurait comment y remédier?
Voici le lien pour visualiser le problème:
http://bordercolliemonamour.forumdediscussions.com/?tt=1

MERCI!


Dernière édition par kaki10 le Mer 07 Sep 2011, 23:43, édité 1 fois
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par Roxy. Mer 07 Sep 2011, 14:40

Bonjour ,

Puis-je voir le template ou vous avez ajouter ces boutons ?
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 15:55

c'est la div suivante : <div id="forumsite">

voici la 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 ?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>

<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
 <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>

</div>

<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://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}
            

            <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 class="bodyline">
            <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>
                     

                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     

                     <span class="gen">{SITE_DESCRIPTION}
  </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>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </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 -->

            <!-- 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 -->
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 16:49

ligne 196 à 200
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par Roxy. Mer 07 Sep 2011, 17:17

Mettez ce code :
Code:
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
 <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
 
</div>

Entre ces balises :
Code:
<center> code </center>
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 20:45

Merci beaucoup, mais ça ne marche pas: il y a du CSS associé. Il faut peut-être que je vire aussi certaines commandes que j'y ai mises et qui prévalent.
Je vais essayer.
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 20:51

ça ne marche pas.
Si j'enlève les commandes de css sur le positionnement horizontal, avec de simples balises <center> dans la template mes boutons se décalent complètement à gauche.

kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 20:59

... et ils flottent toujours...
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 21:09

Bonsoir

Merci de me fournir la css que vous aviez mis à votre barre de navigation. Ainsi que de remettre votre template overall_header au départ.

Cordialement.

Problème de boutons qui flottent horizontalement Send_210Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 21:15

Merci, mais je n'ai pas uppé du tout: j'ai juste apporté une précision qui me semblait importante. Wink J'espère que c'est autorisé!
mon CSS:
Code:
#forumsite {
position:absolute;
text-align: center!important;
 margin-left:15%;
 width: 50em;
  top: 240px;

 
}
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 21:24

^^ La prochaine fois, éditez plutot votre message précédent. Sinon c'est considéré comme un up.

Où doivent exactement apparaitre ces boutons ?

SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 21:51

bon, ok.
J'ai pas édité car je me disais que si la personne avait déjà lu le message elle allait pas le relire, et donc passerait à côté de l'information que je voulais ajouter.
Faut donc surtout pas oublier d'information avec votre règle! Sinon on est mal Laughing


Mes boutons, je souhaitent qu'ils soient à peu près là où ils sont quand la fenêtre est au minimum de largeur, c'est-à-dire centrés horizontalement, et grosso modo avec une marge supérieure de 240 comme j'ai mis.

kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 22:02

Remplacez dans votre template :
Code:
 </head>
       
        <div id="forumsite">
        <a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
        <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
       
        </div>
       
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
par
Code:
        </head>
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Puis repérez :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>
        {GENERATED_NAV_BAR}</td>
                      </tr>
                    </table>
et changez le ainsi :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>
       
        <div id="forumsite">
        <a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
        <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
       
        </div><br/>{GENERATED_NAV_BAR}</td>
                      </tr>
                    </table>

Vous pouvez supprimer votre css, sauf si vous désirez changer quelquechose à vos boutons. Mais le positionnement n'est plus nécessaire.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 22:36

Merci, mais ça ne va pas: avec ces modifs mes boutons ont disparu et surtout, mon forum s'étend en largeur à l'infini!!! affraid
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 22:40

Donnez moi votre template vous avez du faire une erreur ^^

Voici pour ma part ce que j'obtiens sur mon forum test
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 22:52

heu, ce n'est pas pour upper, mais je suppose que vous êtes en ligne et que vous n'aurez pas accès à l'info si j'édite mon précédent message.
Voilà: je viens de voir que quand j'enregistre tous les symboles " deviennent des &
Je suppose que ça doit jouer dans le bug.... ça tient à quoi? j'ai essayé de changer de navigateur, mais avec firefox ça le fait aussi.
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 22:54

^^ a partir du moment ou un autre message a été posté par une autre personne que vous, ce n'est pas du up.

Le problème que vous décrivez arrive parfois. Voici votre overall_header. Vous n'avez qu'à le copier collé ^^

N'oubliez pas d'enlever la partie css.

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 ?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>
        <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://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}
                   
       
                    <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 class="bodyline">
                    <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>
                           
       
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                           
       
                            <span class="gen">{SITE_DESCRIPTION}
          </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>
       
                    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>
       
        <div id="forumsite">
        <a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
        <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
       
        </div><br/>{GENERATED_NAV_BAR}</td>
                      </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 -->
       
                    <!-- 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 -->

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 23:03

Oui, mais quand j'ai rédigé le post je ne savais pas encore que vous aviez posté Razz

Bon, j'ai fait un copié-collé manuel et c'est la cata: les numéros des lignes sont dle collé et du coup y'en a partout plein mon forum ( 330 numéros qui se baladent , quand même! ) What a Face
Mes boutons sont bien là, un peu trop haut et surtout ils flottet toujours


J'aimerais donc récupérer le template par défaut avant toute autre chose. Comment dois-je faire? Lorsque je clique sur "template par défaut" je n'ai pas la possibilité d'enregistrer. Je dois donc faire une copie puis retourner dans ma fenêtre d'édition et le coller, c'est bien ça? ( j'ai peur de faire une bêtise)

Désolée, mais en tous cas merci pour votre intérêt.
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 23:04

Pour récupérer le template par défaut cliquez sur suppr ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 23:10

c'est bon, j'ai récupéré et remis comme c'était.
Vous m'avez l'air super balaise en codes.
C'est très gentil à vous d'avoir essayé de m'aider alors je suis désolée de n'avoir pas pu vous faire le plaisir de réussir à me démouiser, mais c'est pas si grave.
En passant par le CSS, y'a pas moyen non plus?
Pourquoi il mes boutons ne sont-ils pas relatifs au cadre du forum?
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 23:17

Merci du compliment Embarassed

Les boutons ne sont pas relatifs parce que vous les aviez placé au niveau de head. Or c'est une fonction où il faut mettre toutes les parties cachées. Les parties visibles en HTML sont dans le body. Dans votre cas, le mieux est de les mettre au dessus de la barre de navigation

Cela donne dans un template par défaut :

Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
        {GENERATED_NAV_BAR}</td>
remplacez par :

Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
                <div><a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
        <a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
     
        </div><br/>{GENERATED_NAV_BAR}</td>

Ainsi ils obtiennent le même alignement que la barre de navigation en dessous. ^^

Essayez voir si cela marche. PS : Si vous avez les numéros avec effacez les à la main, il ne devrait pas en avoir beaucoup cette fois. Vous utilisez Internet explorer ? nous avons ce problème que sur IE. Essayez sinon à partir d'un autre navigateur.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 23:27

Je n'ose pas répondre avant d'avoir exécuté vos indications, parce qu'après il faudra que je revienne vous dire si ça a marché ou pas et si entre-temps vous n'avez pas répondu ça sera du uppage intempestif Siffleur

Juste pour répondre : je suis sous FF et tout à l'heure j'étais sous Safari.
je vais essayer encore avec vos nouveaux codes.

Ce que vous avez fait sur votre forum-test est magnifique.
Je veux la même chose!!! bounce bounce bounce
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 23:33

^^ je vous rassure, je regarde régulièrement mes anciens sujets pour voir justement s'il y a des éditions. Donc vous pouvez éditer sans problème.

Répondez sinon que lorsque vous avez tester les codes... Cela évite justement les édition :p.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 23:40

Youpi, ça marche!!! cheers
C'était tellement simple, finalement, mais encore fallait-il comprendre le sens des codes du template.

Bref je suis super contente et finalement je vous l'aurai apportée, j'espère, cette satisfaction d'avoir été efficace Wink

BRAVO et surtout MERCI. Flowers2
Vous avez beaucoup de talent. Yes
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par SoraNoHime Mer 07 Sep 2011, 23:41

Je vous en prie Embarassed

Bonne soirée
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de boutons qui flottent horizontalement

Message par kaki10 Mer 07 Sep 2011, 23:42

Ce n'est pas pour upper, encore, mais je viens de voir que vous avez posté et, puis, comme il n'y a plus de problème, vous ne relirez pas le précédent message Razz
Bref, je voulais dire que j'ai bien reçu les messages.

Et vous remercier aussi pour vos explications ( j'aime bien comprendre )
Bonne soirée et merci encore.
kaki10

kaki10
****

Messages : 270
Inscrit(e) le : 31/03/2007

http://bordercolliemonamour.forumdediscussions.com
kaki10 a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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