Erreur "bizarre" code html
M@x
-
M@x -
M@x -
Bonjour a tous,
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)
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;
}
A voir également:
- Erreur "bizarre" code html
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
