oki, mais désolé, le site n'est pas encore en ligne...
Alors, je met mon index:
<!-- Encodage de la page -->
<?php include("header.html");?>
<!-- Code de la bannière -->
<?php include("./design/baniere.php");?>
<!-- Menu du site -->
<?php include("./structure/menu.php");?>
<!--toute la partie corps-->
<?php include("corps_acceuil.php"); ?>
<!--le pied de page-->
<?php include("./structure/pied_de_page.php"); ?>
</body>
</html>
ensuite, mon menu.php
<div id="menu">
<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="./index.php"><img src="./icons/home.png" alt="accueil" />Accueil</a></li>
<li class="bouton_gauche"><a href="./forum.php"><img src="./icons/talk.png" alt="forum" />Le forum</a></li>
<li class="bouton_gauche"><a href="./telechargement.php"><img src="./icons/download.png" alt="download" />téléchargements</a></li>
<li class="bouton_gauche"><a href="./livreor.php"><img src="./icons/livreor.png" alt="livreor" />Livre d'or</a></li>
<li class="bouton_droite"><a href="./sessions/inscription.php"><img src="./icons/inscription.png" alt="inscription" />Inscription</a></li>
</ul>
<ul id="navigation">
<li class="toggleSubMenu"><span>Mtb</span>
<ul class="subMenu">
<li><a href="./rider_mtb.php" title="riders_mtb">Les Riders</a></li>
<li><a href="./gallerie_mtb.php" title="galleries_mtb">Les Galleries</a></li>
<li><a href="./spot_mtb.php" title="bons_spots_mtb">Les Bons Spots</a></li>
<li><a href="./video.php" title="videos">Les Videos</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Ski</span>
<ul class="subMenu">
<li><a href="./rider_ski.php" title="riders_ski">Les Skieurs</a></li>
<li><a href="./gallerie_ski.php" title="galleries_ski">Les Galleries</a></li>
<li><a href="./spot_ski.php" title="bons_spots_ski">Les Bons Spots</a></li>
<li><a href="./video.php" title="videos">Les Videos</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Bmx</span>
<ul class="subMenu">
<li><a href="./rider_bmx.php" title="riders_bmx">Les Streeters</a></li>
<li><a href="./gallerie_bmx.php" title="galleries_bmx">Les Galleries</a></li>
<li><a href="./spot_bmx.php" title="bons_spots_bmx">Les Bons Spots</a></li>
<li><a href="./video.php" title="videos">Les Videos</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Skate</span>
<ul class="subMenu">
<li><a href="./rider_skate.php" title="riders_skate">Les Skateurs</a></li>
<li><a href="./gallerie_skate.php" title="galleries_skate">Les Galleries</a></li>
<li><a href="./spot_skate.php" title="bons_spots_skate">Les Bons Spots</a></li>
<li><a href="./video.php" title="videos">Videos</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Life-$tyle</span>
<ul class="subMenu">
<li><a href="./gallerie_paysage.php" title="paysage">Pics paysages</a></li>
<li><a href="./gallerie_life-style.php" title="gallerie_life-style">pics life-style</a></li>
</ul>
</li>
</ul>
<div class="menu_session" >
<?php include("./sessions/connexion.php");?>
</div>
<div class="menu_s_inscrire_newsletter" >
<?php
if(isset($_GET['email'])) //on vérifie que la variable $_GET['email'] existe
{
/*on vérifie que la variable $_POST['email'] contient bien quelque chose, que la variable $_GET['email'] est égale à 1 et que la variable $_POST['new'] existe */
if( !empty($_POST['email']) AND $_GET['email']==1 AND isset($_POST['new']))
{
if (preg_match("#^[a-z0-9._-]+@[a-z0-9._-]{2,}\.[a-z]{2,4}$#", $_POST['email'])) // on vérifie qu'on a bien rentré une email valide
{
if($_POST['new']==0) //si la variable $_POST['new'] est égale a 0, cela signifie que l'on veut s'inscrire
{
//on définit les paramamètres de l'email
$email = $_POST['email'];
$message = 'Pour valider votre inscription à la newsletter de arvenride.free.fr, <a href="http://www.arvenride.free.fr/newsletter/inscription_newsletter.php?tru=1&email='.$email.'">cliquez ici</A>.';
$destinataire = $email;
$objet = "Inscription à la newsletter de arvenride.free.fr" ;
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$headers .= 'From: arvenride@free.fr' . "\r\n";
if ( mail($destinataire, $objet, $message, $headers) ) //on envoie l'email
{
echo "Pour valider votre inscription, veuillez cliquer sur le lien qui est dans l'email que nous venons de vous envoyer.";
}
else
{
echo "Il y a eu une erreur lors de l'envoi du mail pour votre inscription.";
}
}
elseif($_POST['new']==1) //si la variable $_POST['new'] est égale a 1, cela signifie que l'on veut se désinscrire
{
//on définit les paramètres de l'email
$email = $_POST['email'];
$message = 'Pour valider votre désinscription de la newsletter de arvenride.free.fr, <a href="http://www.arvenride.free.fr/newsletter/desinscription_newsletter.php?tru=1&email='.$email.'">cliquez ici</A>.';
$destinataire = $email;
$objet = "Désinscription de la newsletter de arvenride.free.fr" ;
$headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n";
$headers .= 'From: arvenride@free.fr' . "\r\n";
if ( mail($destinataire, $objet, $message, $headers) )
{
echo "Pour valider votre désinscription, veuillez cliquez sur le lien qui est dans l'email que nous venons de vous envoyer.";
}
else
{
echo "Il y a eu une erreur lors de l'envoi du mail pour votre désinscription.";
}
}
else
{
echo "Il y a eu une erreur !";
}
}
else
{
echo "Vous n\'avez pas entré une adresse email valide ! Veuillez recommencer !";
}
}
else
{
echo "Il y a eu une erreur.";
}
}
else // si les champs n'ont pas été remplis
{
?>
<h5>s'inscrire a la newsletter:</h5>
<form method="post" action="index.php?email=1">
Adresse email :<br/>
<input type="text" name="email" size="25" /><br />
<input type="radio" name="new" value="0" />S'inscrire<br/>
<input type="radio" name="new" value="1" />Se désinscrire<br />
<input type="submit" value="Envoyer" name="submit" /> <input type="reset" name="reset" value="Effacer" />
</form>
<?php
}
?>
</div>
<div class="menu_information" >
<?php
if(strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') !== false)
$user_agent_name = 'Mozilla Firefox';
elseif(strpos($_SERVER["HTTP_USER_AGENT"], 'Opera') !== false)
$user_agent_name = 'Opera';
elseif(strpos($_SERVER["HTTP_USER_AGENT"], 'Netscape') !== false)
$user_agent_name = 'Netscape';
elseif(strpos($_SERVER["HTTP_USER_AGENT"], 'Konqueror') !== false)
$user_agent_name = 'Konqueror';
elseif(strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') !== false)
$user_agent_name = 'Internet Explorer / Avant Browser';
else
$user_agent_name = '(navigateur inconnu)';
?>
<p> Vous naviguez avec:
<strong>
<?php
echo $user_agent_name;
?>
</strong>
</p>
</div>
<div class="menu_sondage" >
<?php
// on teste si formulaire de vote a été validé
if (isset($_POST['go']) && $_POST['go']=='Vote')
{
if (!isset($_POST['choix']) || !isset($_POST['sondage_en_cours']))
{
$erreur = 'Aucune réponse n\'a été choisie.';
}
// on teste si le visiteur a bien choisi une réponse avant d'avoir clické sur "Vote". On teste aussi si la variable $_POST['sondage_en_cours'] n'est pas vide
if (empty($_POST['choix']) || empty($_POST['sondage_en_cours']))
{
$erreur = 'Au moins un des champs est vide.';
}
else
{
// là le visiteur à choisi une réponse
// on se connecte à notre base
$base = mysql_connect ('localhost','root','slopestyle');
mysql_select_db ('arve_s_ride',$base);
// on prépare notre requête : on ajoute un vote pour la réponse choisie par le votant
$sql ='UPDATE sondage_reponses SET nb_reponses = nb_reponses + 1 WHERE id_sondage="'.$_POST['sondage_en_cours'].'" AND id="'.$_POST['choix'].'"';
// on lance la requête
mysql_query ($sql) or die ('Erreur SQL !'.$sql2.'<br />'.mysql_error());
// on ferme la connexion à la base de donnée
mysql_close ();
$erreur = 'Merci d\'avoir voté [smile]';
}
}
?>
<?php
// on se connecte à notre base de données
$base = mysql_connect ('localhost','root','slopestyle');
mysql_select_db ('arve_s_ride',$base);
// on prépare une requête pour sélectionner l'id et la question du dernier sondage (on sélectionne les questions, et on en prend qu'une (le LIMIT 0,1) et ce, dans un ordre décroissent (DESC), soit en fait, la dernière question posée).
$sql = 'SELECT id, question FROM sondage_questions ORDER BY id DESC LIMIT 0,1';
// on lance la requête
$req = mysql_query ($sql) or die ('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
// on récupère le résultat dans un tableau associatif
$data = mysql_fetch_array ($req);
$nb_sondage = mysql_num_rows($req);
if ($nb_sondage == 0)
{
echo 'Aucun sondage.';
}
else
{
// on libère l'espace mémoire alloué à cette requête
mysql_free_result ($req);
// on affiche la question
echo stripslashes(htmlentities(trim($data['question']))),'<br />';
// on prepare l'affichage de notre formulaire permettant de voter
echo '<form action = "./index.php" method = "post">';
// on prépare une requête permettant de sélectionner les réponses possibles se rapportant à ce même sondage
$sql = 'SELECT id, reponse FROM sondage_reponses WHERE id_sondage="'.$data['id'].'"';
// on lance la requête
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
// on prépare notre boucle pour afficher les différents choix possibles de réponses
while ($donnees = mysql_fetch_array($req))
{
// on affiche des boutons radio pour les différents choix de réponses possibles
echo '<input type="radio" name="choix" value="' , $donnees['id'] , '"> ' , stripslashes(htmlentities(trim($donnees['reponse']))) , '<br />';
}
?>
<input type = "hidden" name = "sondage_en_cours" value = "<?php echo $data['id']; ?>">
<input type = "submit" name="go" value = "Vote">
</form>
<?php
}
// on libère l'espace mémoire alloué à cette requête
mysql_free_result ($req);
// on ferme la connection à notre base de données
mysql_close ();
?>
</div>
</div>
et mon corps acceuil , car j'ai plusieurs corps (livre d'or, telechargement etc...)
<div id="corps">
<div class="news">
<?php
mysql_connect("localhost", "root", "slopestyle");
mysql_select_db("arve_s_ride");
// On récupère les 3 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 3');
while ($donnees = mysql_fetch_array($retour))
{
?>
<h3>
<?php echo $donnees['titre']; ?>
<em>le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?></em>
</h3>
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>
<?php
} // Fin de la boucle des news
?>
</div>
<div class="resultat_sondage">
<h5>Résultats du sondage</h5>
<?php
// on se connecte à notre base de données
$base = mysql_connect ('localhost','root','slopestyle');
mysql_select_db ('arve_s_ride',$base);
// on selectionne la question et l'id du sondage en cours
$sql = 'SELECT id, question FROM sondage_questions ORDER BY id DESC LIMIT 0,1';
// on lance la requête
$req = mysql_query ($sql) or die ('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
// on récupère le résultat dans un tableau associatif
$data = mysql_fetch_array ($req);
// on libère l'espace mémoire alloué à cette requête
$nb_sondage = mysql_num_rows($req);
mysql_free_result ($req);
if ($nb_sondage == 0)
{
echo 'Aucun sondage.';
}
else
{
// on affiche la question
echo stripslashes(htmlentities(trim($data['question']))),'<br />';
// on déclare un tableau qui contiendra les réponses de notre sondage
$tableau_reponses = array();
// on déclare un tableau qui contiendra le nombre de réponse à chaque question
$tableau_nb_reponses = array();
// on selectionne les reponses de ce sondage
$sql = 'SELECT reponse, nb_reponses FROM sondage_reponses WHERE id_sondage="'.$data['id'].'"';
// on lance la requête
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
// on prépare notre boucle pour récupérer les différents choix possibles de réponses
while ($data = mysql_fetch_array($req))
{
// on place ces valeurs dans nos deux tableaux
$tableau_reponses[] = $data['reponse'];
$tableau_nb_reponses[] = $data['nb_reponses'];
}
// on libère l'espace mémoire alloué à cette requête
mysql_free_result ($req);
// on ferme la connection à notre base de données
mysql_close ();
// on compte le nombre de réponses possible de notre sondage
$nb_reponses_du_sondage = count ($tableau_reponses);
// on compte le nombre total de réponses pour ce sondage
$nb_total_reponse = array_sum ($tableau_nb_reponses);
// on teste le nombre de vote
if ($nb_total_reponse == 0)
{
// cas où personne n'a voté
echo 'Aucun vote pour l instant';
}
else
{
// cas où quelqu'un a déjà voté
for ($i = 0; $i < $nb_reponses_du_sondage; $i++)
{
// on affiche une réponse
echo $tableau_reponses[$i];
// on calcul le pourcentage de cette réponse
$pourcentage = ($tableau_nb_reponses[$i] * 100) / $nb_total_reponse;
// on arrondi ce calcul à un chiffre après la virgule
$pourcentage = round ($pourcentage, 1);
// on affiche le pourcentage
echo ' ',$pourcentage,' %<br />';
}
// on affiche le nombre total de votes
echo '<br /><br /><strong>Nombre de votes : </strong>', $nb_total_reponse;
}
}
?>
</div>
</div>
et enfin, le code CSS:
body
{
width: 1000px;
margin: auto; /* Pour centrer notre page */
margin-top: 30px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color:#ebeaea;
background-image: url("../design/fond.jpg");
background-repeat: repeat-x;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
font-weight: bold; /* En gras */
font-size: 110%;
}
/* ------------------------------baniere--------------------------------------------------------*/
#banniere
{
width: 1000px;
height: 100px;
margin-bottom: 10px;
margin:auto;
}
#banniere a
{
border:none;
}
#banniere a img
{
border:none;
}
/* ---------------------------------menu --------------------------------------------------------*/
/* --------------menu horizontal-------------*/
ul#menu_horizontal {
width : 1000px;
height : 38px;
margin : 5em 0 0 0;
padding : 0;
background-color : transparent;
border : 1px inset white;
list-style-type : none;
}
ul#menu_horizontal li {
padding : 0 0.5em;
line-height : 30px;
}
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px inset white;
}
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px inset white;
}
ul#menu_horizontal a {
color : #b27941;
text-decoration : none;
padding : 0 0.5em;
font : 0.8em "Trebuchet MS";
}
ul#menu_horizontal a:hover
{
text-decoration : underline;
}
ul#menu_horizontal a img {
border : none;
padding : 0 0.3em;
}
/* -----gauche---------menu ride-------------*/
#navigation
{
margin-top: 50px;
padding: 0px;
list-style: none:
background: #ebeaea;
color: #ebeaea;
width: 165px;
font: 1.2em "Trebuchet MS", sans-serif;
}
#navigation a, #navigation span
{
display: block;
padding: 4px;
text-align:center;
color: #b27941;
text-decoration: none;
background: #ebeaea url(../icons/menu-item.png) left bottom no-repeat;
border: 1px inset silver;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span
{
background-image: url(../icons/menu-item-deroule.png);
}
#navigation .open a, #navigation .open span
{
background-image: url(../icons/menu-item-enroule.png);
}
#navigation a:hover, #navigation a:focus, #navigation a:active
{
text-decoration: underline;
}
#navigation .subMenu
{
font-size: .8em;
background: #dcdcdc url(subMenu.png) 0 0 repeat-x;
border: 1px solid silver; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
font-size: 15px;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
#navigation ul.subMenu a
{
background: none;
padding: 3px 20px;
}
/* -----gauche---------menu session-------------*/
.menu_session
{
color:#b27941;
margin-top: 20px;
padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-color: transparent; /* Une couleur de fond pour le corps */
border: 1px inset silver; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
width:155px;
height:200px;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
}
.menu_session h5
{
color:grey;
font-size:15px;
text-align:center;
}
.menu_session a
{
color:grey;
text-decoration:underline;
}
.menu_session a:hover
{
color:silver;
text-decoration:underline;
}
/* ----droite--------menu newsletter-----------*/
.menu_s_inscrire_newsletter
{
color:black;
margin-top: -390px;
margin-left:795px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
border: 1px inset silver; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:190px;
max-height:160px;
}
/* ----droite--------menu information-----------*/
.menu_information
{
color:black;
margin-top: 20px;
margin-left:795px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
border: 1px inset silver; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:190px;
font-size:10px;
max-height:50px;
}
/* ----droite--------menu sondage-----------*/
.menu_sondage
{
color:black;
margin-top: 20px;
margin-left:795px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
border: 1px inset silver;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:190px;
}
/* ----------------------------------------corps-----------------------------------------------*/
#corps
{
margin-left: 185px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
margin-top:-425px;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-color: transparent; /* Une couleur de fond pour le corps */
border: 1px inset silver; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:575px;
}
#corps h2
{
text-align:center;
padding-top:10px;
margin: auto;
font-size:17px;
color:silver;
}
/* -------------news-----------*/
.news
{
margin-left: 5px;
margin-top: 5px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
overflow:auto;
width:189px;
max-height:400px;
font-size:10px;
}
.news h3
{
text-align:center;
margin: auto;
font-size:12px;
color:silver;
}
/* ----------sondage-----------*/
.resultat_sondage
{
margin-left: 5px;
margin-top: 30px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:200px;
color:#b27941;
font-size:15px
}
.resultat_sondage h5
{
text-align:center;
color:silver;
font-size:15px;
}
/* --------------------------------------livreor-----------------------------------------*/
.formulaire
{
margin-left: 5px;
margin-top: 5px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:252px;
height:500px;
font-size:15px;
}
.reponce
{
margin-left: 290px;
margin-top: -512px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
width:260px;
height:500px;
font-size:10px;
}
.mot
{
color:#b27941;
padding: 2px;
border: 1px inset silver;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
max-width:250px;
max-height:118px;
overflow:auto;
font-size:10px;
}
.mot h4
{
color:black;
text-align:center;
font-size:12px;
}
/* --------------------------------------spots-----------------------------------------*/
.menu_spot
{
margin-left: 5px;
margin-top: 5px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
height:50px;
font-size:12px;
text-align:center;
color:grey;
}
.menu_spot a
{
color:black;
font-style:underline;
}
.menu_spot a:hover
{
color:silver;
}
.corps_spot
{
margin-left: 5px;
margin-top: 20px;
padding: 5px;
border: 1px dashed black;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
height:200px;
font-size:10px;
color:black;
overflow:auto;
}
.corps_spot h2
{
color:#b27941;
font-style:underline;
text-align:center;
}
/* --------------------------------------galleries---------------------------------------*/
div.galerie
{
width: 540px ;
background: white ;
border: 1px solid #dcb ;
padding: 15px ;
margin: 15px 10px ;
text-align: center ;
font: 0.9em Georgia, serif ;
}
ul.galerie_mini
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul.galerie_mini li
{
float: left ;
}
ul.galerie_mini li a img
{
margin: 2px 1px ;
border: 1px solid #dcb ;
}
dl.galerie_photo
{
clear: both ;
margin: 0 auto ;
}
dl.galerie_photo dt
{
font: italic 2.5em/1.5em Georgia, serif ;
color: #dcb ;
}
dl.galerie_photo dd
{
margin: 0 ;
}
dl.galerie_photo img
{
border: 1px solid #dcb ;
}
/* --------------------------------------pied de page-----------------------------------------*/
#pied_de_page
{
text-align:center;
color:black;
bottom:5px;
padding:5px;
background-color: transparent;
border: 1px inset silver;
border-right:1px inset transparent;
border-bottom:1px inset transparent;
font-size:10px;
width:1000px;
}
voila, désolé, c'est un peu long...
dans le header, j'ai les fichier javascripts, je vous le met quand meme au cas ou:
<!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>Arve'N Ride, l'actualitée du ride dans la vallée de l'arve...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8" />
<!--[if lte IE 6]>
<style type="text/css">
li {
height: 1px;
}
</style>
<![endif]-->
<link rel="stylesheet" media="screen" type="text/css" title="design" href="./design/design.css"/>
<script type="text/javascript" src="./javascript/jquery-1.2.3.js"></script>
<script type="text/javascript" src="./javascript/script.js"></script>
<script type="text/javascript" src="./javascript/galeries.js"></script>
<script type="text/javascript">
<!--
$(document).ready( function () {
// On cache les sous-menus
// sauf celui qui porte la classe "open_at_load" :
$("ul.subMenu:not('.open_at_load')").hide();
// On selectionne tous les items de liste portant la classe "toggleSubMenu"
// et on remplace l'element span qu'ils contiennent par un lien :
$("li.toggleSubMenu span").each( function () {
// On stocke le contenu du span :
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '</a>') ;
} ) ;
// On modifie l'evenement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$("li.toggleSubMenu > a").click( function () {
// Si le sous-menu etait deja ouvert, on le referme :
if ($(this).next("ul.subMenu:visible").length != 0) {
$(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
}
// Si le sous-menu est cache, on ferme les autres et on l'affiche :
else {
$("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
$(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
}
// On empêche le navigateur de suivre le lien :
return false;
});
} ) ;
// -->
</script>
</head>
<body>
voila et désolé pour la longueur...
j'ai le probleme aussi pour le sondage...
quand j'ai un sondage le corps s'affiche bien mais quand il n'y en a pas, le corps vient sur le menu horizontal et la baniere...
alors que je pence que toutes les <div> marchent...
Donc je ne comprend pas pourquoi le corps change comme ca... de plus je dois mettre des padding-top a -300px pour qu'il fonctionne...
pourtant le code CSS a l'air correcte... Donc est ce que vous voyer le probleme pour le menu et le corps???
merci de ton aide...
