Adapter pages web aux navigateurs
Fermé
amazigh_antalas
Messages postés
79
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
23 septembre 2009
-
3 juin 2009 à 16:08
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 - 24 juin 2009 à 11:31
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 - 24 juin 2009 à 11:31
A voir également:
- Adapter pages web aux navigateurs
- Web office - Guide
- Traduire une page web - Guide
- Supprimer des pages sur word - Guide
- Adresse web - Guide
- Capture page web - Guide
7 réponses
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
4 juin 2009 à 14:38
4 juin 2009 à 14:38
Bonjour,
Pourriez-vous au moins mettre le lien vers l'autre sujet et vers le code? merci
Pourriez-vous au moins mettre le lien vers l'autre sujet et vers le code? merci
amazigh_antalas
Messages postés
79
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
23 septembre 2009
4
4 juin 2009 à 17:30
4 juin 2009 à 17:30
Bonjour , Merci de m'avoir répondu rapidement .Mes pages ne sont pas encore en ligne ,le meiux que je puisse faire c'est vous envoyer les pages . ça vous arrange ??
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
5 juin 2009 à 09:33
5 juin 2009 à 09:33
Le plus logique est de mettre votre code ici.
Bonjour ,
Je crois que mettre le code html et les css de deux pages ici serait trop la pagaille.En plus de ça mon code est loin d'être propre.
Merci de ta compréhension.
Je crois que mettre le code html et les css de deux pages ici serait trop la pagaille.En plus de ça mon code est loin d'être propre.
Merci de ta compréhension.
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
8 juin 2009 à 12:12
8 juin 2009 à 12:12
Ben il faut quand même faire ainsi car le but c'est aussi que les personnes ayant le même problème que toi puissent trouver la solution et que tous les membres présents puissent te donner leur aide. Y'a plus qu'à poster :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
amazigh_antalas
Messages postés
79
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
23 septembre 2009
4
23 juin 2009 à 16:42
23 juin 2009 à 16:42
bonjour ,
Comme prévu j'ai mis mon code en ligne ,mais ça fait une 15 zen de jours que j'attends une réponse .
Merci de me tenir au courant car je suis bloqué .
Comme prévu j'ai mis mon code en ligne ,mais ça fait une 15 zen de jours que j'attends une réponse .
Merci de me tenir au courant car je suis bloqué .
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
23 juin 2009 à 19:03
23 juin 2009 à 19:03
lien vers le sujet?
amazigh_antalas
Messages postés
79
Date d'inscription
lundi 25 mai 2009
Statut
Membre
Dernière intervention
23 septembre 2009
4
>
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
24 juin 2009 à 11:27
24 juin 2009 à 11:27
Bonjour ,
Merci de m'avoir répondu .
Voilà j'ai mieux je vous donne le code directement comme je l'ai déjà fait auparavant .
=====================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style_div.css" />
<title>Bienvenue sur jsk.com</title>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="general.css" />
<link rel="stylesheet" type="text/css" media="screen" href= "menu.css" />
<script type="text/javascript" src="menu.js"></script>
<style type="text/css">
<!--
.Style21 {
font-size: 12px;
color: #FFFFFF;
}
.style22 {
font-size: 12px;
}
.style23 {color: #5375b8}
.style29 {
color: #5375B8;
font-size: 24px;
font-family: geneva, arial, verdana, sans-serif;
}
.style33 {color: #5375B8}
.style37 {color: #5375B8; font-size: 12px; font-family: geneva, arial, verdana, sans-serif; }
.style38 {color: #FF0000}
.style39 {color: #FF0000; font-size: 12px; }
body {
background-repeat: repeat-x;
background-image: url(images_page%20_accueill/fond-site_px.jpg);
}
.style41 {
font-size: 9px}
.style42 {font-size: 20px}
.style48 {color: #5375B8; font-size: 20px; font-family: geneva, arial, verdana, sans-serif; }
-->
</style>
</head>
<body >
<div id="contenu">
<div id="header"> </div>
<div id="conteneura">
<div class="logo"><img src="images_page _accueill/logo.jpg" alt="Logo EBC MEDICAL" /> </div>
<div class="animflash"><img src="images_page _accueill/anim-flash.jpg" width="237" height="177" alt="animation"/></div>
<div class="menu_global">
<p style=" margin-top: 6px" margin-top: 6px><span class="Style1">
<a href="#" class="menu_general">Accueil</a><br />
<a href="#" class="menu_general">Société</a><br />
<a href="affich_machine.php" class="menu_general">Produits</a><br />
<a href="#" class="menu_general"> Boutique</a><br />
<a href="#" class="menu_general">Actualités</a><br />
<a href="#" class="menu_general">Contact</a><br />
<a href="#" class="menu_general">Aide en ligne</a></span><br />
</div>
<div class="connexion_recherche">
<div class="spécialité Style4 Style6">
<div align="center">
<table width="248" border="0" cellspacing="0" cellpadding="0" vspace="0" style="background-color:#5375B8;">
<tr>
<td width="121" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 8px;"><div align="left" style="margin-left: 10px;">DOMAINE 1
</div>
<center> <hr noshade="noshade" color="#36a862" align="center" width="95%" style="width: 119px; margin-right: 23px; float: left; border-top-width: 1px; margin-top: 2px; margin-left: 11px;" />
</center></td>
<td width="42" style="margin-bottom: 0px; border-bottom-width: 0px; height: 35px; padding-bottom: 4px;">|</td>
<td width="70" cellspacing="0" cellpadding="0" vspace="0" align="center" nowrap="nowrap" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 10px;" ><div align="center" style="margin-right: 10px;">DOMAINE 2
</div>
<center> <hr color="#f7b234" align="center" width="88%" style="width: 60px; top: 20px; right: 0px; margin-bottom: 10px; border-top-width: 1px; margin-top: 2px; margin-right: 10px;" margin-top="0px "/></td>
</tr>
</table>
</div>
</div>
<div class="connexion_compte" >
<table width="211" border="0" align="center" cellspacing="0" class="Style8" >
<tr>
<td height="35"> </td>
<tr>
<td>
<?php
if (!isset($_SESSION)) {
session_start();
}
if(!isset($_SESSION['MM_Username'])) {
echo'<a href="Page_authentification.php" style="color:#666666; text-decoration:none;"> Connexion compte</a>';
}
else{
?> <?php echo 'Bienvenue, '.$_SESSION['MM_Username'].'!'; ?></td>
</tr>
<tr>
<td> <?php echo '<a href="deconnexion.php" style="color:#666666; text-decoration:none ; padding-left:10px;" > Déconnexion </a>'; }?></td>
</tr>
</table>
</div>
<div class="recherche">
<div align="right">
<input name="input" type="text" value="Recherche" />
<img src="images_page _accueill/bouton_rechercher.jpg" width="18" height="18" /> </div>
<div class="recherche_avancée Style9">
<div align="right"><a href="#" style="text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; color:#666666;">Recherche avancée</a></div>
</div>
</div>
</div>
</div>
<div id="conteneurb">
<div class="ss_logo"> </div>
<div class="ombre_anim"><img src="images_page _accueill/ombre_anim.jpg" alt="Ombre" width="237" height="20" /></div>
<div class="ss_espace"> </div>
</div>
<div id="conteneurc">
<div class="titre_page Style7">PRODUIT</div>
<div class="titre_contenu"> </div>
</div>
<div id="conteneur_ligne" style="margin-left:30px;margin-right:30px; border-top : 1px solid #5375B8;">
</div>
<div id="conteneurd">
<div id="conteneure">
<div class="ssmenu">
<div class="ssmenu_produit" >
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="duke_menu.js">
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "headerbar", //nom de la classe des header
contentclass: "submenu", //nom de la classe des sousmenus
revealtype:"click", //click ou mouseover
mouseoverdelay:400, //2OO
collapseprev: true,
defaultexpanded: [0],
onemustopen: false,
animatedefault: false,
persiststate: false,
toggleclass: ["", "selected"], //classes de styles pas étendu / étendu pour un header donné
togglehtml: ["", "", ""],
animatespeed: "slow", // possibilités "fast", "normal", or "slow"
oninit:function(headers, expandedindices){
},
onopenclose:function(header, index, state, isuseractivated){
}
})
</script>
<style type="text/css">
.urbangreymenu{
width: 150px; /*width of menu*/
background:white url(trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu .headerbar{
font: normal 12px Geneva, Arial, Helvetica, sans-serif;
color: black;
background: #white; /*last 2 values are the x and y coordinates of bullet image*/
/*background: #5375B8 url(puce_bleue.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0px; /* Où 0px */
/*text-transform: uppercase;*/
padding:5px 0px 5px 10px;
margin-top:0px;
height:14px;
}
.urbangreymenu .headerbar a{
text-decoration: none;
/*text-transform: uppercase;*/
color: #666666;
display: block;
padding: 5px 0px 5px 10px;
position:relative;
left:-10px;
bottom:-7px;
top:-5px;
}
.urbangreymenu .headerbar a:hover{
color: white;
background: #5375B8;
display: block;
}
.urbangreymenu .headerbar a.selected
{
background-color:#5375B8;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom:0px; /*bottom spacing between each UL and rest of content*/
background:white url(trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
color: #5375B8 ;
background: transparent url(puce_bleue.png) no-repeat 8px 9px;
display: block;
padding: 3px 0px;
line-height: 17px;
padding-left: 20px;
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: #5375B8 ;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: green;
background: transparent url(puce_verte.png) no-repeat 8px 9px;
padding-left:20px;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar"><a href="www.google.fr">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
</div>
</div>
<div class="nos_patenaires">
<div class="titre_nos_patenaires Style10" style="margin-bottom:6px">
<div align="center" class="style22" style="width: 141px; height:24px; padding-top:2px;">NOS PARTENAIRES </div>
</div>
<div id="moncadre">
<div class="logos_optovue">
<div align="center" style="margin-top:13px"><img src="images_page _accueill/logo_tomey.jpg" alt="TOEY" width="65" height="14" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41"> Partenaire 1 </a></div>
</div>
</div>
<div class="logos_optovue">
<div align="center"><img src="images_page _accueill/logo_optovue.jpg" width="65" height="21" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41"> Partenaire 2</a></div>
</div>
</div>
<div class="logos_reichert">
<div align="center"><img src="images_page _accueill/logo_reichert.jpg" width="63" height="29" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41">Partenaire 3</a></div>
</div>
</div>
<div class="logos_zeimer">
<div align="center"><img src="images_page _accueill/logo_ziemer.jpg" width="65" height="28" /> </div>
<div class="text_tomey Style12 Style5 Style1" style="padding-bottom:3px; padding-top:0px;">
<div align="center"><a href="#" class="menu_general style41" > Partenaire 4</a></div>
</div>
</div>
</div>
<div class="conteneur_visage"> <div class="visage"><img src="images_page _accueill/visage.jpg" width="154" height="277"/></div>
</div>
</div>
</div>
<div id="conteneurf">
<div class="contenu_page">
<div class="focus"><h2 align="left" style="margin-top: 20px; margin-bottom: 0px;"><img src="images_page _accueill/image_accueil.jpg" width="675" height="221" alt="Focus"/></h2>
</div>
</div>
<div id="conteneurh">
<div class="news"><p class="style29 style33">L'ACTUALITE </p>
<?php include 'news.php';?>
</div>
<div class="contact">
<p class="style29 style42">CONTACT</p>
<?php require_once('Connections/connexion1.php'); ?>
<?php
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
$theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
$insertSQL = sprintf("INSERT INTO contact (nom, prenom, adresse, ville, `code postal`, telephone, email, message) VALUES (%s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['nom'], "text"),
GetSQLValueString($_POST['prenom'], "text"),
GetSQLValueString($_POST['adresse'], "text"),
GetSQLValueString($_POST['ville'], "text"),
GetSQLValueString($_POST['code_postal'], "int"),
GetSQLValueString($_POST['telephone'], "int"),
GetSQLValueString($_POST['email'], "text"),
GetSQLValueString($_POST['message'], "text"));
mysql_select_db($database_connexion1, $connexion1);
$Result1 = mysql_query($insertSQL, $connexion1) or die(mysql_error());
}
?>
<form method="post" style="width:273px" name="form1" action="<?php echo $editFormAction; ?>">
<table height="226" cellspacing="0" bordercolor="#0000FF" border="0" bgcolor="#F6F8FB" align="center" width="257" style="border-width: 1px; margin-right: 30px; margin-top: 0px;">
<tr valign="baseline">
<td width="22%" height="5" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Nom <span class="style38">*</span> </span></td>
<td width="78%" bordercolor="F6F8FB" bgcolor="F6F8FB"><input height="11" type="text" size="40" value="" name="nom" style="font-size: 9px; margin-top: 10px;"/></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Prénom <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input name="prenom" type="text" style="font-size:9px" value="" height="11" size="40" /></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Adresse <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="adresse" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Ville <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="ville" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">CP <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="code_postal" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Télphone <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="telephone" value="" height="11" size="40" /></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Email </span><span class="style39">*</span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="email" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="30" align="right" valign="top" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Message </span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><textarea style="width: 177px; height: 41px;" name="message" cols="20" rows="2"/>
</textarea></td>
</tr>
<tr valign="baseline">
<td height="26" colspan="2" align="right" nowrap bgcolor="#F6F8FB">
<input id="bouton_envoyer" type="submit" name="truc" value="ENVOYER" /></td>
</table>
<input type="hidden" name="MM_insert" value="form1">
</form>
<div class="formation">
<div class="titre_formation Style7">
<span class="style42">FORMATIONS</span>
<hr align="center" width="100%" size="0,50 " color="#5375B8" />
<table width="259" border="0" cellspacing="0">
<tr>
<td width="99" rowspan="3"><img src="images_page _accueill/oct_mini.jpg" width="85" height="118" /></td>
<td bordercolor="#0000FF" bgcolor="#f6f8fb" width="152" style="border-width: 1px;"><p class="Style5 style22"> <img src="images_page _accueill/fleche_bleue.png" width="8" height="11" /> Atelier formation OCT<br>
Le 20 Décembre 2009 à Paris<br>
Dc </p></td>
</tr>
<tr>
<td><div align="right"><span class="style22">Inscrivez-vous</span> </div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<!--<div class="ligne_formation"></div>-->
<!-- <div class="contenu_formation">-->
<!--<hr align="center" width="95%" size="0,75 " color="#5375B8" />-->
<!-- </div>-->
</div></div>
</div>
<div id="conteneurg">
<div class="news Style13"><p class="style42">ILS NOUS FONT CONFIANCE</p>
<table cellspacing="0" bordercolor="#0000FF" border="0" width="330" style="border-width: 1px;">
<tr>
<td width="87" height="71" bgcolor="#F6F8FB"><div align="right"><img src="images_page _accueill/photo-temoignage.jpg" width="65" height="66" /></div></td>
<td width="239" bgcolor="#F6F8FB"><p align="left" class="style22">TITRE DE L'INTERVIEW-TESTIMONIAL<br>NOM de la personne qui témoigne<br>Lieux de l'activité </p></td>
</tr>
<tr>
<td height="62" colspan="2"><span class="Style5 style22">
</span><p align="left" style="margin-bottom:0px; margin-top:0px;"><span class="Style5 style22"> Interview témoignage du mois d'un client ou d'un partenaire ,qui a été équipé par nous qui est satisfait de notre prestation .Avec image clé.</span></p></td>
</tr>
<tr>
<td colspan="2"><p align="right" class="Style5 style22" style="margin-top: 0px; margin-bottom: 0px;"><span class="style23" style="margin-right: 3px;">Lire la suite </span></p></td>
</tr>
</table>
</div>
<p style="height: 0px; margin-bottom: 0px; margin-top: 0px;"> </p>
<div id="conteneuri">
<div class="sondage" >
<p class="style48">SONDAGE</p>
<script language="javascript">
function force_1_seul(nb_reponses){
var nombre_checked = 0;
var i=0;
var garder=true;
if (nb_reponses>0) if (document.form1.choix1.checked) nombre_checked++;
if (nb_reponses>1) if (document.form1.choix2.checked) nombre_checked++;
if (nb_reponses>2) if (document.form1.choix3.checked) nombre_checked++;
if (nb_reponses>3) if (document.form1.choix4.checked) nombre_checked++;
if (nb_reponses>4) if (document.form1.choix5.checked) nombre_checked++;
if (nb_reponses>5) if (document.form1.choix6.checked) nombre_checked++;
if (nb_reponses>6) if (document.form1.choix7.checked) nombre_checked++;
if (nb_reponses>7) if (document.form1.choix8.checked) nombre_checked++;
if (nb_reponses>8) if (document.form1.choix9.checked) nombre_checked++;
if (nb_reponses>9) if (document.form1.choix10.checked) nombre_checked++;
if (nombre_checked>1){
window.alert('Un seul choix possible!');
if (nb_reponses>0&&document.form1.choix1.checked) {if (!garder)document.form1.choix1.checked=false; garder=false;}
if (nb_reponses>1&&document.form1.choix2.checked) {if (!garder)document.form1.choix2.checked=false ;garder=false;}
if (nb_reponses>2&&document.form1.choix3.checked) {if (!garder)document.form1.choix3.checked=false ;garder=false;}
if (nb_reponses>3&&document.form1.choix4.checked) {if (!garder)document.form1.choix4.checked=false ;garder=false;}
if (nb_reponses>4&&document.form1.choix5.checked) {if (!garder)document.form1.choix5.checked=false ;garder=false;}
if (nb_reponses>5&&document.form1.choix6.checked) {if (!garder)document.form1.choix6.checked=false ;garder=false;}
if (nb_reponses>6&&document.form1.choix7.checked) {if (!garder)document.form1.choix7.checked=false ;garder=false;}
if (nb_reponses>7&&document.form1.choix8.checked) {if (!garder)document.form1.choix8.checked=false ;garder=false;}
if (nb_reponses>8&&document.form1.choix9.checked) {if (!garder)document.form1.choix9.checked=false ;garder=false;}
if (nb_reponses>9&&document.form1.choix10.checked) {if (!garder)document.form1.choix10.checked=false ;garder=false;}
}
}
</script>
<table cellspacing="0" bordercolor="#0000FF" border="0" width="277" 1px="" border-width:="" style="border-width: 1px; margin-right: 30px;">
<tr>
<td>
<?PHP
$db = mysql_connect('localhost', 'root', 'mysql');
if ( ! $db )
die ("connection à la base de données ebc medical impossible");
$mabasededonnee="ebcbase";
mysql_select_db($mabasededonnee) or die ("base introuvable");
$date_du_jour = date("Y-m-d");
//print ("$date_du_jour");
$sql = "SELECT id,date,multi,nombrep,date_fin,question,reponses,votes FROM sondage WHERE '".$date_du_jour."' BETWEEN date AND date_fin";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$data = mysql_fetch_assoc($req); //on prend le premier sondage qui verifie la condition de date?>
<tr>
<td width="250" height="20" style="color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; size:12; background-color: #F6F8FB; font-size: 12px;" ><p style="margin-top: 0px; margin-bottom: 0px; padding-left:8px;"><?php
echo utf8_encode($data['question']);echo' ';?></p></td>
</tr>
<?php
$reponses=$data['reponses'];
$idsondage=$data['id'];
echo '<form id="form1" name="form1" method="post" action="traitement_vote.php">';// ici
$reponses=trim($reponses);
$reponses=$reponses."|";
$i=0;
$nbrep=0;
$reponsecourante="";
echo '<input type="hidden" name="id_sondage" id="textfield" value='.$idsondage.' />';
while($i<strlen($reponses)){
if ($reponses[$i]=='|'){
$nbrep++;?>
<tr> <td width="250" style="color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; background-color: #F6F8FB; font-size: 12px;"><p style="margin-top: 0px; margin-bottom: 6px; margin-left:30px;"><?php echo' ';
echo utf8_encode ( '<input type="checkbox" ');
if ($data['multi']==0) echo utf8_encode ('onClick="javascript : force_1_seul('.$data['nombrep'].')" ');
echo utf8_encode ('name="choix'.$nbrep.'" value="0"> '.$reponsecourante.'</label>');
$reponsecourante="";
}
else{
$reponsecourante=$reponsecourante.$reponses[$i];
}
$i++;
};echo'<input type="submit" ; " name="btn_vote" id="button" value="VALIDER" />';
$j=0;
$votes=$data['votes'];
if ($data['votes']==''){
while ($j<$nbrep){
$votes=$votes.'0000-';
$j++;
}
}
$sql = "UPDATE sondage SET votes= '".$votes."' WHERE id= '".$idsondage."'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
mysql_close();
?> </tr></td></td>
</tr>
</table>
</div></div>
</div>
</div>
</div>
</div>
<div class="bas_de_page" style="text-align:center"><p style="margin-top: 26px;">Mention légalles Condition générales de vente Information client<br>adresse entreprise </div>
</body>
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</html>
====================================================================
ça c les CSS:
====================================================================
@charset "utf-8";
body
{
width: 100%;
margin: auto; /* Centrer la page */
margin-bottom:30px;
background-image:"fond-site_px.jpg";
background-repeat: repeat;
}
html,body,div#tout,div#page,div#gauche,div#droite{height:100%;}
#contenu {
height:1271px;
margin : auto;
width : 900px;
background-color : white;
}
#header {
margin : auto;
width : 900px;
height :auto;
background-color : white;
}
#conteneura {
margin : auto;
width : 900px;
height : 177px;
background-color : white;
}
.logo {
margin : auto;
float : left;
width : 148px;
height : 177px;
}
.animflash {
float : left;
width : 237px;
height : 177px;
}
div#menu_global {
list-style : none;
float : left;
width : 150px;
height : 177px;
padding-left : 10px;
}
.menu_global {
list-style : none;
float : left;
width : 190px;
height : 177px;
padding-left : 10px;
}
.menu_global {
margin-left : 10px;
font-family : geneva, arial, verdana, sans-serif;
font-size : 12px;
letter-spacing : 1px;
line-height : 25px;
text-decoration : none;
color : #666666;
}
.menu_general {
font-family : geneva, arial, verdana, sans-serif;
font-size : 12px;
letter-spacing : 1px;
line-height : 25px;
text-decoration : none;
color : #666666;
}
.menu_general:visited{
decoration: none; color:#666666;
}
.menu_general:hover{
text-decoration: none; color:#5375B8;
}
.connexion_recherche {
float : left;
width : 275px;
height : 177px;
}
.spécialité {
width : 248px;
height : auto;
margin-right : 0;
background-color:white;
float:right;
}
hr{
margin-top:0px;}
.connexion_compte {
width : 274px;
margin-right : 0;
}
.recherche {
float : left;
width : 274px;
padding-top : 10px;
text-align : left;
vertical-align: middle;
margin-right: 10px;
}
.place_recherche {
float : right;
width : 280px;
height : 77px;
}
#conteneurb {
margin : auto;
width : 900px;
height : 20px;
background-color : white;
}
.ss_logo {
float : left;
width : 148px;
height : 20px;
}
.ombre_anim {
float : left;
width : 237px;
height : 20px;
background-image : url(ombre_anim.jpg);
background-repeat : repeat-x;
}
.ss_espace {
float : left;
width : 515px;
height : 20px;
}
#conteneurc {
margin : auto;
width : 900px;
height : 29px;
background-color : white;
}
#conteneur_ligne {
}
.titre_page {
float : left;
width : 385px;
height : 29px;
padding-left : 31px;
margin-right : auto;
}
.titre_contenu {
float : left;
height : 29px;
}
#conteneurd {
margin : auto;
width : 900px;
background-color : white;
}
#conteneure {
float : left;
width : 171px;
background-color : white;
}
.sousmenu {
width : 171px;
height : 268px;
}
.ssmenu{
height:193px;
margin-bottom:60px;
padding-bottom:0;
}
.ssmenu_produit{
width : 141px;
background-color : white;
margin-left: 30px;
margin-top:15px;
}
.nos_partenaires {
float : left;
width : 171px;
margin-left:30px;
margin-top:13px;
}
.titre_nos_patenaires {
margin-left:30px;
/*float : left;*/
width : 141px;
height : 24px;
/*background-color : #5375b8;*/
background-repeat : repeat-y;
}
.contenu_nos_patenaires {
float : left;
width : 171px;
background-color : #ffffff;
background-repeat : repeat-y;
}
.visage {
width : 141px;
height : 278px;
padding-top:166px;
}
#conteneurf {
float : right;
width:724px;
background-color : white;
}
.contenu_page {
width:724px;
}
.focus {
width :700px;
float: right;
padding-bottom: 0px;
padding-left: 0px;
}
#conteneurg {
float : left;
width : 729px;
}
.news {
float : left;
width : 388px;
background-color : #FFFFFF;
padding-left:29px;
vertical-align:middle;
}
.il_nous_font_confiance {
float : left;
width : 379px;
padding-left : 25px;
}
.contenu_il_nous_font_confiance {
float : left;
width : 379px;
padding-left : 25px;
}
#conteneurh {
float : inherit;
width : 729px;
background-color : #FFFFFF;
}
.contact {
float : left;
width : 250px;
padding-left: 25px;
/*margin-left : 25px;
margin-right : 25px;*/
}
#conteneuri {
float : left;
width : 250px;
}
.formation {
margin-right:0;
margin-top:32px;
float : right;
width : 250px;
}
.titre_formation {
float : right;
width : 257px;
margin-right:30px;
}
.ligne_formation {
float : left;
width : 250px;
padding-left: 25px;
}
.contenu_formation {
float : left;
width : 250px;
border-left-color : #00ffff;
background-color : #ffffff;
padding-left: 25px;
}
.sondage {
float : left;
width : 250px;
margin-right: 20px;
margin-top:34px;
}
.bas_de_page {
width : 900px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:auto;
}
a.button {
background : transparent url('bg_button_a.gif') no-repeat scroll top right;
color : #444;
display : block;
float : left;
font : normal 12px arial, sans-serif;
height : 24px;
margin-right : 6px;
padding-right : 18px;
text-decoration : none;
}
a.button span {
background : transparent url('bg_button_span.gif') no-repeat;
display : block;
line-height : 14px;
padding : 5px 0 5px 18px;
}
/*#moncadre {
width : 250px;
margin : auto;
background-color : #ffff00;
border-left : #0033cc;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-top : 1px solid #000000;
}*/
a.button, a.buttonDis {
display : block;
background-color : transparent;
background-image : url(buttonBackground.gif);
background-repeat : no-repeat;
width : 132px;
height : 28px;
margin : 5px auto;
padding : 5px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-weight : bold;
text-decoration : none;
}
a.button:link, a.button:visited {
color : #002577;
}
a.button:hover, a.button:active {
background-position : 0 -36px;
color : #ff7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position : 0 -72px;
color : #5f5f5f;
cursor : default;
}
.icon {
display : inline-block;
background-repeat : no-repeat;
padding : 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position : 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position : 0 -56px;
}
#buttonOK .icon {
background-image : url(ok.gif);
}
#buttonCancel .icon {
background-image : url(cancel.gif);
}
#buttonImport .icon {
background-image : url(import.gif);
}
#moncadre {
height:300px;
margin-left:30px;
padding-left:0;
width : 139px;
background-color : #ffffff;
border-left : 1px solid #f6f8fb;
border-right : 1px solid #f6f8fb;
border-bottom : 1px solid #f6f8fb;
border-top : 1px solid #f6f8fb;
/*padding-left: 30px;*/
}
#moncadre1 {
width : 250px;
margin : auto;
padding : 10px;
background-color : #ffff00;
border-left : #0033cc;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-top : 1px solid #000000;
}
.Style1 {
font-family : geneva, arial, verdana, sans-serif;
}
.Style4 {
color : #ffffff;
background-color :white;
}
.Style5 {
color : #666666;
text-decoration: none;
}
.Style6 {
font-family : geneva, arial, verdana, sans-serif;
line-height: 10px;
font-size: 14px;
}
.Style7 {
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
font-size : 24px;
float : left;
}
.Style8 {
height:74px;
margin-left:44px;
margin-top:42px;
padding-right:0;
padding-left:10px;
padding-top:25px;
width:197px;
font-size : 12px;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}
.Style9 {
color : #666666;
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
font-weight : lighter;
padding-right : 59px;
padding-top : 5px;
text-decoration : underline;
float: right;
}
.Style10 {
color : #ffffff;
font-size : 14px;
font-family : geneva, arial, verdana, sans-serif;
background-color : #ffffff;
background-image: url(icones%20et%20images/bouton_partenaires.jpg);
margin-bottom: 5px;
line-height: 18px;
/*margin-left: 25px;*/
}
.traitgauche {
border-left : 1px solid black;
padding-left : 5px;
margin-left : 50px;
}
.Style11 {
font-size : 24px;
font-family : geneva, arial, verdana, sans-serif;
color : #5375b8;
background-color : #ffffff;
padding-bottom : 10px;
}
.Style12 {
font-size : 12px;
padding-bottom : 23px;
}
.Style13 {
color : #5375b8;
font-size : 24px;
font-family : geneva, arial, verdana, sans-serif;
background-color: #FFFFFF;
}
.Style14 {
color : #666666;
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
}
.Style16 {
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
color : #5375b8;
}
.Style17 {
font-size : 12px;
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
}
.Style18 {
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
}
#bouton_envoyer {
padding-right:12px;
color:#5375b8;
font-weight:normal;
background-color:#F6F8FB;
border-color:#F6F8FB;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}
#button {
color:#5375b8;
font-weight:normal;
background-color:#F6F8FB;
border-color:#F6F8FB;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
padding-left:51px;
padding-right:0;
/*float:right;*/
}
==================================================
J'espère que vous pourrez vraiement m'aider et surtout bénéficier de vos conseilles sur comment structurer mes pages pour qu'elles bénéficient du meilleurs référencement mais aussi pour qu'elles soient compatible avec les navigateurs actuels.
Mes sincères excuses pour la qualité du code qui est loin d'être propre .
Merci pour votre aide.
Merci de m'avoir répondu .
Voilà j'ai mieux je vous donne le code directement comme je l'ai déjà fait auparavant .
=====================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style_div.css" />
<title>Bienvenue sur jsk.com</title>
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="screen" href="general.css" />
<link rel="stylesheet" type="text/css" media="screen" href= "menu.css" />
<script type="text/javascript" src="menu.js"></script>
<style type="text/css">
<!--
.Style21 {
font-size: 12px;
color: #FFFFFF;
}
.style22 {
font-size: 12px;
}
.style23 {color: #5375b8}
.style29 {
color: #5375B8;
font-size: 24px;
font-family: geneva, arial, verdana, sans-serif;
}
.style33 {color: #5375B8}
.style37 {color: #5375B8; font-size: 12px; font-family: geneva, arial, verdana, sans-serif; }
.style38 {color: #FF0000}
.style39 {color: #FF0000; font-size: 12px; }
body {
background-repeat: repeat-x;
background-image: url(images_page%20_accueill/fond-site_px.jpg);
}
.style41 {
font-size: 9px}
.style42 {font-size: 20px}
.style48 {color: #5375B8; font-size: 20px; font-family: geneva, arial, verdana, sans-serif; }
-->
</style>
</head>
<body >
<div id="contenu">
<div id="header"> </div>
<div id="conteneura">
<div class="logo"><img src="images_page _accueill/logo.jpg" alt="Logo EBC MEDICAL" /> </div>
<div class="animflash"><img src="images_page _accueill/anim-flash.jpg" width="237" height="177" alt="animation"/></div>
<div class="menu_global">
<p style=" margin-top: 6px" margin-top: 6px><span class="Style1">
<a href="#" class="menu_general">Accueil</a><br />
<a href="#" class="menu_general">Société</a><br />
<a href="affich_machine.php" class="menu_general">Produits</a><br />
<a href="#" class="menu_general"> Boutique</a><br />
<a href="#" class="menu_general">Actualités</a><br />
<a href="#" class="menu_general">Contact</a><br />
<a href="#" class="menu_general">Aide en ligne</a></span><br />
</div>
<div class="connexion_recherche">
<div class="spécialité Style4 Style6">
<div align="center">
<table width="248" border="0" cellspacing="0" cellpadding="0" vspace="0" style="background-color:#5375B8;">
<tr>
<td width="121" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 8px;"><div align="left" style="margin-left: 10px;">DOMAINE 1
</div>
<center> <hr noshade="noshade" color="#36a862" align="center" width="95%" style="width: 119px; margin-right: 23px; float: left; border-top-width: 1px; margin-top: 2px; margin-left: 11px;" />
</center></td>
<td width="42" style="margin-bottom: 0px; border-bottom-width: 0px; height: 35px; padding-bottom: 4px;">|</td>
<td width="70" cellspacing="0" cellpadding="0" vspace="0" align="center" nowrap="nowrap" height="30" style="line-height: 10px; vertical-align: middle; height: auto; padding-top: 10px;" ><div align="center" style="margin-right: 10px;">DOMAINE 2
</div>
<center> <hr color="#f7b234" align="center" width="88%" style="width: 60px; top: 20px; right: 0px; margin-bottom: 10px; border-top-width: 1px; margin-top: 2px; margin-right: 10px;" margin-top="0px "/></td>
</tr>
</table>
</div>
</div>
<div class="connexion_compte" >
<table width="211" border="0" align="center" cellspacing="0" class="Style8" >
<tr>
<td height="35"> </td>
<tr>
<td>
<?php
if (!isset($_SESSION)) {
session_start();
}
if(!isset($_SESSION['MM_Username'])) {
echo'<a href="Page_authentification.php" style="color:#666666; text-decoration:none;"> Connexion compte</a>';
}
else{
?> <?php echo 'Bienvenue, '.$_SESSION['MM_Username'].'!'; ?></td>
</tr>
<tr>
<td> <?php echo '<a href="deconnexion.php" style="color:#666666; text-decoration:none ; padding-left:10px;" > Déconnexion </a>'; }?></td>
</tr>
</table>
</div>
<div class="recherche">
<div align="right">
<input name="input" type="text" value="Recherche" />
<img src="images_page _accueill/bouton_rechercher.jpg" width="18" height="18" /> </div>
<div class="recherche_avancée Style9">
<div align="right"><a href="#" style="text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; color:#666666;">Recherche avancée</a></div>
</div>
</div>
</div>
</div>
<div id="conteneurb">
<div class="ss_logo"> </div>
<div class="ombre_anim"><img src="images_page _accueill/ombre_anim.jpg" alt="Ombre" width="237" height="20" /></div>
<div class="ss_espace"> </div>
</div>
<div id="conteneurc">
<div class="titre_page Style7">PRODUIT</div>
<div class="titre_contenu"> </div>
</div>
<div id="conteneur_ligne" style="margin-left:30px;margin-right:30px; border-top : 1px solid #5375B8;">
</div>
<div id="conteneurd">
<div id="conteneure">
<div class="ssmenu">
<div class="ssmenu_produit" >
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="duke_menu.js">
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "headerbar", //nom de la classe des header
contentclass: "submenu", //nom de la classe des sousmenus
revealtype:"click", //click ou mouseover
mouseoverdelay:400, //2OO
collapseprev: true,
defaultexpanded: [0],
onemustopen: false,
animatedefault: false,
persiststate: false,
toggleclass: ["", "selected"], //classes de styles pas étendu / étendu pour un header donné
togglehtml: ["", "", ""],
animatespeed: "slow", // possibilités "fast", "normal", or "slow"
oninit:function(headers, expandedindices){
},
onopenclose:function(header, index, state, isuseractivated){
}
})
</script>
<style type="text/css">
.urbangreymenu{
width: 150px; /*width of menu*/
background:white url(trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu .headerbar{
font: normal 12px Geneva, Arial, Helvetica, sans-serif;
color: black;
background: #white; /*last 2 values are the x and y coordinates of bullet image*/
/*background: #5375B8 url(puce_bleue.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0px; /* Où 0px */
/*text-transform: uppercase;*/
padding:5px 0px 5px 10px;
margin-top:0px;
height:14px;
}
.urbangreymenu .headerbar a{
text-decoration: none;
/*text-transform: uppercase;*/
color: #666666;
display: block;
padding: 5px 0px 5px 10px;
position:relative;
left:-10px;
bottom:-7px;
top:-5px;
}
.urbangreymenu .headerbar a:hover{
color: white;
background: #5375B8;
display: block;
}
.urbangreymenu .headerbar a.selected
{
background-color:#5375B8;
}
.urbangreymenu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom:0px; /*bottom spacing between each UL and rest of content*/
background:white url(trait_gauche_menu.bmp) repeat-y ;
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 11px Geneva, Arial, Helvetica, sans-serif;
color: #5375B8 ;
background: transparent url(puce_bleue.png) no-repeat 8px 9px;
display: block;
padding: 3px 0px;
line-height: 17px;
padding-left: 20px;
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: #5375B8 ;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: green;
background: transparent url(puce_verte.png) no-repeat 8px 9px;
padding-left:20px;
}
</style>
<div class="urbangreymenu">
<h3 class="headerbar"><a href="www.google.fr">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
<h3 class="headerbar"><a href="#">menu</a></h3>
<ul class="submenu">
<li><a href="#">menu </a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
</div>
</div>
<div class="nos_patenaires">
<div class="titre_nos_patenaires Style10" style="margin-bottom:6px">
<div align="center" class="style22" style="width: 141px; height:24px; padding-top:2px;">NOS PARTENAIRES </div>
</div>
<div id="moncadre">
<div class="logos_optovue">
<div align="center" style="margin-top:13px"><img src="images_page _accueill/logo_tomey.jpg" alt="TOEY" width="65" height="14" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41"> Partenaire 1 </a></div>
</div>
</div>
<div class="logos_optovue">
<div align="center"><img src="images_page _accueill/logo_optovue.jpg" width="65" height="21" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41"> Partenaire 2</a></div>
</div>
</div>
<div class="logos_reichert">
<div align="center"><img src="images_page _accueill/logo_reichert.jpg" width="63" height="29" /></div>
<div class="text_tomey Style12 Style5 Style1" style="padding-top: 3px;">
<div align="center"><a href="#" class="menu_general style41">Partenaire 3</a></div>
</div>
</div>
<div class="logos_zeimer">
<div align="center"><img src="images_page _accueill/logo_ziemer.jpg" width="65" height="28" /> </div>
<div class="text_tomey Style12 Style5 Style1" style="padding-bottom:3px; padding-top:0px;">
<div align="center"><a href="#" class="menu_general style41" > Partenaire 4</a></div>
</div>
</div>
</div>
<div class="conteneur_visage"> <div class="visage"><img src="images_page _accueill/visage.jpg" width="154" height="277"/></div>
</div>
</div>
</div>
<div id="conteneurf">
<div class="contenu_page">
<div class="focus"><h2 align="left" style="margin-top: 20px; margin-bottom: 0px;"><img src="images_page _accueill/image_accueil.jpg" width="675" height="221" alt="Focus"/></h2>
</div>
</div>
<div id="conteneurh">
<div class="news"><p class="style29 style33">L'ACTUALITE </p>
<?php include 'news.php';?>
</div>
<div class="contact">
<p class="style29 style42">CONTACT</p>
<?php require_once('Connections/connexion1.php'); ?>
<?php
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
$theValue = (!get_magic_quotes_gpc()) ? addslashes($theValue) : $theValue;
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {
$insertSQL = sprintf("INSERT INTO contact (nom, prenom, adresse, ville, `code postal`, telephone, email, message) VALUES (%s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['nom'], "text"),
GetSQLValueString($_POST['prenom'], "text"),
GetSQLValueString($_POST['adresse'], "text"),
GetSQLValueString($_POST['ville'], "text"),
GetSQLValueString($_POST['code_postal'], "int"),
GetSQLValueString($_POST['telephone'], "int"),
GetSQLValueString($_POST['email'], "text"),
GetSQLValueString($_POST['message'], "text"));
mysql_select_db($database_connexion1, $connexion1);
$Result1 = mysql_query($insertSQL, $connexion1) or die(mysql_error());
}
?>
<form method="post" style="width:273px" name="form1" action="<?php echo $editFormAction; ?>">
<table height="226" cellspacing="0" bordercolor="#0000FF" border="0" bgcolor="#F6F8FB" align="center" width="257" style="border-width: 1px; margin-right: 30px; margin-top: 0px;">
<tr valign="baseline">
<td width="22%" height="5" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Nom <span class="style38">*</span> </span></td>
<td width="78%" bordercolor="F6F8FB" bgcolor="F6F8FB"><input height="11" type="text" size="40" value="" name="nom" style="font-size: 9px; margin-top: 10px;"/></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Prénom <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input name="prenom" type="text" style="font-size:9px" value="" height="11" size="40" /></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Adresse <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="adresse" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Ville <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="ville" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">CP <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="code_postal" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Télphone <span class="style38">*</span></span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="telephone" value="" height="11" size="40" /></td>
</tr>
<tr valign="baseline">
<td height="20" align="right" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Email </span><span class="style39">*</span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><input type="text" style="font-size:9px" name="email" value="" height="11" size="40"></td>
</tr>
<tr valign="baseline">
<td height="30" align="right" valign="top" nowrap bordercolor="F6F8FB" bgcolor="F6F8FB"><span class="style37">Message </span></td>
<td bordercolor="F6F8FB" bgcolor="F6F8FB"><textarea style="width: 177px; height: 41px;" name="message" cols="20" rows="2"/>
</textarea></td>
</tr>
<tr valign="baseline">
<td height="26" colspan="2" align="right" nowrap bgcolor="#F6F8FB">
<input id="bouton_envoyer" type="submit" name="truc" value="ENVOYER" /></td>
</table>
<input type="hidden" name="MM_insert" value="form1">
</form>
<div class="formation">
<div class="titre_formation Style7">
<span class="style42">FORMATIONS</span>
<hr align="center" width="100%" size="0,50 " color="#5375B8" />
<table width="259" border="0" cellspacing="0">
<tr>
<td width="99" rowspan="3"><img src="images_page _accueill/oct_mini.jpg" width="85" height="118" /></td>
<td bordercolor="#0000FF" bgcolor="#f6f8fb" width="152" style="border-width: 1px;"><p class="Style5 style22"> <img src="images_page _accueill/fleche_bleue.png" width="8" height="11" /> Atelier formation OCT<br>
Le 20 Décembre 2009 à Paris<br>
Dc </p></td>
</tr>
<tr>
<td><div align="right"><span class="style22">Inscrivez-vous</span> </div></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<!--<div class="ligne_formation"></div>-->
<!-- <div class="contenu_formation">-->
<!--<hr align="center" width="95%" size="0,75 " color="#5375B8" />-->
<!-- </div>-->
</div></div>
</div>
<div id="conteneurg">
<div class="news Style13"><p class="style42">ILS NOUS FONT CONFIANCE</p>
<table cellspacing="0" bordercolor="#0000FF" border="0" width="330" style="border-width: 1px;">
<tr>
<td width="87" height="71" bgcolor="#F6F8FB"><div align="right"><img src="images_page _accueill/photo-temoignage.jpg" width="65" height="66" /></div></td>
<td width="239" bgcolor="#F6F8FB"><p align="left" class="style22">TITRE DE L'INTERVIEW-TESTIMONIAL<br>NOM de la personne qui témoigne<br>Lieux de l'activité </p></td>
</tr>
<tr>
<td height="62" colspan="2"><span class="Style5 style22">
</span><p align="left" style="margin-bottom:0px; margin-top:0px;"><span class="Style5 style22"> Interview témoignage du mois d'un client ou d'un partenaire ,qui a été équipé par nous qui est satisfait de notre prestation .Avec image clé.</span></p></td>
</tr>
<tr>
<td colspan="2"><p align="right" class="Style5 style22" style="margin-top: 0px; margin-bottom: 0px;"><span class="style23" style="margin-right: 3px;">Lire la suite </span></p></td>
</tr>
</table>
</div>
<p style="height: 0px; margin-bottom: 0px; margin-top: 0px;"> </p>
<div id="conteneuri">
<div class="sondage" >
<p class="style48">SONDAGE</p>
<script language="javascript">
function force_1_seul(nb_reponses){
var nombre_checked = 0;
var i=0;
var garder=true;
if (nb_reponses>0) if (document.form1.choix1.checked) nombre_checked++;
if (nb_reponses>1) if (document.form1.choix2.checked) nombre_checked++;
if (nb_reponses>2) if (document.form1.choix3.checked) nombre_checked++;
if (nb_reponses>3) if (document.form1.choix4.checked) nombre_checked++;
if (nb_reponses>4) if (document.form1.choix5.checked) nombre_checked++;
if (nb_reponses>5) if (document.form1.choix6.checked) nombre_checked++;
if (nb_reponses>6) if (document.form1.choix7.checked) nombre_checked++;
if (nb_reponses>7) if (document.form1.choix8.checked) nombre_checked++;
if (nb_reponses>8) if (document.form1.choix9.checked) nombre_checked++;
if (nb_reponses>9) if (document.form1.choix10.checked) nombre_checked++;
if (nombre_checked>1){
window.alert('Un seul choix possible!');
if (nb_reponses>0&&document.form1.choix1.checked) {if (!garder)document.form1.choix1.checked=false; garder=false;}
if (nb_reponses>1&&document.form1.choix2.checked) {if (!garder)document.form1.choix2.checked=false ;garder=false;}
if (nb_reponses>2&&document.form1.choix3.checked) {if (!garder)document.form1.choix3.checked=false ;garder=false;}
if (nb_reponses>3&&document.form1.choix4.checked) {if (!garder)document.form1.choix4.checked=false ;garder=false;}
if (nb_reponses>4&&document.form1.choix5.checked) {if (!garder)document.form1.choix5.checked=false ;garder=false;}
if (nb_reponses>5&&document.form1.choix6.checked) {if (!garder)document.form1.choix6.checked=false ;garder=false;}
if (nb_reponses>6&&document.form1.choix7.checked) {if (!garder)document.form1.choix7.checked=false ;garder=false;}
if (nb_reponses>7&&document.form1.choix8.checked) {if (!garder)document.form1.choix8.checked=false ;garder=false;}
if (nb_reponses>8&&document.form1.choix9.checked) {if (!garder)document.form1.choix9.checked=false ;garder=false;}
if (nb_reponses>9&&document.form1.choix10.checked) {if (!garder)document.form1.choix10.checked=false ;garder=false;}
}
}
</script>
<table cellspacing="0" bordercolor="#0000FF" border="0" width="277" 1px="" border-width:="" style="border-width: 1px; margin-right: 30px;">
<tr>
<td>
<?PHP
$db = mysql_connect('localhost', 'root', 'mysql');
if ( ! $db )
die ("connection à la base de données ebc medical impossible");
$mabasededonnee="ebcbase";
mysql_select_db($mabasededonnee) or die ("base introuvable");
$date_du_jour = date("Y-m-d");
//print ("$date_du_jour");
$sql = "SELECT id,date,multi,nombrep,date_fin,question,reponses,votes FROM sondage WHERE '".$date_du_jour."' BETWEEN date AND date_fin";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
$data = mysql_fetch_assoc($req); //on prend le premier sondage qui verifie la condition de date?>
<tr>
<td width="250" height="20" style="color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; size:12; background-color: #F6F8FB; font-size: 12px;" ><p style="margin-top: 0px; margin-bottom: 0px; padding-left:8px;"><?php
echo utf8_encode($data['question']);echo' ';?></p></td>
</tr>
<?php
$reponses=$data['reponses'];
$idsondage=$data['id'];
echo '<form id="form1" name="form1" method="post" action="traitement_vote.php">';// ici
$reponses=trim($reponses);
$reponses=$reponses."|";
$i=0;
$nbrep=0;
$reponsecourante="";
echo '<input type="hidden" name="id_sondage" id="textfield" value='.$idsondage.' />';
while($i<strlen($reponses)){
if ($reponses[$i]=='|'){
$nbrep++;?>
<tr> <td width="250" style="color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; background-color: #F6F8FB; font-size: 12px;"><p style="margin-top: 0px; margin-bottom: 6px; margin-left:30px;"><?php echo' ';
echo utf8_encode ( '<input type="checkbox" ');
if ($data['multi']==0) echo utf8_encode ('onClick="javascript : force_1_seul('.$data['nombrep'].')" ');
echo utf8_encode ('name="choix'.$nbrep.'" value="0"> '.$reponsecourante.'</label>');
$reponsecourante="";
}
else{
$reponsecourante=$reponsecourante.$reponses[$i];
}
$i++;
};echo'<input type="submit" ; " name="btn_vote" id="button" value="VALIDER" />';
$j=0;
$votes=$data['votes'];
if ($data['votes']==''){
while ($j<$nbrep){
$votes=$votes.'0000-';
$j++;
}
}
$sql = "UPDATE sondage SET votes= '".$votes."' WHERE id= '".$idsondage."'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());
mysql_close();
?> </tr></td></td>
</tr>
</table>
</div></div>
</div>
</div>
</div>
</div>
<div class="bas_de_page" style="text-align:center"><p style="margin-top: 26px;">Mention légalles Condition générales de vente Information client<br>adresse entreprise </div>
</body>
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</html>
====================================================================
ça c les CSS:
====================================================================
@charset "utf-8";
body
{
width: 100%;
margin: auto; /* Centrer la page */
margin-bottom:30px;
background-image:"fond-site_px.jpg";
background-repeat: repeat;
}
html,body,div#tout,div#page,div#gauche,div#droite{height:100%;}
#contenu {
height:1271px;
margin : auto;
width : 900px;
background-color : white;
}
#header {
margin : auto;
width : 900px;
height :auto;
background-color : white;
}
#conteneura {
margin : auto;
width : 900px;
height : 177px;
background-color : white;
}
.logo {
margin : auto;
float : left;
width : 148px;
height : 177px;
}
.animflash {
float : left;
width : 237px;
height : 177px;
}
div#menu_global {
list-style : none;
float : left;
width : 150px;
height : 177px;
padding-left : 10px;
}
.menu_global {
list-style : none;
float : left;
width : 190px;
height : 177px;
padding-left : 10px;
}
.menu_global {
margin-left : 10px;
font-family : geneva, arial, verdana, sans-serif;
font-size : 12px;
letter-spacing : 1px;
line-height : 25px;
text-decoration : none;
color : #666666;
}
.menu_general {
font-family : geneva, arial, verdana, sans-serif;
font-size : 12px;
letter-spacing : 1px;
line-height : 25px;
text-decoration : none;
color : #666666;
}
.menu_general:visited{
decoration: none; color:#666666;
}
.menu_general:hover{
text-decoration: none; color:#5375B8;
}
.connexion_recherche {
float : left;
width : 275px;
height : 177px;
}
.spécialité {
width : 248px;
height : auto;
margin-right : 0;
background-color:white;
float:right;
}
hr{
margin-top:0px;}
.connexion_compte {
width : 274px;
margin-right : 0;
}
.recherche {
float : left;
width : 274px;
padding-top : 10px;
text-align : left;
vertical-align: middle;
margin-right: 10px;
}
.place_recherche {
float : right;
width : 280px;
height : 77px;
}
#conteneurb {
margin : auto;
width : 900px;
height : 20px;
background-color : white;
}
.ss_logo {
float : left;
width : 148px;
height : 20px;
}
.ombre_anim {
float : left;
width : 237px;
height : 20px;
background-image : url(ombre_anim.jpg);
background-repeat : repeat-x;
}
.ss_espace {
float : left;
width : 515px;
height : 20px;
}
#conteneurc {
margin : auto;
width : 900px;
height : 29px;
background-color : white;
}
#conteneur_ligne {
}
.titre_page {
float : left;
width : 385px;
height : 29px;
padding-left : 31px;
margin-right : auto;
}
.titre_contenu {
float : left;
height : 29px;
}
#conteneurd {
margin : auto;
width : 900px;
background-color : white;
}
#conteneure {
float : left;
width : 171px;
background-color : white;
}
.sousmenu {
width : 171px;
height : 268px;
}
.ssmenu{
height:193px;
margin-bottom:60px;
padding-bottom:0;
}
.ssmenu_produit{
width : 141px;
background-color : white;
margin-left: 30px;
margin-top:15px;
}
.nos_partenaires {
float : left;
width : 171px;
margin-left:30px;
margin-top:13px;
}
.titre_nos_patenaires {
margin-left:30px;
/*float : left;*/
width : 141px;
height : 24px;
/*background-color : #5375b8;*/
background-repeat : repeat-y;
}
.contenu_nos_patenaires {
float : left;
width : 171px;
background-color : #ffffff;
background-repeat : repeat-y;
}
.visage {
width : 141px;
height : 278px;
padding-top:166px;
}
#conteneurf {
float : right;
width:724px;
background-color : white;
}
.contenu_page {
width:724px;
}
.focus {
width :700px;
float: right;
padding-bottom: 0px;
padding-left: 0px;
}
#conteneurg {
float : left;
width : 729px;
}
.news {
float : left;
width : 388px;
background-color : #FFFFFF;
padding-left:29px;
vertical-align:middle;
}
.il_nous_font_confiance {
float : left;
width : 379px;
padding-left : 25px;
}
.contenu_il_nous_font_confiance {
float : left;
width : 379px;
padding-left : 25px;
}
#conteneurh {
float : inherit;
width : 729px;
background-color : #FFFFFF;
}
.contact {
float : left;
width : 250px;
padding-left: 25px;
/*margin-left : 25px;
margin-right : 25px;*/
}
#conteneuri {
float : left;
width : 250px;
}
.formation {
margin-right:0;
margin-top:32px;
float : right;
width : 250px;
}
.titre_formation {
float : right;
width : 257px;
margin-right:30px;
}
.ligne_formation {
float : left;
width : 250px;
padding-left: 25px;
}
.contenu_formation {
float : left;
width : 250px;
border-left-color : #00ffff;
background-color : #ffffff;
padding-left: 25px;
}
.sondage {
float : left;
width : 250px;
margin-right: 20px;
margin-top:34px;
}
.bas_de_page {
width : 900px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:auto;
}
a.button {
background : transparent url('bg_button_a.gif') no-repeat scroll top right;
color : #444;
display : block;
float : left;
font : normal 12px arial, sans-serif;
height : 24px;
margin-right : 6px;
padding-right : 18px;
text-decoration : none;
}
a.button span {
background : transparent url('bg_button_span.gif') no-repeat;
display : block;
line-height : 14px;
padding : 5px 0 5px 18px;
}
/*#moncadre {
width : 250px;
margin : auto;
background-color : #ffff00;
border-left : #0033cc;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-top : 1px solid #000000;
}*/
a.button, a.buttonDis {
display : block;
background-color : transparent;
background-image : url(buttonBackground.gif);
background-repeat : no-repeat;
width : 132px;
height : 28px;
margin : 5px auto;
padding : 5px;
text-align : center;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-weight : bold;
text-decoration : none;
}
a.button:link, a.button:visited {
color : #002577;
}
a.button:hover, a.button:active {
background-position : 0 -36px;
color : #ff7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position : 0 -72px;
color : #5f5f5f;
cursor : default;
}
.icon {
display : inline-block;
background-repeat : no-repeat;
padding : 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position : 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position : 0 -56px;
}
#buttonOK .icon {
background-image : url(ok.gif);
}
#buttonCancel .icon {
background-image : url(cancel.gif);
}
#buttonImport .icon {
background-image : url(import.gif);
}
#moncadre {
height:300px;
margin-left:30px;
padding-left:0;
width : 139px;
background-color : #ffffff;
border-left : 1px solid #f6f8fb;
border-right : 1px solid #f6f8fb;
border-bottom : 1px solid #f6f8fb;
border-top : 1px solid #f6f8fb;
/*padding-left: 30px;*/
}
#moncadre1 {
width : 250px;
margin : auto;
padding : 10px;
background-color : #ffff00;
border-left : #0033cc;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-top : 1px solid #000000;
}
.Style1 {
font-family : geneva, arial, verdana, sans-serif;
}
.Style4 {
color : #ffffff;
background-color :white;
}
.Style5 {
color : #666666;
text-decoration: none;
}
.Style6 {
font-family : geneva, arial, verdana, sans-serif;
line-height: 10px;
font-size: 14px;
}
.Style7 {
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
font-size : 24px;
float : left;
}
.Style8 {
height:74px;
margin-left:44px;
margin-top:42px;
padding-right:0;
padding-left:10px;
padding-top:25px;
width:197px;
font-size : 12px;
font-family : Geneva, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}
.Style9 {
color : #666666;
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
font-weight : lighter;
padding-right : 59px;
padding-top : 5px;
text-decoration : underline;
float: right;
}
.Style10 {
color : #ffffff;
font-size : 14px;
font-family : geneva, arial, verdana, sans-serif;
background-color : #ffffff;
background-image: url(icones%20et%20images/bouton_partenaires.jpg);
margin-bottom: 5px;
line-height: 18px;
/*margin-left: 25px;*/
}
.traitgauche {
border-left : 1px solid black;
padding-left : 5px;
margin-left : 50px;
}
.Style11 {
font-size : 24px;
font-family : geneva, arial, verdana, sans-serif;
color : #5375b8;
background-color : #ffffff;
padding-bottom : 10px;
}
.Style12 {
font-size : 12px;
padding-bottom : 23px;
}
.Style13 {
color : #5375b8;
font-size : 24px;
font-family : geneva, arial, verdana, sans-serif;
background-color: #FFFFFF;
}
.Style14 {
color : #666666;
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
}
.Style16 {
font-size : 12px;
font-family : geneva, arial, verdana, sans-serif;
color : #5375b8;
}
.Style17 {
font-size : 12px;
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
}
.Style18 {
color : #5375b8;
font-family : geneva, arial, verdana, sans-serif;
}
#bouton_envoyer {
padding-right:12px;
color:#5375b8;
font-weight:normal;
background-color:#F6F8FB;
border-color:#F6F8FB;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
}
#button {
color:#5375b8;
font-weight:normal;
background-color:#F6F8FB;
border-color:#F6F8FB;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
padding-left:51px;
padding-right:0;
/*float:right;*/
}
==================================================
J'espère que vous pourrez vraiement m'aider et surtout bénéficier de vos conseilles sur comment structurer mes pages pour qu'elles bénéficient du meilleurs référencement mais aussi pour qu'elles soient compatible avec les navigateurs actuels.
Mes sincères excuses pour la qualité du code qui est loin d'être propre .
Merci pour votre aide.
graffx
Messages postés
6506
Date d'inscription
jeudi 22 mars 2007
Statut
Contributeur
Dernière intervention
24 mars 2019
1 975
23 juin 2009 à 20:22
23 juin 2009 à 20:22
XD
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
514
24 juin 2009 à 11:31
24 juin 2009 à 11:31
Pouvez-vous me rappeler quels problèmes d'affichage vous aviez que je cible ma recherche? Merci