School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Question hors tuto] Barre de nav' toute serrée :S

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

Luniia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 510
Age: 12
Localisation: Là,ou ici.
$ops: 1517
Points: 230
Date d'inscription: 16/05/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: [Question hors tuto] Barre de nav' toute serrée :S   Dim 23 Oct - 18:18

Hello !

J'ai créer un nouveau forum phBB2 et j'ai mis ma barre de navigation en haut . J'ai réussi , c'est cool , tout va bien ... ou presque .
La barre est 'toute serrée' je vous montre :





Vous ne savez pas comment 'desserrer' la barre de navigation ( même 'pas en haut' la barre est serrée :S ) ? ^^

Bonne soirée ,
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Lun 24 Oct - 11:05

C'est du texte ou des images ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Luniia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 510
Age: 12
Localisation: Là,ou ici.
$ops: 1517
Points: 230
Date d'inscription: 16/05/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Lun 24 Oct - 14:16

Du texte ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Lun 24 Oct - 18:10

Ok Smile

Alors, il va falloir ajouter dans le CSS de la barre de nav' un peu d'espace entre les liens Smile

Tu peux nous montrer le CSS de ta barre de nav' ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Luniia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 510
Age: 12
Localisation: Là,ou ici.
$ops: 1517
Points: 230
Date d'inscription: 16/05/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Mar 25 Oct - 14:57

Alors , heum ;.. j'ai trouvé comment 'desserrer' mais maintenant , il me mettent les textes deux fois :S


Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Mar 25 Oct - 15:16

Tu peux nous donner ton template et ton css ? Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Luniia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 510
Age: 12
Localisation: Là,ou ici.
$ops: 1517
Points: 230
Date d'inscription: 16/05/2010
SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Mar 25 Oct - 15:42

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>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

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

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

<table id="nav_barr" style="margin-top: -10px;" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

   <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>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

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

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

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


CSS :

Code:
.mainoption
{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}

.liteoption
{
-moz-border-radius:10px; /**** Border-radius signifie "rayon de la bordure", 10px le rayon de l'arrondissement *****/
-webkit-border-radius:10px; /*** webkit signifie "kit web", 10px le rayon de l'arrondissement ****/
-khtml-border-radius:10px; /*** pour linux ***/
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Happy's Chat"; }


a.mainmenu:hover

text-align: center;

a.forumlink:link, a.forumlink:visited {
font-family:  Georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 3px dotted #FBDDA7;
color: #000000;
letter-spacing: 2px;
display: block;

}
a.forumlink:hover, a.forumlink:hover:visited {
color: #000000;
text-align: center;
display: block;
border-bottom: 3px dotted #FBDDA7;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

//////////PAGE D ACCUEIL//////////////////

/* test_quierra_10 */

.lien_onglet_haut{
border-width: 1px 2px;
font-family:  Georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 3px dotted #FBDDA7;
color: #000000;
font-weight: bold;
padding: 3px;
margin-right: 5px;
margin-bottom: -1px;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;
border-radius: 9px 9px 0px 0px;
/margin-bottom: -3px;
position: relative;
}

.lien_onglet_haut:hover{
padding-top: 1px;
/padding-top: 3px;
}

.lien_onglet_haut a:hover{
color: #000000 !important;
}

.style_td{
text-align: left;
-moz-border-radius: 40px 40px 40px 40px;
border-width: 1px 5px;
border-style: solid;
border-color: #FBDDA7 #FBDDA7 ;
padding: 6px;
margin-top: 0px;
-moz-box-shadow: 2px 2px 7px #000;
background-color: #FFFFFF;
}

.style_td_2{
padding: 10px;
border-right: 1px solid #FBDDA7;
text-align: left;
}
.titre_span{
font-family:  Georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 3px dotted #FBDDA7;
color: #000000;
font-weight: bold;}

.liste_liens{
border-left: 1px solid #FBDDA7;
}

.liste_liens li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 14px;
display: list-item;
list-style-image: url(http://i48.servimg.com/u/f48/16/28/14/94/sans_t47.png);
margin-bottom: 4px;
}

.liste_liens li :hover{
color: #000000;
letter-spacing: 2px;
}

.style_bas_td{
text-align: left;
-moz-border-radius: 40px 40px 40px 40px;
border-width: 1px 5px;
border-style: solid;
border-color: #FBDDA7 #FBDDA7 ;
padding: 11px;
margin-top: 0px;
-moz-box-shadow: 2px 2px 7px #000;
background-color: #FFFFFF;
}

.bas_td{
text-align: right;
padding-right: 40px;
font-style: italic;
}

.lien_onglet_bas{
border-width: 1px 2px;
border-style: solid;
border-color: #FBDDA7;
background-color: #FFFFFF;
padding: 3px;
border-top: none;
-moz-border-radius: 0px 0px 9px 9px;
-webkit-border-radius: 0px 0px 9px 9px;
border-radius: 0px 0px 9px 9px;
margin-top: -5px;
margin-right: 5px;
/margin-top: -3px;
position: relative;
-moz-box-shadow: 2px 2px 2px#000;
-webkit-box-shadow: 2px 2px 2px#000;
box-shadow: 2px 2px 2px#000;
}


/* Scroller Box */
#scroller_container {
width: 550px;
height: 33px;
overflow: hidden;
}
/* Scoller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin test quierra_10 */

/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: white;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
width: 220px;
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #FFFFFF;  /* couleur du fond de l'infobulle */
color: #000000; /* couleur du texte */
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 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é */
text-align: center;
font-size: 14px;
border: 1px solid #FBDDA7;
border-width:1px 1px 1px 1px;
}

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 100px; /*--- On le place à XX px du haut de l'écran ---*/
left: 0px; /*--- On le place à X px de la gauche de l'écran ---*/
background-color: #FFEAC4; /*--- On donne une couleur au fond ---*/
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
}

#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:1000px; /*--- pour régler la largeur de la barre ---*/
background-color: #FBDDA7; /*--- On donne une couleur au fond ---*/
border:1px #FBDDA7 solid;  /*--- On ajoute une bordure ---*/
margin-left:-450px; /* pour centrer:  largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
}
///////////////FIN PAGE DACCUEIL/////////////
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Lun 23 Jan - 10:05

Coucou Smile

Désolée de répondre si tard, mais ton souci est-il résolu ?

Archives le 30/01 si pas de nouvelle
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Tom'

Loin des Yeux, près du Coeur - Retraité

Voir le dossier scolaire

Loin des Yeux, près du Coeur - Retraité

Masculin Nombre de messages: 3163
Age: 14
Localisation: A la vie scolaire ! Je t'observe
$ops: 8078
Points: 930
Date d'inscription: 22/02/2011
Distinctions: Pense-bête de Jen
Binôme de Ceca'

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: Re: [Question hors tuto] Barre de nav' toute serrée :S   Mar 31 Jan - 11:32

Bonjour,

Le délai est écoulé.
J'archive,

Tom
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.royale-pub.com/forum
 

[Question hors tuto] Barre de nav' toute serrée :S

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Archives du forum :: Les archives du forum :: Aides spécifiques-


Aller en haut
Aller en bas