J´ai fait une en-tete et j´aimerais la placer au même niveau que mon menu horizontal mais décalé vers la droite. Merci de m´aider.
Mon html :
<!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>Action-PSP : A lot of PSP for ever !! !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="1er style définitif" href="style1.css" />
</head>
<body>
<!-- En-tête -->
<div id="mon_en_tete">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-44455354000
0"
codebase="http://download.macromedia.com/pub/shock
wave/cabs/flash/swflash.cab#version=6,0,40,0" width="468" height="60" id="myMovieName"><param name="movie" value="myNewBanner.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF"> <embed src="myNewBanner.swf" quality="high" bgcolor="#FFFFFF" width="468" height="60" name="myMovieName" type="applications/x-shockwave-flash"
pluginspace="http://www.macromedia.com/go/getflash
player"> </embed> </object>
</div>
<!-- Menu -->
<div id="menu">
<?php include("menu_lateral.php"); ?>
</div>
<!-- Le menu horizontal -->
<div id="menu_horizontal">
<div id="cadre">
<?php include("menu_horizontal.php"); ?>
</div>
</div>
<!-- Le corps de la page -->
<div id="corps">
<h3 class="centre_souligne"> J´ai l´honneur de vous présenter ... mon site !! ! (délire perso) </h3>
<p class="centre_souligne"> Un peu de sérieux voyons ... <br/> </p>
<p class="indent"> Voici mon site perso sur la PSP. Pour l´instant il n´est pas très grand mais je compte sur vous pour qu´il connaisse un succès
(peut-être pas jusque là mais qu´il marche bien en tout cas !! ). Il vous propose des news, des tests, des tutos et des
téléchargements. <br/> <br/>
Ah ... j´allais oubliais : n´oubliez pas de me laisser un petit commentaire sur le livre d´or ou via la rubrique <a href="contact.php">
Me contacter </a> </p>
<h5 class="centre_souligne"> Vous connaissez la PSP, vous voulez la découvrir, ce site est là pour vous !! ! Alors : </h5>
<p class="bonne_visite"> Bonne visite !! ! </p>
<h3> News : </h3>
<?php
//Connexion à Mysql
mysql_connect("localhost", "root", "");
mysql_select_db("action-psp");
//Récuperation des news
$dernieres_news = mysql_query(´SELECT * FROM news ORDER BY id DESC LIMIT 0, 5´);
while ($boucle_affichage_dernieres_news = mysql_fetch_array($dernieres_news))
{
?>
<h3>
<?php echo $boucle_affichage_dernieres_news[´titre´]// On affiche le titre
?>
</h3>
<h4> <em> Le <?php echo date(´d/m/Y à H\hi´, $boucle_affichage_dernieres_news[´timestamp´]); ?>
</em>
</h4>
<p> <?php
//On enlève les éventuels antislash et on rajoute des sauts de lignes
$contenu =
nl2br(stripslashes($boucle_affichage_dernieres_new
s["contenu"]));
echo $contenu //On affiche les news
?>
</p>
<?php
} //On arrête la boucle
?>
</div>
<!-- Le pied de page -->
<div id="pied">
<p class="mon_pied">
Vous avez entièrement lu cette page. Pour remonter <a href=#mon_en_tete> cliquez ici </a>. <br/>
<br/>
Merci de me prévenir <strong> AVANT </strong> de prendre des images ou du texte sur mon site par la rubrique
<a href="contact.php"> Me contacter </a>. <br/>
Si vous faites un lien vers mon site depuis le votre, merci de me prévenir aussi afin que je vous ajoute dans
la rubrique <a href="liens.php"> Liens. </a> <br/>
</div>
</body>
</html>
et mon CSS :
body
{
width: 100%;
height: 100%;
font-family: Verdana, arial, serif;
background-color: red;
margin: auto
}
- mon_en_tete
{
border: solid 4px white;
background-color: black;
padding: 10px;
}
- menu
{
background-color: black;
color: white;
border: solid 3px white;
margin-top: 6.7%;
float: left;
text-align: center;
width: 250px;
border-top: none;
height: 600px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: 45% 80%;
border-left: solid 4px;
}
- menu ul
{
list-style-type: none;
}
- menu a
{
color: white;
font-weight: bold;
}
.nom_mascotte
{
font-size: 0.8em;
text-decoration: underline;
color: yellow;
font-weight: bold;
}
- menu_horizontal li
{
display: inline;
padding: 0 0.5em; /* Pour espacer les boutons entre eux */
}
- menu_horizontal ul
{
list-style-type: none; /* Car sinon les puces se placent n´importe où */
}
- menu_horizontal
{
border: solid 4px white;
background-color: black;
padding: 10px;
}
- menu_horizontal a
{
color: white;
font-weight: bold;
}
- menu_horizontal a:hover
{
background-color: grey;
}
- cadre
{
margin-left: 22%;
margin-right: 38%;
background-color: red;
border: inset 5px yellow;
}
- corps
{
margin-left: 21%;
}
- corps a
{
color: yellow;
font-weight: bold;
}
- pied
{
border: solid 5px black;
background-color: yellow;
margin-left: 22%;
margin-top: 19%;
}
.mon_pied
{
text-align: center;
font-size: 0.9em;
}
.mon_pied a
{
color: blue;
font-weight: bold;
}
.centre_souligne
{
text-align: center;
text-decoration: underline;
}
.indent
{
text-indent: 15px;
}
.bonne_visite
{
text-align: center;
font-weight: bold;
text-decoration: blink underline;
color: yellow;
}
.lien_news
{
text-decoration: none;
margin-left: 9%;
}
.lien_a_souligner
{
text-decoration: underline;
margin-left: 2%
}
.tableau_news
{
border: solid 2px black;
}
beaucoup !! !