aide pour résoudre un souci de codage Bouton_activeaide pour résoudre un souci de codage Bouton_hoveraide pour résoudre un souci de codage Fb-hoveraide pour résoudre un souci de codage Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
aide pour résoudre un souci de codage EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
aide pour résoudre un souci de codage EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
aide pour résoudre un souci de codage EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
aide pour résoudre un souci de codage EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
aide pour résoudre un souci de codage EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
aide pour résoudre un souci de codage EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
aide pour résoudre un souci de codage EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
aide pour résoudre un souci de codage EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Funko POP! Jumbo One Piece Kaido Dragon Form : ...
Voir le deal

Partagez
 

aide pour résoudre un souci de codage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Coucou tout le monde, voilà j'ai voulu avoir une barre de navigation fixe dans le haut de ma page afin d'avoir le résultat suivant :

Spoiler:


* L'adresse de votre forum : http://annuaire-rn.forumactif.org/forum

* Explications du problème : Ma barre de navigation est dans le haut du forum oui, mais on ne voit pas l'effet voulu et en fait il a zéro effet tout cours.

* Le navigateur utilisé : Firefox

* Les codes ajoutés avant le problème : Aucun codes mise à part pour la PA. Je ne pense pas que cela est un lien avec la barre de navigation vu que ce n'est pas du tout dans le même template.

* La version du forum : PHPBB2

* Problème de CSS ou HTML : Voici les codes en questions :

HTML :

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

CSS :

Code:
.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
background-color: #1e3245; /*couleur de fond*/
border-bottom: 2px solid #0B151F;
border-left: 2px solid #0B151F;
border-right: 2px solid #0B151F;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

* Une capture d'écran : Voici donc le résultat qui je en pense pas soit similaire à ce que je voulais obtenir :


Spoiler:


Merci d'avance, j'aimerais vraiment régler ce souci pour pouvoir continuer de travailler sur mon prochain thème.

bizou


Dernière édition par xodramm le Sam 05 Mar 2011, 08:33, édité 1 fois
MessageSujet: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMar 08 Fév 2011, 22:02
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



aide pour résoudre un souci de codage Empty
Il n'y a pas d'effet parce que tu n'as pas modifié ton HTML...

Cherche ça dans ton code :
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 remplace le par ça :
Code:
<div class="navi">{GENERATED_NAV_BAR}</div>
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMar 08 Fév 2011, 22:46
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Merci beaucoup juste une petite question si je veux un encadrement arrondit autour des mots et augmenter la largeur de la bande comment je fais.


biz

xo
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 09 Fév 2011, 06:54
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Bonjour,

Pour augmenter la largeur de ta bande :

Tu ajoutes :
Code:
height:????px;
Dans le css .navi

Pour faire un arrondi sur tes mots :

Tu ajoutes une class :
Code:

 .mainmenu{
border:?px ?(style de la bordure) ?(couleur);
-moz-border-radius:?px ?px ?px ?px;
-webkit-border-radius:?px ?px ?px ?px;
border-radius:?px ?px ?px ?px;
}

Évidemment tous les -?- sont à remplacer par des valeurs de ton choix. (Sauf pour style de la bordure et couleur bien sûr )
Je ne sais plus exactement à quoi correspondent les valeurs pour les arrondis mais chaque -?- corresponds à -top- ; -bottom- ; -right- ; -left-

MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 09 Fév 2011, 10:20
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



aide pour résoudre un souci de codage Empty
Rectification, ça tourne dans les aiguilles d'une montre en partant du haut, donc top, right, bottom, left. Haut, droite, bas, gauche.
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 09 Fév 2011, 13:10
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Bien le moyen mnémotechnique je m'en souviendrais pour de prochaines fois Smile

Merci Wink
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 09 Fév 2011, 13:24
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Heum j'ai aucun encadré autour de mes mots et j'ai le soulignement quand je passe ma sourie dessus Rolling Eyes Voici le code css :

Code:
.navi {
position: fixed;
left: 0px;
top: 0px;
height:25px;
right: 0px;
z-index: 999;
width: 100%;
background-color: #0B151F; /*couleur de fond*/
border-bottom: 2px solid #0B151F;
border-left: 2px solid #0B151F;
border-right: 2px solid #0B151F;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

.mainmenu{
border:2px  #1e3b42;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
}

Pour avoir une ombrage légère sous la barre de navigation et un petit glow fin je fais comment ? Je voudrais aussi mes mots en petit majuscule. C'est possible


Embarassed encore merci pour l'aide
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 09 Fév 2011, 17:33
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Yop,

Il manque une valeur à ton mainmenu au niveau de border :

Code:
.mainmenu{
border:2px solid #1e3b42;
-moz-border-radius:2px 2px 2px 2px;
-webkit-border-radius:2px 2px 2px 2px;
border-radius:2px 2px 2px 2px;
font-variant:small-caps;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

J'ai ajouté "solid" pour le border mais tu as un large choix de panel. De mon propre avis je dirais qu'avec 2px pour tes arrondis tu ne vas pas forcément bien les voir mais c'est ton choix bien sûr Wink
"font-variant" sert pour tes petites majuscules.
Pour l'ombrage léger je suppose que c'est comme pour ta barre de navigation donc j'ai juste repris le code que tu avais mis ^^

Un glow fin ? Oo" Connais pas ce terme \o/

Edit : Ah mince j'oubliais le soulignement des liens

Code:

a
{
text-decoration: none;
}

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

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

A rajouter dans ton css Wink Ca enlève tous les les soulignements et décorations des liens ^^ A toi de tester lequel tu souhaites garder ou pas Smile

MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyJeu 10 Fév 2011, 03:58
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
wow cela commence vraiment à être sympa, tu es un amour ^^

Je voudrais savoir comment je centre on texte dans ma navigation, car présentement il est à droite dans la petite bulle et je voudrais vraiment l'avoir centre. Aussi je sais que l'ont put changer les mots de notre barre de navigation serait-ce possible de savoir où hihi !

Voilà j'avais essayer de centrer le texte mais en vain :



Code:
.mainmenu{
border:5px solid #1e3b42;
-moz-border-radius:5px 2px 5px 2px;
-webkit-border-radius:5px 2px 5px 2px;
border-radius:5px 2px 5px 2px;
font-variant:small-caps;
text-align: center;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

Pour le reste je pense que tout est parfait : http://zorahh2.forumactif.org/
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyJeu 10 Fév 2011, 07:06
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Ton code est déjà centré ^^

Là en fait tu as laissé les petites images mais comme tu as du mettre rien il affiche un carré blanc en plus du texte...

Rien de dramatique :

Panneau d'administration => Affichage => En-tête & Navigation => Afficher seulement des images dans la barre des liens : [ ] Oui [X] Non

En gros tu coches "non" à cette question Wink

Pour changer les mots je ne saurais te dire comme ça :/
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyJeu 10 Fév 2011, 15:15
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Pourtant c'est ce que j'ai fait :

aide pour résoudre un souci de codage Capture

Du coup je ne comprends pas Rolling Eyes
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyJeu 10 Fév 2011, 17:15
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Voici ce que je vois pour ma part :

Spoiler:

Comme tu peux le remarquer, j'ai "sélectionné" avec ma souris de manière à ce que tu voies que l'image est bien présente...

La solution serait peut-être d'aller voir dans ton panneau d'admin dans la catégorie affichage => Gestion des images => Mode simple

Vérifie pour chaque mots de la barre de navigation que tu n'as rien dans le champ de l'image. Attention ne pas cliquer masquer. Juste supprime le lien de l'image et enregistre..
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 04:04
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
J'ai été voir et voilà je n'ai pas d'image :

Spoiler:
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 08:52
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Lorsque tu vas dans le panneau d'admin => Affichage => Image => Tu cliques sur index

Peux-tu me faire un screen de ce que tu as ?
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 10:52
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
heum j'ai pas ce chemin là moi .... Dans affichage j'ai gestion des images mais je n'ai pas index .... Donc, je ne vois pas où je dois aller voir du tout Embarassed
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 12:29
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
J'ai pas assez décortiqué mea culpa ^^

Panneau d'admin => Affichage => Gestion des images => Mode Simple

Là la page affiche les images de ton forum d'une manière simple.

Tu dois avoir "index" ; "portail" ; "calendrier" etc etc

Tu cliques sur un de ceux là et tu me fais un screen de ce que tu vois Smile
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 12:49
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Voilà j'ai fait des captures d'écran et j'ai aucune image dans ma barre de navigation :

aide pour résoudre un souci de codage 110212012909881033

aide pour résoudre un souci de codage 110212013021356837

Du coup je ne comprends pas pourquoi ca bug ainsi snif Crying or Very sad Voici à nouveau mon css au cas ou. J'ai mit celui de ma PA au cas où de quoi viendrait faire buguer le css pour ma navigation :

Code:
/*------------------------------------
css PA
--------------------------------------*/

a img{
      border:none;
  }
 
  .home-page{
      width:900px;
      height:600px;
      margin:0 auto;
      padding:10px;
  }
 
  .clear{ clear:both;}
  .left{ float:left;}
  .right{ float:right;}
 
  .menu{
      height:240px;
      width:245px;
  }
 
  .menu div{
      position:relative;
      height:32px;
      width:245px;
      margin-bottom:10px;
  }
 
  .menu div h3{
      position:absolute;
      top:0;
      left:0;
      z-index:5;
      cursor:pointer;
      background:#0B151F;
      height:30px;
      width:235px;
      margin:0;
      padding:0 5px;
      line-height:30px;
      font-size:14px;
      font-family:verdana, sans-sherif;
      font-weight:normal;
      color:#788098;
      text-transform:uppercase;
      border:1px solid #193E47;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:0 1px 5px #788098;
      -webkit-box-shadow:0 1px 5px #788098;
  }
 
  .menu div:hover h3{
      -moz-border-radius:10px 10px 0 0;
      -webkit-border-radius:10px 10px 0 0;
  }
 
  .menu div span{
      position:absolute;
      top:32px;
      left:0;
      z-index:10;
      display:none;
      background:#0B151F;
      width:245px;
      font-size:12px;
      font-family:verdana, sans-sherif;
      text-transform:uppercase;
      border:1px solid #193E47;
      border-top:none;
      -moz-border-radius:0 0 10px 10px;
      -webkit-border-radius:0 0 10px 10px;
  }
 
  .menu div span a{
      display:block;
      height:25px;
      width:235px;
      padding:0 5px;
      line-height:25px;
      color:#788098;
      text-decoration:none;
      border-bottom:1px solid #193E47;
  }
 
  .menu div span a.last{
      border-bottom:none;
      -moz-border-radius:0 0 10px 10px;
      -webkit-border-radius:0 0 10px 10px;
  }
 
  .menu div span a:hover{
      background:#0B151F;
      text-shadow:1px 1px 0 #000;
  }
 
  .menu div:hover span{
      display:block;
  }
 
  .module-presentation,
  .module-news,
  .module-staff,
  .module-cadeaux,
  .module-top-part,
  .module-top-sites{
      background:#0B151F;
      margin:0;
      margin-bottom:15px;
      padding:5px;
      border:1px solid #193E47;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      -moz-box-shadow:0 1px 5px #788098;
      -webkit-box-shadow:0 1px 5px #788098;
  }
 
 
  .module-presentation{ height:230px; width:625px; text-align:justify;}
  .module-news{ height:205px; width:375px; text-align:justify;}
  .module-staff{ height:145px; width:375px; text-align:center;}
  .module-cadeaux{ height:122px; width:490px; text-align:center;}
  .module-top-part{ height:115px; width:490px; text-align:center;}
  .module-top-site{ height:65px; width:490px; text-align:center;}
 
  .module-presentation{
      line-height:18px;
      font-size:12px;
      font-family:verdana, sans-sherif;
      color:#788098;
  }
 
  .module-presentation p{
      height:220px;
      width:615px;
      margin:0;
      padding:5px;
      overflow:auto;
  }
 
  .module-news{
      line-height:18px;
      font-size:12px;
      font-family:verdana, sans-sherif;
      color:#788098;
  }
 
  .module-news p{
      height:195px;
      width:365px;
      margin:0;
      padding:5px;
      overflow:auto;
  }
 
  .module-staff h3{
      margin:5px auto 10px;
      font-size:14px;
      font-family:verdana, sans-sherif;
      font-weight:normal;
      color:#788098;
      text-transform:uppercase;
      text-align:center;
  }
 
  .module-staff div{
      position:relative;
      display:inline-block;
      height:100px;
      width:40px;
      margin:0 2px;
  }
 
  .module-staff div img.thumbs{
      position:absolute;
      top:0;
      left:0;
      z-index:5;
  }
 
  .module-staff div:hover img.thumbs{
      -moz-box-shadow:0 0 8px #000;
      -webkit-box-shadow:0 0 8px #000;
  }
 
  .module-staff div span{
      position:absolute;
      top:75px;
      left:25px;
      z-index:10;
      display:none;
      background:#0B151F;
      height:360px;
      width:170px;
      margin:0;
      padding:0 5px;
      text-align:center;
      border:1px solid #193E47;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
  }
 
  .module-staff div span p,
  .module-staff div span p a{
      margin:0;
      padding:5px 0;
      line-height:18px;
      font-size:12px;
      font-family:verdana, sans-sherif;
      color:#788098;
      text-align:center;
      text-decoration:none;
  }
 
  .module-staff div span p a:hover{
      color:#788098;
  }
 
  .module-staff div:hover span{
      display:block;
  }
 
  .module-cadeaux h3,
  .module-top-part h3,
  .module-top-sites h3{
      margin:5px auto 10px;
      font-size:14px;
      font-family:verdana, sans-sherif;
      font-weight:normal;
      color:#788098;
      text-transform:uppercase;
      text-align:center;
  }
 
  .module-cadeaux p,
  .module-top-part p,
  .module-top-sites p{
      margin:0;
      padding:0;
      text-align:center;
  }
 
  .module-cadeaux img,
  .module-top-part img,
  .module-top-sites img{
      padding:2px;
  }
 
  .module-cadeaux a:hover img,
  .module-top-part a:hover img,
  .module-top-sites a:hover img{
      -moz-box-shadow:0 0 8px #000;
      -webkit-box-shadow:0 0 8px #000;
  }

.actif { /*Onglet survolé*/
background-color : #1e3245;
}


/*------------------------------------
css navigation
--------------------------------------*/
.navi {
position: fixed;
left: 0px;
top: 0px;
height:30px;
right: 0px;
z-index: 999;
width: 100%;
background-color: #0B151F; /*couleur de fond*/
border-bottom: 2px solid #0B151F;
border-left: 2px solid #0B151F;
border-right: 2px solid #0B151F;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}

.mainmenu{
border:5px solid #1e3b42;
-moz-border-radius:5px 2px 5px 2px;
-webkit-border-radius:5px 2px 5px 2px;
border-radius:5px 2px 5px 2px;
font-variant:small-caps;
text-align: center;
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}


a
{
text-decoration: none;
}

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

a:link
{
text-decoration: none!important;
}
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 11 Fév 2011, 20:28
Revenir en haut Aller en bas
http://oyoken.forumactif.org/
Oyoken
Oyoken
{ Membre }
{ Membre }

Masculin Messages : 34



aide pour résoudre un souci de codage Empty
Et bien là je ne vois plus du tout :/ Vraiment désolé ...
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptySam 12 Fév 2011, 05:02
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



aide pour résoudre un souci de codage Empty
Coucou! Very Happy

Vas dans Affichage » En-tête & Navigation et clique ensuite le bouton aide pour résoudre un souci de codage Editerpour éditer le champ de navigation que tu veux Wink

Une fois que tu as cliqué sur ce bouton, tu as cette fenêtre qui t'apparaît :

aide pour résoudre un souci de codage Pbnavig

Il suffit donc juste de modifier l'image Wink

Voilà Very Happy
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptySam 12 Fév 2011, 05:20
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
L'ennuie c'est que je n'ai plus d'image pour ma barre de navigation Rolling Eyes
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptySam 12 Fév 2011, 08:08
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



aide pour résoudre un souci de codage Empty
Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône aide pour résoudre un souci de codage Resolu en éditant votre premier message (:
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyVen 18 Fév 2011, 18:47
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Oui j'attends toujours une réponse pour savoir comment centrer mes mots dans mes bulles de ma barre de navigation. Car j'ai tout essayer et rien ne semble fonctionner.
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMar 22 Fév 2011, 11:05
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



aide pour résoudre un souci de codage Empty
Hum, tu n'as probablement pas "tout essayé", non Rolling Eyes (On m'a rapporté que tu t'étais plainte d'être 'maudite' quand je t'avais répondu, désolée de faire mon boulot ¬_¬)

J'ai besoin de ton code CSS ENTIER et de ton template overall_header.

Et sinon, on ne peut pas changer les mots de la barre de navigation à moins de faire des manipulations compliquées, te connaissant, je préfère le déconseiller.

Accessoirement : aide pour résoudre un souci de codage Capture

j'aurais tendance à penser que si tu avais choisi de sélectionner "position du menu : center", ça marcherait mieux.
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 23 Fév 2011, 07:18
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



aide pour résoudre un souci de codage Empty
Bonjour ^^

Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône aide pour résoudre un souci de codage Resolu

Merci Wink
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyMer 02 Mar 2011, 02:05
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



aide pour résoudre un souci de codage Empty
Voici une capture d'écran de ma navigation :

Spoiler:

Voici le HTML :
Spoiler:


Voici le CSS entier :

Spoiler:

Voilà ^^
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage EmptyJeu 03 Mar 2011, 19:41
Revenir en haut Aller en bas
Contenu sponsorisé




aide pour résoudre un souci de codage Empty
MessageSujet: Re: aide pour résoudre un souci de codage   aide pour résoudre un souci de codage Empty
Revenir en haut Aller en bas
 

aide pour résoudre un souci de codage

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» Aide pour codage page d'accueil
» Besoin d'aide pour un codage à partir d'un schémas.
» Problème pour la Chatbox, et besoin d'aide pour un code
» Souci de Code pour PA.
» Souci de code pour PA

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forumactif.com