Forum d'aide création graphique / [Résolu]menu probleme (bug graphique)

thechef · 24-08-2009 14:00:51

Bonjour,

j'ai ajouter une table dans la partite text de l'une des pages de mon site mais j'ai trouver que le menu du design a changer du place, meme quand j'ai effacer ce ue j'ia ajouter le menu n'as pas revenu

voicui uen capture ecran :

merci.

Maude · 24-08-2009 17:34:23

Bonjour,
Vous avez du modifier une ligne dans la page HTML.
Le plus simple serait de reprendre la page vierge, ou de me donner le code HTML pour que j'y jette un oeil .

thechef · 24-08-2009 18:28:22

voila e code de cette page :
tu peut le copier dans notepad par exemple pour que se sois plus clair

Code:

<?php
session_start() ; 
include('config.php');
?>

<!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" lang="fr">
<head>
<title>A Day In HELL</title>    
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<meta http-equiv="content-language" content="fr" />
<link href="style.css"    title="Défaut" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="script.js"></script>

</head>
<body>
<div id="conteneur">
<div id="header"></div>
           
<div id="contenu">
<div id="centrer_menu">
<table summary="" class="centre" cellpadding="0" cellspacing="0">
<tr>
<td class="centre"> 

  <ul id="menu">
      <li> <a href="index.php">Index</a>
       
      </li>
      <li><a href="caserne.php">Caserne</a>
      
      </li>
      <li><a href="achat.php">Achat</a>
      
      </li>
      <li><a href="armee.php">Armee</a> </li>
      <li><a href="defence.php">Defence</a>
       
      </li>
      <li><a href="attaque.php">attaque</a>
       
      </li>
      <li><a href="technologie.php">Technologie</a>
        
      </li>
</ul>
</td>
</tr>
</table>
    
</div>
<div class="texte">

<div id="tete">

</div>
<div id="corps">
<div style="text-align: center">

<strong>
<br><br><br><br>
<a href="Inscription.php"> Inscription</a><br>
<a href="connection.php">Connection</a><br>
</div>
</strong>
 <?php
  mysql_connect("localhost", "root", "");
     mysql_select_db("war");
     $reponse = mysql_query("SELECT * FROM war_caserne WHERE ID='1'");
    
      ?> <br />
      <h3 id="co">
      <?php 
        while ($donnees = mysql_fetch_array($reponse))
    
    {
    $co = $donnees['utilisateur_connecter'];
    echo 'compte ouvert : '. $co;      
    }
    
    
     
    ?>
    </h3> 
    <div style="text-align: center">
    

 <form action="index.php" method="post">
    <br />
     <input type="submit" name="deco" value="Deconnection" />
     </form>
     </div>
<?php     if(isset($_POST['deco']))
{
  session_start() ;
 session_unset() ;

  session_destroy() ;
 
  header("location: index.php") ;
}

?>
 
      
</div>





<div style="text-align: right"> <a href="#header"><img src="images/haut.jpg" alt=""/></a>    </div>
</div>
</div>
         
                    

<div id="pied">
<!-- Ne pas retirer sans autorisation écrite comme indiqué dans nos conditions d'utilisation! -->
<a class="copyright" href="http://www.kitgraphiquegratuit.org" onclick="window.open(this.href); return false;" title="Kit Graphique et template gratuit" ></a></div></div>
<!-- Ne pas retirer sans autorisation écrite comme indiqué dans nos conditions d'utilisation! -->

</body>
</html>

Maude · 24-08-2009 18:36:37

Avez-vous modifié le css ?
Car quand je copie votre code dans nodepad je n'ai pas de problème, le design s'affiche correctement.

thechef · 24-08-2009 18:57:17

je l'ai pas modifier j'ai ajouter d'autre choses

Code:

/*copyright by kitgraphiquegratuit.org*/
body             {background:#000 url(images/fond.jpg);margin:0;padding:0;background-attachment: fixed;text-align : center;}        
#conteneur       { margin:0 auto 0 auto;width: 800px;position:relative;;height:1%;text-align : left}    
#header          {height:184px; background:url(images/header.png) no-repeat top center;width:800px}     
#pub              {position:absolute;margin:0;padding:4.9% 5.7% 0 0 ;width:468px;height:60px;right:0}    

/*Contenu*/
#contenu       {width: 800px;padding: 0;margin:0 0 0 0;background:url(images/fond_contenu.jpg);color:#fff}
.texte            {width: 750px;padding: 0 25px 0 25px ;margin:0 0 0 0;font-family: verdana ; font-size: 10pt ;outline:none; text-align: center;}
p             {color: #66CC33;}
a              {color: #73880a;text-decoration: none;margin:0;outline:none}    
a:hover        {color: #a9c90b;text-decoration: none;margin:0 }    

         
/*Pied et copyright*/
#pied               {clear: both;height:197px;width:800px;margin: 0;padding: 0;background:url(images/pied.png)}
a.copyright         {position:absolute;bottom:150px;width:155px;height:20px;outline:none;left:10px;} 
img                 {border:0}
#centrer_menu        {margin: 0 auto;padding: 0;text-align:center;width:800px;    background:url(images/fond_menu.jpg); height:30px}                        
table.centre {margin:0 auto;padding:0; height:30px;border:0;text-align:center}      
table, td, tr, img {  margin:0 0 0 0;  padding:0 ; border :0  ;}
a.copyright{position: absolute;z-index: 1;}


/* Menu */    
#menu, #menu ul        {padding : 0;margin : 0; list-style : none; line-height : 21px;text-align : center;}
#menu                  {font-weight : bold;font-family : Arial;font-size : 12px;}
#menu a                {display : block;height:30px;color: #FFF;text-decoration : none;line-height: 30px;width: 100px;font-weight: bold;    background: url(images/menu.jpg); outline:none}
#menu li /* Elements des listes */ {
    float : left;}/* pour ie qui ne reconnait pas "transparent" *//*border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
html>body #menu li     {border-right: 1px solid transparent;}
#menu li ul            {position: absolute; width: 100px; left: -999em; text-align:left;}
#menu li ul li         {text-align:left;border-left:#000106 solid 1px;border-right:#000106 solid 1px;}
#menu li ul li a       {text-align:center;outline:none;font-weight:normal;background-color:#2f2f2f;}
#menu li ul li a:hover {background-color:#757575;outline:none}
html>body #menu li ul li {border-bottom:#000106 solid 1px;}
#menu li ul ul         {margin : -22px 0 0 111px; border-left : 1px solid #fff; }
html>body #menu li ul ul {border-left : 1px solid transparent;}
#menu a:hover {background: url(images/menu_hover.jpg)}
#menu li:hover ul ul, #menu li.sfhover ul ul  {left: -999em;text-align:left;padding:1px 2px;font-weight:normal;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{left: auto;min-height: 0;}

/* ajouter*/

#encaisse
{
text-align: center;
}

table
{
   margin-top: 50px;

   border: 4px outset black;
   border-collapse: collapse;
}

th
{
 
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td
{
   height: 80px; 
   vertical-align: bottom;
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;
}

Maude · 24-08-2009 19:21:09

c'est effectivement ce que vous avez rajouté dans le css qui fait bugger le design.
J'avais déjà défini les balises table car mon menu ce trouve dans une TABLE, le mieux pour simplifier la chose est de rajouter ceci dans le css : .texte table

Code:

.texte table
{
   margin-top: 50px;

   border: 4px outset black;
   border-collapse: collapse;    
}

.texte th
{
 
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

.texte td
{
   height: 80px; 
   vertical-align: bottom;
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px; 
}

thechef · 24-08-2009 19:26:33

Merci beaoup ca bien marcher wink

Bonne journee

Maude · 24-08-2009 19:47:36

de rien.
Bonne soirée

#1 24-08-2009 14:00:51

[Résolu]menu probleme (bug graphique)

#2 24-08-2009 17:34:23

Re: [Résolu]menu probleme (bug graphique)

#3 24-08-2009 18:28:22

Re: [Résolu]menu probleme (bug graphique)

Code:

#4 24-08-2009 18:36:37

Re: [Résolu]menu probleme (bug graphique)

#5 24-08-2009 18:57:17

Re: [Résolu]menu probleme (bug graphique)

Code:

#6 24-08-2009 19:21:09

Re: [Résolu]menu probleme (bug graphique)

Code:

#7 24-08-2009 19:26:33

Re: [Résolu]menu probleme (bug graphique)

#8 24-08-2009 19:47:36

Re: [Résolu]menu probleme (bug graphique)

Pied de page des forums