18041 sujets

Questions générales et questions de débutants

Corps qui passe sous un menu malgré un Float

Bonjour, j'ai fait une structure avec un Float dans un CSS : 

#menu
{
  width: 180px;
  margin-bottom: 20px;
  margin-top: 20px;
    
}
    .menuTitre
    {
        background-image: url("_img/menutitre.jpg");
        background-repeat: no-repeat;
      	height: 30px;
      	text-align: center;
      	font-family: "Arial",  Verdana, serif;
      	font-size: 14px;
      	font-weight: bold;
      	color: Red;
      	padding-top: 4px;
      	margin-bottom: 6px;
      	margin-top: 20px;
    }
    
    .menuH
    {
      background-image: url("_img/menuH.jpg");
      background-repeat: no-repeat;
      height: 18px;
      text-align: center;
      font-family: "Arial",  Verdana, serif;
    }
    
    .menuC
    {
      background-image: url("_img/menuC.jpg");
      background-repeat: repeat-y;
      text-align: center;
      font-family: "Arial", Verdana, serif;
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
    }
    
    .menuB
    {
      background-image: url("_img/menuB.jpg");
    	background-repeat: no-repeat;
	    height: 18px
	   
    }

#corps
{
   float: left; 
   margin-left: 190px; 
   margin-bottom: 20px;
   margin-top: 20px
   width: 800px; 
}

    .corpsH
  	{
  	background-image: url("_img/corpsH.jpg");
  	background-repeat: no-repeat;
  	height: 22px;
    }
  	
  	.corpsC
  	{
  	background-image: url("_img/corpsC.jpg");
  	background-repeat: repeat-y;
  	background-position: top;
  	text-align: justify;
  	font-family: "Arial", Verdana, serif;
  	font-size: 12px;
  	padding-left: 12px;
  	padding-right: 12px;
  	}
  	
  	.corpsB
  	{
  	background-image: url("_img/corpsB.jpg");
  	background-repeat: no-repeat;
  	height: 22px;  
  	}


quand je n'affiche qu'une seule "case" menu tout est ok... dés que je met une deuxieme, le corps passe dessous !
une idée?
merci de votre aide
Bonjour,

Sans le code HTML ou, mieux encore, une page en ligne, difficile de dire quoi que ce soit.
Bon je recommence !

désolé
voila mon CSS (j'ai repris le tout la)
/* CSS Document */
body
{
   width: 1000px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;
}

.banniere
{
  width: 1000px;
  height: 100px;
  margin-bottom: 10px;
  background-image: url("_img/banniere.jpg");
}

#menu
{
  float: left;
  width: 180px;
  margin-bottom: 20px;
  margin-top: 20px;   
}

  .menuTitre
    {
        background-image: url("_img/menutitre.jpg");
        background-repeat: no-repeat;
      	height: 30px;
      	text-align: center;
      	font-family: "Arial",  Verdana, serif;
      	font-size: 14px;
      	font-weight: bold;
      	color: Red;
      	padding-top: 4px;
      	margin-bottom: 6px;
      	margin-top: 20px;
    }
    
    .menuH
    {
      background-image: url("_img/menuH.jpg");
      background-repeat: no-repeat;
      height: 18px;
      text-align: center;
      font-family: "Arial",  Verdana, serif;
    }
    
    .menuC
    {
      background-image: url("_img/menuC.jpg");
      background-repeat: repeat-y;
      text-align: center;
      font-family: "Arial", Verdana, serif;
      font-size: 12px;
      padding-left: 10px;
      padding-right: 10px;
    }
    
    .menuB
    {
      background-image: url("_img/menuB.jpg");
    	background-repeat: no-repeat;
	    height: 18px
	   
    }
    

#corps
{
   margin-left: 190px; 
   margin-bottom: 20px;
   margin-top: 20px
   width: 800px; 
}
    .corpsH
  	{
    	background-image: url("_img/corpsH.jpg");
    	background-repeat: no-repeat;
    	height: 22px;
    }
  	
  	.corpsC
  	{
    	background-image: url("_img/corpsC.jpg");
    	background-repeat: repeat-y;
    	background-position: top;
    	text-align: justify;
    	font-family: "Arial", Verdana, serif;
    	font-size: 12px;
    	padding-left: 12px;
    	padding-right: 12px;
  	}
  	
  	.corpsB
  	{
    	background-image: url("_img/corpsB.jpg");
    	background-repeat: no-repeat;
    	height: 22px;  
  	}


mon index.php
<?php session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >  
  <head>  	
    <title>Test site
    </title>  	
    <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="_muscuStyle.css" />  
  </head>  
  <body>    
    <div class="banniere" >      
        <?php 
            include('_haut.php');
        ?>    
    </div>    
    <div id="menu">        
        <div class="menuTitre">sommaire</div>    
        <div class="menuH"> </div>                
        <div class="menuC"><?php include('_gauche.php');?></div>             
        <div class="menuB"></div>            
  
        <div class="menuTitre">administration</div> 
        <div class="menuH"></div>       
        <div class="menuC"><?php include('_sommaireAD.php');?></div> 
        <div class="menuB"></div                 
    </div>      
    <div id="corps">
    <?php
      include ('_corps.php');
    ?> 
    </div>   
  </body>
</html>


mon corps.php (volontairement reduit ici)

<div class="corpsH"></div>
<div class="corpsC">
<?php
$pageOK = array(
                        'sommairead'          => '_sommaireAD.php',
                                           'usr_prog'             => 'usr_prog.php'
                        );
        if ( (isset($_GET['page'])) && (isset($pageOK[$_GET['page']])) ) 
        {
          include($pageOK[$_GET['page']]);  
        } 
        else 
        {
          include('_accueil.php');   
        }
?>
</div>
<div class="corpsB"></div>


Tu veux aussi les 2 menus???
Merci de ton aide
Bonjour,

Tu vas dire qu'on est "chiants" Smiley cligne , mais ce n'est pas la page php qui nous serait utile mais le code html généré par la page php Smiley cligne Et le mieux c'est la page en ligne Smiley biggrin .
lol non non pas chiant Smiley smile
Faut me dire ce qu'il faut !!!
je suis emmerdé comme c'est pas permis la Smiley smile 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >  
  <head>  	
    <title>Test site
    </title>  	
    <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="_muscuStyle.css" />  
  </head>  
  <body>    
    <div class="banniere" >      
            
    </div>    
    <div id="menu">        
        <div class="menuTitre">sommaire</div>    
        <div class="menuH"> </div>                
        <div class="menuC"><br>
<form method="post" action="index.php?page=usr_ajconn">
  <fieldset>
    <legend>Connexion
    </legend>
    <p>
      <label for="pseudo">Pseudo :
      </label>
      <input name="sport" type="text" id="sport" /><br />
      <label for="password">Mot de Passe :
      </label>
      <input type="password" name="password" id="password" /><br />
    </p>
    </fieldset>
    <p>
      <input type="submit" value="Connexion" />
    </p>
</form>
<a href="index.php?page=sportif">Pas encore inscrit ?</a></div>             
        <div class="menuB"></div>            
  
        <div class="menuTitre">administration</div> 
        <div class="menuH"></div>       
        <div class="menuC"><br>
<a href="index.php?page=sportif"> Ajout sportif</a></p>
<a href="index.php?page=type"> Ajout type</a></p>
<a href="index.php?page=groupe"> Ajout groupe</a></p>
<a href="index.php?page=exercice"> Ajout d'exercice</a></p>
<a href="index.php?page=entrainement"> Association sportif/type</a></p>
<a href="index.php?page=typegroupe"> association type/groupe</a></p>
<a href="index.php?page=serie"> Association Groupe/exercice</a></p>
<a href="index.php?page=exoserie"> Association Exercice/Serie</a></p>
-------------------------- </p>
<a href="index.php?page=usr_conn"> connexion user </a></p>
<br></div> 
        <div class="menuB"></div                 
    </div>      
    <div id="corps">
        <div class="corpsH"></div>
        <div class="corpsC">
        
<br>
<div>
    <table border="1">
      <tr>
    		<th>Type d'entrainement</th>
    		<th>Groupes</th>
    		<th>Date</th>
    		<th>Visualiser</th>
    		<th>Supprimer</th>
    	</tr>
    	    		<tr>
      		<td>Masse</td>
      		<td>Dos,Cuisse</td>
      		<td>01/10/2008</td>
      		<td><a href="usr_prog.php?visu=1222864179&totgroupe=Dos,Cuisse" target="_blank"> Voir</a></td>
      		<td><a href="index.php?page=usr_menu&tdate=1222864179"> Supprimer</a></td>
    		</tr>
    	    		<tr>
      		<td>Masse</td>
      		<td>Pectoraux,Biceps</td>
      		<td>01/10/2008</td>
      		<td><a href="usr_prog.php?visu=1222866104&totgroupe=Pectoraux,Biceps" target="_blank"> Voir</a></td>
      		<td><a href="index.php?page=usr_menu&tdate=1222866104"> Supprimer</a></td>
    		</tr>
    	    		<tr>
      		<td>Masse</td>
      		<td>Pectoraux,Biceps</td>
      		<td>02/10/2008</td>
      		<td><a href="usr_prog.php?visu=1222976583&totgroupe=Pectoraux,Biceps" target="_blank"> Voir</a></td>
      		<td><a href="index.php?page=usr_menu&tdate=1222976583"> Supprimer</a></td>
    		</tr>
    	    		<tr>
      		<td>Masse</td>
      		<td>Cuisse</td>
      		<td>03/10/2008</td>
      		<td><a href="usr_prog.php?visu=1223015230&totgroupe=Cuisse" target="_blank"> Voir</a></td>
      		<td><a href="index.php?page=usr_menu&tdate=1223015230"> Supprimer</a></td>
    		</tr>
    	    		<tr>
      		<td>Masse</td>
      		<td>Triceps,Biceps</td>
      		<td>03/10/2008</td>
      		<td><a href="usr_prog.php?visu=1223042191&totgroupe=Triceps,Biceps" target="_blank"> Voir</a></td>
      		<td><a href="index.php?page=usr_menu&tdate=1223042191"> Supprimer</a></td>
    		</tr>
    	    </table>
    <br>
  <a href=./index.php?page=usr_entrainement>Creation d'un entraintement</a>
</div> 
<br>


 
        </div>
        <div class="corpsB"></div> 
    </div>   
  </body>
</html>


voila le code de sortie !!!!

merci encore
Sujet clos
Aller à