[Résolu] Partie du CSS non activ sur certaines pages.

Vous avez un soucis dans la création, la retouche graphique ou dans votre feuille de style ? Un problème dans la manipulation de Gimp ou de Photoshop ? Ou encore mieux, des réponses à apporter ? C'est par là.
Verrouillé
Inconnu
Cet utilisateur a supprimé son compte et n’existe plus.
Messages : 6333
Inscription : 29 décembre 2010 à 18:15

Bonjour,

Je vous explique rapidement l'architecture de mon site.

On arrive sur index.php, une page qui contient plusieurs includes important le header(css,meta etc...), une banniere, un menu(accueil etc..), une barre de navigation(se connecter etc...).

Quand on est pas connecté, j'importe menu_pub(publique).php et navigation_pub.php

index.php =>

Code : Tout sélectionner

<html>
    <head>
        <title> Club croisière du centre </title>
        <?php
            include('template/header.php');
        ?>
    </head>
    <body>
        <?php
            include('template/banniere.php');
            include('template/menu_pub.php');
        ?>    
        <br/><br/>
        <div class="page">
            <?php
                include('template/navigation_pub.php');
            ?>
            
            <div id="corps">
            
                ***
            
                <h2><font color="red">***</font></h2>
                <h2>La dernière sortie : </h2>
                Dates: <br/>
                Chef de bord : <br/>
                Second : <br/>
                <h2>Prochaine sortie : </h2>
                Dates: <br/>
                Chef de bord : <br/>
                Second : <br/>
                <h2>Prochain cours : </h2>
                Dates: <br/>
                Animateur : 
            </div>
            <?php
                include('template/pied_page.php');
            ?>
        </div>
    </body>
</html>
Ci contre menu_pub.php

Code : Tout sélectionner

<div id="menu">
    <ul id="nav-one" class="nav" >
        <li><a href="http://clubcc.franceserv.com/index.php">Accueil</a>
        </li>
        <li><span>Le Club</span>
            <ul>
                <li>
                    <a href="http://clubcc.franceserv.com/public/historique.php">Historique</a>
                </li>
                <li>
                    <a href="">Infos</a>
                </li>
                <li>
                    <a href="">Bateaux</a>
                </li>
                <li>
                    <a href="http://clubcc.franceserv.com/fichiers/reglement.doc" target="_blank">R&#233glement interne</a>
                </li>
                <li>
                    <a href="http://clubcc.franceserv.com/inscription.php">S'inscrire</a>
                </li>
            </ul>
        </li>
        <li><span>Activit&#233s</span>
            <ul>
                <li>
                    <a href="http://clubcc.franceserv.com/public/sorties_cal.php">Sorties/Calendrier</a>
                </li>
                <li>
                    <a href="">Cours/Calendrier</a>
                </li>
                <li>
                    <a href="">Formation</a>
                </li>
                <li>
                    <a href="">Tarifs</a>
                </li>
            </ul>
        </li>
        <li><span>Galerie</span>
            <ul>
                <li>
                    <a href="">Bateau</a>
                </li>
                <li>
                    <a href="">Album</a>
                </li>
                <li>
                    <a href="">Sorties</a>
                </li>
            </ul>
        </li>
        <li><span>Infos</span>
            <ul>
                <li>
                    <a href="">CCC Infos</a>
                </li>
                <li>
                    <a href="">M&#233t&#233o</a>
                </li>
                <li>
                    <a href="">Liens</a>
                </li>
                <li>
                    <a href="">Acc&#233s Port</a>
                </li>
                <li>
                    <a href="">FFV</a>
                </li>
            </ul>
        </li>
    </ul>
<div>
Mais quand je me connecte, et que je suis sur l'accueil des membres :

Code : Tout sélectionner

<?php
session_start() ;
if(!isset($_SESSION["Prenom"]) && $_SESSION["Confirme"]<>1)  
{
?>
<script> 
alert("Vous n'êtes pas connecté ou votre compte n'a pas été validé par l'administrateur");
window.location.replace('../index.php');
</script>
<?php
}
?>
<html>
    <head>
        <title> Histoire du club </title>
        <?php
            include('../template/header.php');
        ?>
    </head>
    <body>
        <?php
            include('../template/banniere.php');
        ?>

        <?php
            include('../template/menu_priv.php');
        ?>
        
        <br/><br/>
        <div class="page">
            <?php
                include('../template/navigation_priv.php');
            ?>
            <div id="corps">
                Page d'accueil membre connecté ! Nous sommes le <?php echo date('Y/m/d') ;?> il est <?php echo date('H:i')?>
            </div>
            <?php
                include('../template/pied_page.php');
            ?>
        </div>
    </body>
</html>
Ps : On voit bien que c'est la même architecture que index.php
J'utilise ici navigation_priv et menu_priv.php et bien ma page est tout moche, ma page est totalement disproportionné comme si certaines partie de mon css ne sont pas pris en compte.
J'ai regardé les différences entre index et accueil membre, si j'utilise navigation_priv et menu_pub sa fonctionne, donc apparement c'est menu_priv qui à un soucis. Voici le code :

Code : Tout sélectionner

<div id="menu">    
    <ul id="nav-one" class="nav" >
        <li><a href="http://clubcc.franceserv.com/membre/accueil_membre.php">Accueil</a>
        </li>
        <li><span>Le Club</span>
            <ul>
                <li>
                    <a href="http://clubcc.franceserv.com/public/historique.php">Historique</a>
                </li>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/ca_bureau.php">CA et bureau</a>
                </li>
                <li>
                    <a href="">Infos</a>
                </li>
                <li>
                    <a href="">Bateaux</a>
                </li>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/encadrement.php">Encadrement</a>
                </li>
                <li>
                    <a href="http://clubcc.franceserv.com/fichiers/reglement.doc" target="_blank">Règlement interne</a>
                </li>
            </ul>
        </li>
        <li><span>Activités</span>
            <ul>
                <li>
                    <a href="http://clubcc.franceserv.com/public/sorties_cal.php">Sorties/Calendrier</a>
                </li>
                <li>
                    <a href="">Sorties/Réservation</a>
                </li>
                <li>
                    <a href="">Cours/Calendrier</a>
                </li>
                <li>
                    <a href="">Cours/Fiches</a>
                </li>
                <li>
                    <a href="">Formation</a>
                </li>
                <li>
                    <a href="">Tarifs</a>
                </li>
            </ul>
        </li>
        <li><span>Galerie</span>
            <ul>
                <li>
                    <a href="">Bateau</a>
                </li>
                <li>
                    <a href="">Album</a>
                </li>
                <li>
                    <a href="">Sorties</a>
                </li>
            </ul>
        </li>
        <li><span>Infos</span>
            <ul>
                <li>
                    <a href="">CCC Infos</a>
                </li>
                <li>
                    <a href="">Météo</a>
                </li>
                <li>
                    <a href="">Liens</a>
                </li>
                <li>
                    <a href="">Accès Port</a>
                </li>
                <li>
                    <a href="">FFV</a>
                </li>
            </ul>
        </li>
        <?php
            if($_SESSION["Autorisation"]>2)
            {
        ?>
        <li><span>Administration</span>
            <ul>
                <?php
                    if($_SESSION["Autorisation"]==6)
                    {
                ?>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/gestion_membre.php">Gestion des membres</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>4)
                    {
                ?>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/mail_news.php">Gestion des Mails News</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>3)
                    {
                ?>
                <li>
                    <a href="">Réservations</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>2)
                    {
                ?>
                <li>
                    <a href="">Rapports des sorties</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>2)
                    {
                ?>
                <li>
                    <a href="">Notation des formations</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>2)
                    {
                ?>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/ajout_sortie.php">Ajouter une sortie</a>
                </li>
                <?php
                    }
                    if($_SESSION["Autorisation"]>2)
                    {
                ?>
                <li>
                    <a href="http://clubcc.franceserv.com/membre/supr_sortie.php">Supprimer une sortie</a>
                </li>
                <?php
                    }
                ?>
            </ul>
        </li>
        <?php
            }
        ?>
    </ul>
</div>
Hors mis le php qui affiche plusieurs onglets suivant notre autorisation il n'y a rien qui change donc je vois pas pourquoi le CSS fait des siennes.

Mes div sont affecté du CSS suivant :

Code : Tout sélectionner

body {
background-color: ;
background-position : center;
margin :0 auto 0;
font-family: Trebuchet MS,Georgia;
} 
#banniere {
    background-color: ;
    height: 300px;
    margin: 0 auto 0;
    width: 1097px;
    border-radius: 5px ;
    box-shadow: 0 2px 5px #1C1A19;
}
#menu {
height: 25px;
width: 1097px;
margin: 0 auto 0;
}
#nav-one {
    display: block; 
    margin: 0 auto 0 ;
    background-color : blue;
    border-radius: 5px ;
    box-shadow: 0 2px 5px #1C1A19;
}
.nav, .nav ul {
    list-style: none outside none;
    padding: 0;
    background-color : yellow; /* Couleur cases sous menus */
}
.nav {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 0 auto 0;
    z-index: 100;
    color : red;
    
}
.nav li {
    /*border-left: 1px solid red;
    border-bottom : 1px solid red ;*/
    float: left;
    margin: auto;
    padding: 0;
    position: relative; 
    top: 0;
    width: 125px;
    background-color : #1E7FCB; /* Couleur cases du menu */
    border-radius: 5px ;
    box-shadow: 0 2px 5px #1C1A19;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  
    color: #ECB716; /* couleur du texte du menu (liens) */
    display: block;
    font: bold 15px/25px Verdana,Arial,Helvetica,sans-serif;
    height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5px ;
    box-shadow: 0 2px 5px #1C1A19;
}
.nav li span, .nav li span:link, .nav li span:active, .nav li span:visited {

    color: #ECB716 ; /* Couleur du texte du menu compris dans la balise span */
    display: block;
    font: bold 15px/25px Verdana,Arial,Helvetica,sans-serif;
    height: 25px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5px ;
    box-shadow: 0 2px 5px #1C1A19;
}
.nav li a:hover {
   
    color: red; /* Couleur du texte du menu (et qui est un lien : accueil ) au survol */
}
.nav li span:hover {
 
    color: red; /* Couleur du texte du menu au survol compris entre la balise span*/
}
#nav-one li:hover a, #nav-one li.sfHover a {
  
    color: red; /* Couleur des liens survolés par la souris */
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a {
 
    color:#ECB716; /* Couleur du texte des sous menus  */
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
 
    color: white; /* Couleur du texte des sous menus survolés à la souris (liens)*/
}
.nav ul {
    border-bottom: 1px solid green;
    left: 0;
    list-style: none outside none;
    margin: auto;
    position: absolute;
    top: -999em;
}
.nav li:hover ul, .nav li.sfHover ul {
    top: 25px;
}
.nav ul li {
    border: 0 none;
    float: none;
    top: 0;
}
.nav ul a, .nav ul a:link, .nav ul a:active, .nav ul a:visited {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: green green -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    font: bold 9px/25px Verdana,Arial,Helvetica,sans-serif;
    white-space: nowrap;
}

#navigation { /* Barre de navigation contenant les liens vers toutes les pages */
background-color: orange;
font-size: 105%;
margin: 0 auto 0;
width: 231px;
height: 600px;
float: left;
text-align:center ;
border-radius: 5px ;
box-shadow: 0 2px 5px #1C1A19;
}
#corps {
float: left;
border : ;
margin-left : 15px;
min-height : 600;
width : 843;
}
.page{
margin : 0 auto 0  ;
min-width : 1097 ;
}
#titre {
text-align: center;
}
#design_table th {
font: Times New Roman ;
color: maroon ;
}
#imageContainer {
    position:relative;
    margin: auto;
    width:1097px;
    height:200;
    /* border:12px solid #FFFFFF; */
}
#imageContainer img {
    display:none;
    position:absolute;
    top:0; left:0;
}
#pied-de-page{
margin-top : 10px;
text-align : center ;
}
Je comprends plus rien du tout, donc si vous pouvez m'aider ce serai super. Si vous voulez d'autre partie du code n'hésitez pas.

Je vous remercie
Haut
Avatar de l’utilisateur
Elodie
Fondatrice / Responsable
Fondatrice / Responsable
Messages : 7945
Inscription : 2 avril 2010 à 20:14

Bonsoir,

Je viens de m'inscrire sur votre site pour voir le problème une fois connecté.

Et je ne vois pas de problème de présentation, voilà une capture écran :

Image

Ne serai ce pas simplement un problème de cache sur votre navigateur qui ferai que la feuille de style n'est pas lu ou n'est pas à jour ? Je ne vois aucune information dans les header de votre site au niveau HTML sur un pragma ou un expire, alors par défaut le navigateur mémorise tout.
Vous avez une question ? Posez-la de préférence sur le forum et si ça demande un contact plus instantané, n'hésitez pas à vous rendre sur le t'chat IRC. Si votre question est personnelle, contactez-nous directement.
Haut
Inconnu
Cet utilisateur a supprimé son compte et n’existe plus.
Messages : 6333
Inscription : 29 décembre 2010 à 18:15

Bonjour,

Le problème a été réglé, apparemment le fait d'avoir mis du php dans menu_priv a changé quelque chose, j'ai recodé menu_priv ligne par ligne, toujours avec du php et ça fonctionne. Je n'ai aucune explications mais bon.

Merci tout de même :)

Ps : Serait il possible de permettre aux membres de pouvoir supprimer leur post sur le forum? Car j'ai réussi à corriger l'erreur et du coup vous avez quand même essayer de m'aider aprés ^^
Haut
Avatar de l’utilisateur
Elodie
Fondatrice / Responsable
Fondatrice / Responsable
Messages : 7945
Inscription : 2 avril 2010 à 20:14

mimiwoolf a écrit :Ps : Serait il possible de permettre aux membres de pouvoir supprimer leur post sur le forum? Car j'ai réussi à corriger l'erreur et du coup vous avez quand même essayer de m'aider aprés ^^
Je préfère que la personne répond à son propre sujet de discussion en disant que le problème est résolu (et pourquoi pas expliquer comment) et qu'elle ajoute dans le titre "[Résolu]" car lors de la création d'un sujet, l'information est donnée sur le t'chat IRC :
[09:34] <+Messenger> mimiwoolf vient de créer une nouvelle discussion ayant pour sujet 'Partie du CSS non activ sur certaines pages.' à http://www.franceserv.fr/forum/viewtopi ... 5024#p5024
[09:05] <+Messenger> mimiwoolf vient de répondre au sujet de discussion 'Partie du CSS non activ sur certaines pages.' à http://www.franceserv.fr/forum/viewtopi ... 5030#p5030
De plus, lorsqu'une personne répond, il est possible que ça envoi un mail aux autres participants de la discussion actuelle.
Vous avez une question ? Posez-la de préférence sur le forum et si ça demande un contact plus instantané, n'hésitez pas à vous rendre sur le t'chat IRC. Si votre question est personnelle, contactez-nous directement.
Haut
Verrouillé

Revenir à « Graphisme »