Voila, j'avance dans mon (premier) site, mais la un truc me fait rire (jaune).
Une partie de mon texte ne se met pas ou il faut, mais lorsque je "double-clique" dessus, elle se remet bien :p a comprendre :D (il s'agit du NOS avant atouts), et ne faite pas de remarques pour les news (enfin vous pouvez, mais je ne l'ai juste pas encore optimisé)
<lien>http://max.webou.net/erreur.png</lien>
Une petite idée ? (cela se passe SEULEMENT sur firefox)
Merci d'avance
(le code est en php, mais la partie ou j'ai un soucis est normalement du 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>Gedimat Collot</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="gedimat" href="gedimat.css" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
<!-- initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</script>
<script language="JavaScript">
//PLF-https://twitter.com/ceosammassey
function OuvrirPop(url,nom,haut,Gauche,largeur,hauteur,options) {
ouvpop=window.open(url,nom,"top="+haut+",left="+Gauche+",width="+largeur+",height="+hauteur+","+options);
}
</script>
</head>
<body>
<div id="header">
<div class="header_gauche">
<a href="Index.php"><img src="images/gedi.png"/></a>
</div>
<div class="home">
<a href="Index.php"><img src="images/home.gif"/></a>
</div>
<?php
mysql_connect("localhost", "max2906_max2906", "mampaw2906");
mysql_select_db("max2906_gedi");
// On récupère les 5 dernières news
$retour = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 0, 5');
while ($donnees = mysql_fetch_array($retour))
{
?>
<div class="news">
<h3>
<?php echo $donnees['titre']; ?>
<em>le <?php echo date('d/m/Y à H\hi', $donnees['timestamp']); ?></em>
</h3>
<p>
<?php
// On enlève les éventuels antislash PUIS on crée les entrées en HTML (<br />)
$contenu = nl2br(stripslashes($donnees['contenu']));
echo $contenu;
?>
</p>
</div>
<?php
} // Fin de la boucle des news
?>
</div>
<div id="menu">
<div class="element_menu">
<ul id="menu_horizontal">
<li id="menu01"><a href="promo.php">PROMO</a></li>
<li id="menu02"><a href="Produits.php">Produits</a></li>
<li id="menu03"><a href="Itineraire.php">Itinéraire</a></li>
<li id="menu04"><a href="Show_Room.php">Show Room</a></li>
<li id="menu05"><a href="Parc_Expo.php">Parc Expo</a></li>
<li id="menu06"><a href="Infos.php">Infos</a></li>
<li id="menu07"><a href="Contact.php">Contact</a></li>
<li id="menu08"><a href="Liens.php">Liens</a></li>
</ul>
</div>
</div>
<div id="corps">
<div class="slideshow"><img src="images/site_arbre.png"/>
<img src="images/vuearienne.jpg"/></a>
</div>
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<p>
<span class="Bienvenue">Bienvenue</span> chez votre spécialiste
</p>
<br/>
<div class="devis_en_ligne"><a href='javascript:OuvrirPop("devis.php","Devis",10,10,480,800,"menubar=no,scrollbars=yes,statusbar=no")'><img src="images/devis.gif"/></a>
<div class="Coordonnées"><h2>Coordonnées</h2>
<p>
N4-Chaussée de Marche-730<br />
5100 Namur(Naninne)<br />
Tél. : 081/40.80.70<br />
Fax : 081/40.80.79<br />
</p>
<br />
<h2>Heures d'ouvertures</h2>
<p> Lundi-Vendredi : 7h30 - 17h45 <br/>
Samedi : 8h00 - 12h00 et 13h00 - 16h00
</p>
<br />
<h2>Nos atouts</h2>
<p>
Accès et parking aisé <br />
Des devis et conseils de Pro <br />
Salle d'exposition et libre service<br />
Un stock élevé en "drive-in"<br />
Stabilisé, mortier et beton préparé <br />
Livraison rapide
</p>
</div>
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
<p>Copyright "Maxime Collot" 2010, tous droits réservés</p>
</div>
</body>
</html>
*
{margin:0;
padding:0;}
body
{
width: 944px;
margin: auto;
margin-top: 60px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 30px; /* Idem pour le bas du navigateur */
background-image: url("images/fond2.gif"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#header
{
width: 944px;
height: 189px;
background-image: url("images/entetebonne.gif");
background-repeat: no-repeat;
margin-bottom: -10px;
}
.header_gauche
{
width: 274px;
height: 110px;
margin-left: 70px; /* Déplacer le menu a droite */
padding-top: 40px; /* Déplacer le menu vers le bas */
border: none;
margin-bottom: -150px; /* Idem pour le bas du navigateur */
}
.home
{
width: 143px;
height: 35px;
margin-left: 800px; /* Déplacer le menu a droite */
border: none;
padding-bottom: 100px;
}
.news p
{
background-color:#CCCCCC;
margin-top:0px;
}
.news
{
width:70%;
margin:auto;
}
/* Le menu */
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal { /*Ici , c'est ma configuration, à vous de la changer */
height : 50px;
margin-top: 10px;
font-family: Helvetica, "Comic Sans MS", "Trebuchet MS", Georgia, serif;
margin-bottom: 15px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
background-image:url("images/Menu3.gif");
font-weight: bold;
}
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal li {
}
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal a {
color : white;
text-decoration: none; /* Les liens ne seront plus soulignés */
}
#corps
{
margin-top: -45px;
margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-image: url("images/corps.gif");
width: 940px;
height: 340px;
background-repeat: no-repeat;
color: #00489b;
}
.Bienvenue
{
font-weight: bold;
margin-left: 85px;
}
.Coordonnées
{
margin-left: 460px; /* Déplacer le menu a droite */
margin-top: -375px;
}
.devis_en_ligne
{
margin-left: 100px
}
.corps_Produits
{
font-family: Helvetica, "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Helvetica en priorité */
}
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
padding: 100px;
text-align: center;
}
a img {
border: none;
}
#menu
{width:944px;}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05,li#menu06,li#menu07,li#menu08
{float:left;
width:12.5%;
text-align:center;
}
h1, h2, h3
{
font-family: Helvetica, "Arial Black", Arial, Verdana, serif; /* On essaie d'avoir Helvetica en priorité */
}
p
{
/* La police Comic Sans MS est agréable à lire pour les paragraphes je trouve */
font-family: Helvetica, "Arial Black", Arial, Verdana, serif;
}
