Adapter pages web aux navigateurs

amazigh_antalas 82Messages postés 25 mai 2009Date d'inscription - Dernière réponse le 24 juin 2009 à 11:31

Bonjour,
je relance donc ma demande d'aide pour adapter deux page web au différent navigateurs web et me préciser quel erreurs j'ai commis .
merci

Adapter pages web aux navigateurs »

Suggestions

Adapter pages web aux navigateurs
Qqn sait comment faire adapter les page web e » Forum
Webmaster - Adapter un site à toutes les résolutions, le centre » Fiches pratiques
Tester son site sous plusieurs navigateurs » Fiches pratiques
Ouvrir page web dans navigateur différent (Résolu) » Forum
Adapter page web aux écrans (html a l'appui) » Forum

Plus

Réponse

NookZ 2159Messages postés 29 janvier 2009Date d'inscription 29 février 2012Dernière intervention 4 juin 2009 à 14:38

Bonjour,

Pourriez-vous au moins mettre le lien vers l'autre sujet et vers le code? merci

Ajouter un commentaire

Réponse

amazigh_antalas 82Messages postés 25 mai 2009Date d'inscription 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 ??

Ajouter un commentaire

NookZ- 5 juin 2009 à 09:33

Le plus logique est de mettre votre code ici.

Réponse

amazigh_antalas 5 juin 2009 à 09:47

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.

Ajouter un commentaire

Réponse

NookZ 2159Messages postés 29 janvier 2009Date d'inscription 29 février 2012Dernière intervention 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 :)

Ajouter un commentaire

Réponse

amazigh_antalas 82Messages postés 25 mai 2009Date d'inscription 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é .

Ajouter un commentaire

NookZ- 23 juin 2009 à 19:03

lien vers le sujet?

amazigh_antalas- 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">

</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></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.

Réponse

graffx 3885Messages postés 9 mars 2008Date d'inscription 23 mai 2012Dernière intervention 23 juin 2009 à 20:22

Ajouter un commentaire - Site web

Réponse

NookZ 2159Messages postés 29 janvier 2009Date d'inscription 29 février 2012Dernière intervention 24 juin 2009 à 11:31

Pouvez-vous me rappeler quels problèmes d'affichage vous aviez que je cible ma recherche? Merci

Ajouter un commentaire

Répondre au sujet

Posez votre question

Dossier à la une

Passage au tout numérique : quel coût pour les particuliers ?

Passage au tout numérique : quel coût pour les particuliers ?

Combien cela coûte-t-il au total ? Quelles aides apportent l'état et les acteurs du marché pour alléger cette charge non choisie ? Tous les détails sur Commentçamarche.net.

Adapter pages web aux navigateurs

Adapter pages web aux navigateurs »

Passage au tout numérique : quel coût pour les particuliers ?