Page HTML, le CSS semble inactif

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

Résolu Page HTML, le CSS semble inactif

Message par maximumuse le Sam 11 Jan 2014 - 20:31

Bonsoir tout le monde  Very Happy 

Je crée une page HTML intégrale, avec l'éditeur avancé, j'ai donc entré mon code et l'affichage est impeccable

Mais je souhaite rajouter un menu (qui n'est pas encore correct) j'ai donc rajouté du code CSS à la suite de la feuille de style

Mais rien ne semble marcher

voila le code HTML

Code:
<html lang="fr">
<head>
   <meta charset="ANSI" />
   <title>Classiques du mois</title>
   <link rel="stylesheet" media="screen" type="text/css" title="classique" >
</head>
    
<body style="background:url(http://i57.servimg.com/u/f57/11/06/67/90/pellic10.png) repeat fixed ">
  
<!--  ##############  le menu qui ne marche pas ###########  -->
<ul id="scrollmenu">
        <li>
      <a href="#">Navigation</a>
      <ul>
                  <li><a href="default.php">Accueil</a></li>            
                  <li><a href="http://cinema.forums-actifs.com/">Retour Forum</a></li>
        <li><a href="https://drive.google.com/">Google Drive</a></li>
        <li><a href="http://laseptiemeobsession.wix.com/laseptiemeobsession">magazine 7e obsession</a></li>   
      </ul>
        </li>
        <li>
             <a href="#">Années V1</a>
               <ul>
                 <li><a href="2012.php">2012</a></li>
       <li><a href="2011.php">2011</a></li>
                 <li><a href="2010.php">2010</a></li>
                 <li><a href="2009.php">2009</a></li>   
               </ul>
        </li>        
        <li>
             <a href="#">Classeurs V2</a>
               <ul>
      <li><a href="https://docs.google.com/spreadsheet/ccc?key=0AjMvifHSegR9dEZXX05DVlZDQlkwUTBBUGg2NVRDckE#gid=60">Films 2013</a></li>
      <li><a href="https://docs.google.com/spreadsheet/ccc?key=0AjMvifHSegR9dEZXX05DVlZDQlkwUTBBUGg2NVRDckE#gid=38">Index de A à Z</a></li>
      <li><a href="https://docs.google.com/spreadsheet/ccc?key=0AjMvifHSegR9dG5KQ0ZxVlBCTDMwakFMaGNac1ltVlE#gid=26">Réalisateurs</a></li>
               </ul>
        </li>  
</ul>
 <!--    ############  FIN DU MENU  ###################   -->
  
  
  
<div style="width:800px; background:url(http://i57.servimg.com/u/f57/11/06/67/90/fond210.jpg); margin:auto;">

<div align="center">
 <img src="http://i57.servimg.com/u/f57/11/06/67/90/cinecl11.gif" style="width: 150px;" />
</div>
 
<p align="center">
  <strong><span style="font-size: 50px;"> Les Classiques du mois </span></strong><br />
  redécouvrez les sélections du forum
</p>
 
<table style="margin:auto" cellspacing="10">
   
   <tbody>
   <tr>
           <td colspan=3 align=center>
             <strong><span style="font-size: 30px;"> Actuellement </span></strong><br />
              <a href="http://cinema.forums-actifs.com/t6827-la-nuit-du-chasseur-classique-de-janvier-2014">
                <img src="http://www.dvdclassik.com/upload/images/critique-la-nuit-du-chasseur-laughton2.jpeg" style="height: 300px;" /></a>
           </td>
          
        </tr>
          
      <tr>
         
         <td align="center">
             <strong> Décembre 2013 </strong>
         </td>
         
         <td align="center">
             <strong> Novembre 2013 </strong>
         </td>
         
         <td align="center">
             <strong> Octobre 2013 </strong>
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t6729-la-belle-et-la-bete-classique-commun-decembre-2013"><img src="http://i55.servimg.com/u/f55/16/35/71/20/affich12.jpg" style="height: 300px;" /></a>
         </td>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t6663-new-york-miami-classique-commun-novembre-2013"><img src="http://i55.servimg.com/u/f55/16/35/71/20/affich11.jpg" style="height: 300px;" /></a>
         </td>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t6608-le-cuirasse-potemkine-classique-commun-octobre-2013"><img src="http://i55.servimg.com/u/f55/16/35/71/20/148410.jpg" style="height: 300px;" /></a>
         </td>
         
      </tr>
      
      <tr>
         
         <td align="center">
             <strong> Septembre 2013 </strong>
         </td>
         
         <td align="center">
             <strong> Août 2013 </strong>
         </td>
         
         <td align="center">
             <strong> Juillet 2013 </strong>
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t952-blanche-neige-et-les-sept-nains-classique-commun-septembre-2013"><img src="http://i73.servimg.com/u/f73/16/35/71/20/117.jpg" style="height: 300px;" /></a>
         </td>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t6498-rome-ville-ouverte-classique-commun-aout-2013"><img src="http://i36.servimg.com/u/f36/16/35/71/20/rome-v10.jpg" style="height: 300px;" /></a>
         </td>
         
         <td>
             <a href="http://cinema.forums-actifs.com/t6214-tant-qu-il-y-aura-des-hommes-classique-commun-juillet-2013"><img src="http://i57.servimg.com/u/f57/11/06/67/90/16_mid10.jpg" style="height: 300px;" /></a>
         </td>
         
      </tr>
      
   </tbody>
   
</table>
 
 
<div style="text-align: center;">
    <span style="font-size: 18px;"> <a href="http://cinema.forums-actifs.com/"><strong>Retour Accueil</strong></a></span>
</div>
 <br /><br />

  </div>
</body>
</html>

voila donc le CSS que j'ai rajouté:

Code:
#scrollmenu, #scrollmenu ul  /* Liste */    
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
 
#scrollmenu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
 
#scrollmenu  a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */      
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 144px; /* largeur */
}
 
#scrollmenu  li /* Elements des listes */    
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #scrollmenu  li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
 
#scrollmenu  li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
 
 
#scrollmenu  li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
 
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #scrollmenu  li ul li              
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
 
#scrollmenu  li ul ul
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */    
}
 
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #scrollmenu  li ul ul              
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

vous avez un aperçu du souci ici:  http://cinema.forums-actifs.com/h1-les-classiques-du-mois

le CSS semble inopérant


Dernière édition par maximumuse le Dim 12 Jan 2014 - 0:09, édité 2 fois

maximumuse
****

Masculin
Messages : 223
Inscrit(e) le : 25/09/2005

http://oric-concours.forumactif.org/
maximumuse a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML, le CSS semble inactif

Message par maximumuse le Dim 12 Jan 2014 - 0:08

Merci Google  Very Happy qui est plus efficace que votre fonction de recherche

j'ai trouvé une réponse dans ce forum: il faut mettre le CSS et le code JS dans le header ou heberger ces fichiers et mettre les liens dans le header, le CSS du forum n'est pas utilisé

je pense que vous devriez le préciser dans la page avancée d'édition , car on s'obstine en vain à rajouter du code ds le CSS du forum

Bonne soirée

maximumuse
****

Masculin
Messages : 223
Inscrit(e) le : 25/09/2005

http://oric-concours.forumactif.org/
maximumuse 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