Problème au niveau de la Barre de Navigation.

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

Résolu Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Mer 21 Sep 2011 - 15:27

Coucou,
Voici ma Barre de Navigation en ce moment :


Alors, j'aimerais que le texte s'affiche sur une seul ligne, et que les bordure soit droite, et non arrondit :DD

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}>
<head>
  <!-- BEGIN meta_emulate_ie7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- END meta_emulate_ie7 -->
  <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_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 -->

  <!-- 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}">

<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top"><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
  <!-- 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}
           

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



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

Et le CSS :

Code:
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

body
{cursor:crosshair}


a:hover{ cursor:crosshair; }


#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Bla Bla"; }

.deco{text-align: center;
background-color:#F2E294;
border: solid 2px #10360E;
height:auto;
}

.test{text-align: center;
background-image:url(http://i26.servimg.com/u/f26/16/06/80/03/jytjyt10.png);
border: solid 1px #10360E;
height:auto;
}


.secondarytitle, .secondarytitle h2 {
background-color: transparent;
}.


.tstaff{font-size:1em;}

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

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

.thumbnail span{
position: absolute;
background-color: (couleur du fond de l'infobulle);
padding: 5px;
left: -1000px;
visibility: hidden;
color: (couleur du texte à l'intérieur de l'infobulle);}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: (largeur de l'infobulle, mettre un peu plus que l'image à l'intérieur);}

.vignettes
{-moz-border-radius:2px;
background-color: #FFFFFF;
padding-right:1px;
padding-left:1px;
padding-bottom: 1px;
padding-top:1px;
color : #7D7566;}

.postdetails.poster-profile a img
{
border: 1px dashed #104716;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}

a:hover {
  font-size: 14px;
  }


  .colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}






.quote {
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}


.spoiler_closed{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}


.spoiler_content{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: black;
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85; }







.forumline{
 -moz-border-radius: 15px;
padding: 5px;
border-color: black;
border: 3px solid;}

















.beauty{
  font-family:verdana;
  color:#1c7317;
  font-size:12px;
text-align: center;
Font-weight: Bold;
  background-image:url('http://s2.noelshack.com/old/up/1-5d7642b283.gif');
  background-repeat:no-repeat;
  background-position: left center;
  background-color:#95b332;
 
  width:500px;
  min-height:100px;
  height:auto;
  border-left: #1c7317 5px solid;
border-right: #1c7317 5px solid;
border-top: #1c7317 1px solid;
border-bottom: #1c7317 1px solid;
margin :auto ;

  }











table.tableau_profil{
  width:200px;
  margin:auto;
  border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

  }
 
table.tableau_profil td.haut_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-color: #A1B9BD;
  background-repeat:repeat-y;
  padding-left:14px;
  padding-right:14px;
  text-align:center;
  }
 
table.tableau_profil td.bas_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab span.pseudo_posteur{
  font-family:Comic Sans Ms;
  font-size:12pt;
  }
 
table.tableau_profil td.milieu_tab span.rang_posteur{
  font-family:Comic Sans Ms;
  font-size:8pt;
  color:black;
  font-style:italic;
  }
 
table.tableau_profil td.milieu_tab div.infos_posteur{
  width:160px;
  margin:auto;
  padding:4px;
  text-align:left;
  font-family:Comic Sans Ms;
  font-size:10pt;
  color:black;
  background-color:#A1B9BD;
 
moz-border-radius:15px;
  }





















.titre{
background-color: none;
border: solid;

}




.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


body
{
background-image: url("http://i46.servimg.com/u/f46/16/06/80/03/jj_bmp11.jpg");
background-repeat : repeat;
}















 





























 
/*tour de new no news lock*/
.tourimg {
border : 3px solid #826D53;
}
 
 
/*titre du forum*/
a.forumlink {
padding-right : 40px;
border-bottom : 8px solid #727B85;
font-size : 20px;
font-family : Arial;
display : block;
text-shadow: black 1px 1px 2px;
text-align:left;
margin-top:15px;
line-height:3px;
}

a.forumlink.hover {
text-align : left;
padding-right : 40px;
border-bottom : 8px solid #727B85;
font-size : 20px;
font-family : Arial;
display : block;
letter-spacing: 3px;
text-align: center;
margin-top:15px;
}

a.forumlink:before {
content:" → "
}
 
/*description*/
.descrip {

background-color: #A1B9BD;
height: 100px;
width: 450px;
overflow : auto;
text-align="center";
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
}

 /*dernier message*/
.derniersmess {

-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px1 5px 0px 0px;
border-radius:15px 15px 0px 0px;
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
border-top: solid 4px #727B85;
}
 


/*Affichage De : Sujet x et Messages x*/

.postetmess{
border : 5px solid #826D53;
width: 162px;
margin: auto;

}




/*titre des catégories*/
.secondarytitle {
display : block;
height : 25px;
border-top : 3px solid #826D53;
border-left : 3px solid #826D53;
border-right : 3px solid #826D53;
background-color : transparent;
margin: auto;
 
}
.secondarytitle h2{
font-size : 20px;
font-family : Arial;
}















/*--- Tableau ---*/

 .en_tete{
 
 
  height:auto;
  background-color:transparent;
 
 
  margin:auto;

  }

/****** Mise en page des colonnes ******/

table tr{
  vertical-align:top;
  }

#tab1_col1{
  width: 200px;
  padding:12px;
  }

#tab1_col2{
  width: 350px;
  padding:12px;
  }

#tab1_col3{
  width: 150px;
  padding:12px;
  }

#tab2_col1{
  width: 450px;
  padding:12px;
  }

#tab2_col2{
  width: 250px;
  padding:12px;
  }
 
/****** Mise en page des titres ******/

#titre_en_tete{
  background-color:#68a4a9;
  border:1px dashed #ffffff;
  height: 24px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
  padding: 4px;
  }
 
/****** Mise en page du texte ******/

#en_tete_nav{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:35px;
  margin-bottom:-4px;
  }
 
#contenu_en_tete{
  font-family:Tahoma;
  font-size:14px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }

#en_tete_infos_forum{
  font-family:Tahoma;
  font-size:12px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }
 
#en_tete_news{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:12px;
  margin-bottom:-4px;
  }

#logo_en_tete, #staff_en_tete{
  text-align:center;
  }

#logo_en_tete a, #staff_en_tete{
  text-decoration:none;
  }

#logo_en_tete img{
  padding-bottom:4px;
  }

#staff_en_tete img{
  padding-left:6px;
  }
     
/****** Mise en page des liens ******/

#lien_en_tete{
  color:#0d1128;
  text-decoration:none;
  }

#lien_en_tete:hover{
  border-bottom:dotted 1px #0d1128;
  font-weight:bold;
  }

#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;
  }
 
#vers_profil:hover{
  border-bottom:dotted 1px #0d1128;
  }

/*--- Tableau 2ème partie ---*/

.tableau {
 border-left: 5px solid #727B85;
border-right: 5px solid #727B85;
border-top: 2px solid #727B85;
border-bottom: 2px solid #727B85;
width: 200px;
}

.tableaux {
 border-left: 5px solid #727B85;
border-right: 5px solid #727B85;
border-top: 2px solid #727B85;
border-bottom: 2px solid #727B85;
width: 350px;
}

a.lienpa {
text-align: center;
 color:black;   
font-size: 13px;
text-shadow: black 1px 1px 2px;
}
 
.lienpa:hover { 
background-color:transparent;
color: black;
text-shadow: black 1px 1px 2px;
border-bottom: 2px solid #727B85;
border-top: 2px solid #727B85;
}
 
.lienpa{
background-color:#727B85;
text-shadow: black 1px 1px 2px;
border-bottom: 2px solid #727B85;
border-top: 2px solid #727B85;
}

/*****Infobulles******/

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  background-color: #5c5c5c;
  color: #000000;
  padding: 3px;
-moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
 border-left: 2px #ffffff;
  border-bottom: 2px #ffffff;
  border-top: 2px #ffffff;
  border-right: 2px #ffffff;
}



/*--- DICO ---*/

.dico {
 border-left: 5px solid #826D53;
border-right: 5px solid #826D53;
border-top: 2px solid #826D53;
border-bottom: 2px solid #826D53;
text-position: center;
}








/*--- Présentation ---*/
.presentation {
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
width: 325px;
}



/*--- Bordure du Forum ---*/

.bodyline{  border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}


/*--- Galerie ---*/

.galerie {
background-color: #55acc2;
border: solid 5px white;
-moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
font-family:Calibri;
text-shadow: 1px 1px 0px #000000;
font-size: 15px;
}

.toutre {
text-shadow: black 1px 1px 2px;
text-align:center;
color: white;
line-height:3px;
border-bottom: solid 5px white;

font-size: 25px;
position: center;
}

.toutre2 {
text-shadow: black 1px 1px 2px;
text-align:left;
color: white;
line-height:3px;
border-bottom: solid 5px white;

font-size: 20px;
position: center;
}









.forumline{-moz-border-radius:30px;}
.bodyline {-moz-border-radius:60px;}


body { cursor: crosshair;
margin-top:0px;
background-image:url ("http://nsa26.casimages.com/img/2011/02/20/110220115319797434.png");
background-position:top;
background-position:center;
background-repeat: repeat;
}
a:hover { cursor:resize; }


u{border-bottom: 0px dotted #b8bbbc;
text-decoration: none;
}




.navtop {
top : 0px;
position : fixed ;
background-color:#ffffff;
border-bottom : 10px solid #ffffff;
padding:-8px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-radius:0px 0px 10px 10px;
        -moz-box-shadow: 1px 1px 2px #000000;
        -webkit-box-shadow: 1px 1px 2px #000000;
        height: 40px;
       
margin-top:15px;

}



/*--- Règlement ---*/


.reglement {
background-color: #A1B9BD;
overflow : auto;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
}

.toutre3 {
text-shadow: black 1px 1px 2px;
text-align:center;
color: #727B85;
line-height:3px;
border-bottom: solid 5px #727B85;

font-size: 25px;
position: center;
}

.toutre4 {
text-shadow: black 1px 1px 2px;
text-align:left;
color: #727B85;
line-height:3px;
border-bottom: solid 5px #727B85;

font-size: 20px;
position: center;
}


a.mainmenu{
 text-decoration: none;
background-color: #4592a8;

font-family:  Georgia;
padding-right: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;
       
}


.navtop {
top : 0px;
position : fixed ;
width : 99% ;
background-color:#e6eaeb;
border-bottom : 3px solid #4592a8;
border-top : 3px solid #4592a8;
      margin: auto;
        text-position: left;
       
}


/*--- Bienvenue ---*/

.bienvenue {
background-color:#597e2e;
border-bottom : 3px solid #991631;
border-top : 3px solid #991631;
text-shadow: black 1px 1px 2px;
font-weight: bold;
color: #991631;
text-align: center;
width: 500px;
}

Merci d'avance, Bisous :DD


Dernière édition par Bella♥ le Ven 23 Sep 2011 - 18:59, édité 1 fois

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité le Mer 21 Sep 2011 - 15:49

Bonjour,

Normalement, il n'y a pas besoin du template pour résoudre ce soucis.

Les arrondis sont dans votre CSS:
Repérez ceci:
Code:
a.mainmenu{
 text-decoration: none;
background-color: #4592a8;
 font-family:  Georgia;
padding-right: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;
  }
Et retirez
Code:
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;

Dans votre panneau d'admin' > Affichage > En tete & Navigation, vous pouvez forcer la barre de navigation à rester sur une ligne.

Cordialement.

Invité
Invité


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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Mer 21 Sep 2011 - 17:41

Ma barre est déjà forcer à rester sur une ligne.
Et sa ne marche pas ^^

Et merci, pour les arrondis :DD

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par FANCH 56 le Mer 21 Sep 2011 - 18:36

Essaies ce code CSS
Code:

/* *************ESPACE DES TOUCHES DU MENU DE NAVIGATION***************** */

a.mainmenu img {

    margin-right:0px;
    margin-left:0px;
}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Mer 21 Sep 2011 - 18:55

Sa ne change rien.

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par FANCH 56 le Mer 21 Sep 2011 - 20:30

Retire un bouton pas nécessaire (calendrier). pour voir

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité le Mer 21 Sep 2011 - 22:10

Bonsoir,

Dans votre templates essayez de remplacer ceci:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top"><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
  <!-- BEGIN hitskin_preview -->
par:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0" align="{MENU_POSITION}"><tbody><tr><td valign="top" align="{MENU_POSITION}"{MENU_NOWRAP}><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
   <!-- BEGIN hitskin_preview -->

Cordialement.

Invité
Invité


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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Jeu 22 Sep 2011 - 18:28

Merci, mais on voit pas en entier la barre xDD

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité le Ven 23 Sep 2011 - 15:36

Bonjour,

Je ne rencontre pas de soucis sur mon forum test, mais j'ai fait un peu de ménage dans votre CSS:
Code:
/*titre des forums*/
a.forumlink {
   padding-right : 40px;
   border-bottom : 8px solid #727B85;
   font-size : 20px;
   font-family : Arial;
   display : block;
   text-shadow: black 1px 1px 2px;
   text-align:left;
   margin-top:15px;
   line-height:3px;}

/*titre des forums au survol*/   
a.forumlink.hover {
   text-align : left;
   padding-right : 40px;
   border-bottom : 8px solid #727B85;
   font-size : 20px;
   font-family : Arial;
   display : block;
   letter-spacing: 3px;
   text-align: center;
   margin-top:15px;}
 
a.forumlink:before {content:" ? "}

/*lien au survol*/
a:hover{
   cursor:resize;
   font-size: 14px;}

/*barre de navigation*/
a.mainmenu{
   text-decoration: none;
   background-color: #4592a8;
   font-family:  Georgia;
   padding-right: 5px;}

/*corps du forum*/   
body {
   background-attachment: no-fixed;
   background-position: top center;
   cursor:crosshair;
   background-image: url("http://nsa26.casimages.com/img/2011/02/20/110220115319797434.png");
   background-repeat : repeat;
   margin-top:0px;}

/*Bordure du Forum*/
 .bodyline { 
   border-left: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
   border-top: 2px solid #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
   -moz-border-radius:60px;}

/*chat box*/   
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Bla Bla"; }

/*code*/
.code{
   font-family: Courier,Courier New,sans-serif;
   font-size: 11px;
   color: black;
   background-color: #A1B9BD;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85; }

/*contour des catégories*/   
.forumline{
    -moz-border-radius: 30px;
   padding: 5px;
   border-color: black;
   border: 3px solid;}

/*avatar*/   
.postdetails.poster-profile a img{
   border: 1px dashed #104716;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;}

/*citation*/   
.quote {
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}

 /*titre des catégories*/
.secondarytitle {
   display : block;
   height : 25px;
   border-top : 3px solid #826D53;
   border-left : 3px solid #826D53;
   border-right : 3px solid #826D53;
   background-color : transparent;
   margin: auto;}
 
.secondarytitle h2{
   font-size : 20px;
   font-family : Arial;
   background-color: transparent;}
 
 /*spoiler fermé*/
.spoiler_closed{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}
 
/*spoiler ouvert*/
.spoiler_content{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}

/*soulignement*/
u{
   border-bottom: 0px dotted #b8bbbc;
   text-decoration: none;}

.deco{
   text-align: center;
   background-color:#F2E294;
   border: solid 2px #10360E;
   height:auto;}
 
.test{
   text-align: center;
   background-image:url(http://i26.servimg.com/u/f26/16/06/80/03/jytjyt10.png);
   border: solid 1px #10360E;
   height:auto;}
 
.tstaff{font-size:1em;}
 
.thumbnail{position: relative;z-index: 0;}
 
.thumbnail:hover{background-color: transparent;z-index: 50;}
 
.thumbnail span{
   position: absolute;
   background-color: #transparent;
   padding: 5px;
   left: -1000px;
   visibility: hidden;
   color: #transparent;}
 
.thumbnail span img{border: 1px groove;padding: 2px;}
 
.thumbnail:hover span{
   visibility: visible;
   top: 15px;
   left: 25px;
   width: XXpx;}
 
.vignettes{
   -moz-border-radius:2px;
   background-color: #FFFFFF;
   padding-right:1px;
   padding-left:1px;
   padding-bottom: 1px;
   padding-top:1px;
   color : #7D7566;}
 
.beauty{
  font-family:verdana;
  color:#1c7317;
  font-size:12px;
  text-align: center;
  font-weight: Bold;
  background-image:url('http://s2.noelshack.com/old/up/1-5d7642b283.gif');
  background-repeat:no-repeat;
  background-position: left center;
  background-color:#95b332;
  width:500px;
  min-height:100px;
  height:auto;
  border-left: #1c7317 5px solid;
  border-right: #1c7317 5px solid;
  border-top: #1c7317 1px solid;
  border-bottom: #1c7317 1px solid;
  margin :auto ;}
 
table.tableau_profil{
  width:200px;
  margin:auto;
  border-left: solid 4px #727B85;
  border-right: solid 4px #727B85;}
 
table.tableau_profil td.haut_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;}
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-color: #A1B9BD;
  background-repeat:repeat-y;
  padding-left:14px;
  padding-right:14px;
  text-align:center;}
 
table.tableau_profil td.bas_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;}
 
table.tableau_profil td.milieu_tab span.pseudo_posteur{
  font-family:Comic Sans Ms;
  font-size:12pt;}
 
table.tableau_profil td.milieu_tab span.rang_posteur{
  font-family:Comic Sans Ms;
  font-size:8pt;
  color:black;
  font-style:italic;}
 
table.tableau_profil td.milieu_tab div.infos_posteur{
  width:160px;
  margin:auto;
  padding:4px;
  text-align:left;
  font-family:Comic Sans Ms;
  font-size:10pt;
  color:black;
  background-color:#A1B9BD;
  -moz-border-radius:15px;}
 
.titre{
   background-color: none;
   border: solid;}
   
/*selectionner tout*/ 
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
 
/*tour de new no news lock*/
.tourimg { border : 3px solid #826D53;}
 
/*description*/
.descrip {
   background-color: #A1B9BD;
   height: 100px;
   width: 450px;
   overflow : auto;
   text-align="center";
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;}
 
 /*dernier message*/
.derniersmess {
   -moz-border-radius:15px 15px 0px 0px;
   -webkit-border-radius:15px1 5px 0px 0px;
   border-radius:15px 15px 0px 0px;
   background-color: #A1B9BD;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;
   border-top: solid 4px #727B85;}
 
/*Affichage De : Sujet x et Messages x*/
 .postetmess{
   border : 5px solid #826D53;
   width: 162px;
   margin: auto;}
 
/*Tableau*/
  .en_tete{
  height:auto;
  background-color:transparent;
  margin:auto;}
 
/*Mise en page des colonnes*/
table tr{ vertical-align:top;}
 
#tab1_col1{
  width: 200px;
  padding:12px;}
 
#tab1_col2{
  width: 350px;
  padding:12px;}
 
#tab1_col3{
  width: 150px;
  padding:12px;}
 
#tab2_col1{
  width: 450px;
  padding:12px;}
 
#tab2_col2{
  width: 250px;
  padding:12px;}
 
/*Mise en page des titres*/
#titre_en_tete{
  background-color:#68a4a9;
  border:1px dashed #ffffff;
  height: 24px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
  padding: 4px;}
 
/*Mise en page du texte*/
 #en_tete_nav{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:35px;
  margin-bottom:-4px;}
 
#contenu_en_tete{
  font-family:Tahoma;
  font-size:14px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;}
 
#en_tete_infos_forum{
  font-family:Tahoma;
  font-size:12px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;}
 
#en_tete_news{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:12px;
  margin-bottom:-4px;}
 
#logo_en_tete, #staff_en_tete{ text-align:center;}
 
#logo_en_tete a, #staff_en_tete{ text-decoration:none;}
 
#logo_en_tete img{ padding-bottom:4px;}
 
#staff_en_tete img{ padding-left:6px;}
     
/*Mise en page des liens*/
 #lien_en_tete{
  color:#0d1128;
  text-decoration:none;}
 
#lien_en_tete:hover{
  border-bottom:dotted 1px #0d1128;
  font-weight:bold;}
 
#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;}
 
#vers_profil:hover{ border-bottom:dotted 1px #0d1128;}
 
/*Tableau 2ème partie*/
 .tableau {
   border-left: 5px solid #727B85;
   border-right: 5px solid #727B85;
   border-top: 2px solid #727B85;
   border-bottom: 2px solid #727B85;
   width: 200px;}
 
.tableaux {
   border-left: 5px solid #727B85;
   border-right: 5px solid #727B85;
   border-top: 2px solid #727B85;
   border-bottom: 2px solid #727B85;
   width: 350px;}
 
a.lienpa {
   text-align: center;
    color:black;   
   font-size: 13px;
   text-shadow: black 1px 1px 2px;}
 
.lienpa:hover { 
   background-color:transparent;
   color: black;
   text-shadow: black 1px 1px 2px;
   border-bottom: 2px solid #727B85;
   border-top: 2px solid #727B85;}
 
.lienpa {
   background-color:#727B85;
   text-shadow: black 1px 1px 2px;
   border-bottom: 2px solid #727B85;
   border-top: 2px solid #727B85;}
 
/*Infobulles*/
 a.imginfo span { display: none; /* on masque l'infobulle */}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}
 
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  background-color: #5c5c5c;
  color: #000000;
  padding: 3px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-left: 2px #ffffff;
  border-bottom: 2px #ffffff;
  border-top: 2px #ffffff;
  border-right: 2px #ffffff;}
 
/*DICO*/
 .dico {
   border-left: 5px solid #826D53;
   border-right: 5px solid #826D53;
   border-top: 2px solid #826D53;
   border-bottom: 2px solid #826D53;
   text-position: center;}

/*Présentation*/
.presentation {
   border-left: 5px solid #ffffff;
   border-right: 5px solid #ffffff;
   border-top: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;
   width: 325px;}

/*Galerie*/
 .galerie {
   background-color: #55acc2;
   border: solid 5px white;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   font-family:Calibri;
   text-shadow: 1px 1px 0px #000000;
   font-size: 15px;}
 
.toutre {
   text-shadow: black 1px 1px 2px;
   text-align:center;
   color: white;
   line-height:3px;
   border-bottom: solid 5px white;
   font-size: 25px;
   position: center;}
 
.toutre2 {
   text-shadow: black 1px 1px 2px;
   text-align:left;
   color: white;
   line-height:3px;
   border-bottom: solid 5px white;
   font-size: 20px;
   position: center;}
 
/*--- Règlement ---*/
.reglement {
   background-color: #A1B9BD;
   overflow : auto;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;}
 
.toutre3 {
   text-shadow: black 1px 1px 2px;
   text-align:center;
   color: #727B85;
   line-height:3px;
   border-bottom: solid 5px #727B85;
   font-size: 25px;
   position: center;}
 
.toutre4 {
   text-shadow: black 1px 1px 2px;
   text-align:left;
   color: #727B85;
   line-height:3px;
   border-bottom: solid 5px #727B85;
   font-size: 20px;
   position: center;}
 
 .navtop {
   top : 0px;
   position : fixed ;
   padding:-8px;
   -moz-border-radius-bottomleft:10px;
   -moz-border-radius-bottomright:10px;
   -webkit-border-radius:0px 0px 10px 10px;
   -moz-box-shadow: 1px 1px 2px #000000;
   -webkit-box-shadow: 1px 1px 2px #000000;
   height: 40px;
   margin-top:auto;
   width : 99% ;
   background-color:#e6eaeb;
   border-bottom : 3px solid #4592a8;
   border-top : 3px solid #4592a8;
   text-position: left;}

/*Bienvenue*/
 .bienvenue {
   background-color:#597e2e;
   border-bottom : 3px solid #991631;
   border-top : 3px solid #991631;
   text-shadow: black 1px 1px 2px;
   font-weight: bold;
   color: #991631;
   text-align: center;
   width: 500px;}

/*selecteur de couleurs*/   
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;}
.colorpicker_hex input { right: 6px;}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;}
.colorpicker_focus { background-position: center;}
.colorpicker_hex.colorpicker_focus { background-position: bottom;}
.colorpicker_submit.colorpicker_focus { background-position: bottom;}
.colorpicker_slider { background-position: bottom;}
Pourriez-vous nous donner le lien du forum concerné?

Cordialement.

Invité
Invité


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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Ven 23 Sep 2011 - 16:09

Voici le forum concerné : http://wondergraph.forumgratuit.org/

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par tupac le Ven 23 Sep 2011 - 16:55

Bonjour

Avez-vous essayé tout simplement d'élargir votre forum?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Ven 23 Sep 2011 - 17:39

Sa ne change pas :'(

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par tupac le Ven 23 Sep 2011 - 18:01

Je ne vois pas ou est le problème votre barre s'affiche bien sur une seul ligne.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité le Ven 23 Sep 2011 - 18:18

J'ai moi aussi un peu de mal à comprendre. Essayons ceci:

Dans votre CSS remplacez tout ce qui concerne .navtop par:
Code:
 .navtop {
   left: 0px;
        top : 0px;
   position : fixed ;
   height: 40px;
   margin-top:auto;
   width : 100% ;
   background-color:#e6eaeb;
   border-bottom : 3px solid #4592a8;
   border-top : 3px solid #4592a8;}
Dans votre template remplacez:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0" align="{MENU_POSITION}"><tbody><tr><td valign="top" align="{MENU_POSITION}"{MENU_NOWRAP}><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
par:
Code:
<div class="navtop" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</div>

Cordialement.

Invité
Invité


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

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ le Ven 23 Sep 2011 - 18:52

Merci, ses parfait, le texte n'est juste pas center, mais ces pas grave xDD

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité le Ven 23 Sep 2011 - 19:02

reflexion

Dans panneau d'admin' > Affichage > En-tête et Navigation > Position du menu est coché "centré" ?

Cordialement.

Invité
Invité


Invité 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