Affichage de la largeur d'une liste déroulante dans un form
Publié : 03 nov. 2006, 22:40
Bonsoir,
J'aimerais savoir comment faire pour qu'une liste déroulante d'un formulaire dans Firefox soit affichée comme pour les navigateurs Internet Explorer et Opera? Je n'arrive vraiment pas à avoir le même affichage; ça bogue énormément dans Firefox.
La page web du formulaire est un iframe affichant un fichier PHP; dans ce fichier, il y a de la programmation PHP; puis le tableau HTML entrecoupé de code PHP et CSS:
http://www.soustesailes.com/contacttotal2.htm
C'est un programmeur qui m'a aidé car je n'y arrivais vraiment pas. Vous remarquerez qu'il y a du <font> et du CSS; c'est le programmeur qui a mis les <font> et je ne me suis pas encore attardé à tous les remplacer par du CSS seulement. D'ailleurs, je ne sais pas si c'est pertinent de le faire; c'est peut être pour cela que Firefox a de la difficulté à bien rendre les listes déroulantes. Je ne sais pas.
Merci à l'avance pour vos éclaircissements.
----------------------
Le code du formulaire
----------------------
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
J'aimerais savoir comment faire pour qu'une liste déroulante d'un formulaire dans Firefox soit affichée comme pour les navigateurs Internet Explorer et Opera? Je n'arrive vraiment pas à avoir le même affichage; ça bogue énormément dans Firefox.
La page web du formulaire est un iframe affichant un fichier PHP; dans ce fichier, il y a de la programmation PHP; puis le tableau HTML entrecoupé de code PHP et CSS:
http://www.soustesailes.com/contacttotal2.htm
C'est un programmeur qui m'a aidé car je n'y arrivais vraiment pas. Vous remarquerez qu'il y a du <font> et du CSS; c'est le programmeur qui a mis les <font> et je ne me suis pas encore attardé à tous les remplacer par du CSS seulement. D'ailleurs, je ne sais pas si c'est pertinent de le faire; c'est peut être pour cela que Firefox a de la difficulté à bien rendre les listes déroulantes. Je ne sais pas.
Merci à l'avance pour vos éclaircissements.
----------------------
Le code du formulaire
----------------------
Code : Tout sélectionner
<html>
<head>
<title>Sous Tes Ailes - Contact - Nous écrire</title>
<meta name="Description" content="Formulaire de contact pour nous écrire">
<meta name="KeyWords" content="sous tes ailes formulaire de contact écrire courriel email rejoindre">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Copyright" content="Copyright 2006 Sous Tes Ailes http://www.soustesailes.com/">
<meta http-equiv="Content-Language" content="fr">
<link rel=StyleSheet href="/coolstyle.css" type="text/css">
<script language="javascript" type="text/javascript" src="/javascripts.js"></script>
<script language="javascript" type="text/javascript" src="/pop-closeup.js"></script>
</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0" class="background-window">
<div align=left; valign=top; background:white; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;">
<form name="mail_form" method="post" action="<?=$_SERVER['PHP_SELF']?>">
<table width="14%" border="0" name="formcontact" align="left">
<tr>
<td colspan="2" align="center" class="smalltitle">
<?php
if ((isset($_POST['envoi'])) AND ($email_invalide =='1') AND ($zone_email_flag != '0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><strong><font color=\"#CA0B01\" size=\"1\">Votre courriel<br>est invalide</font></strong></font>");
}
?>
<br>
<td width="20%" align="left"> </td>
</tr>
<p align="center"> </p>
<tr>
<td width="19%" align="right" class="smalltext_contact">Prénom</td>
<td width="61%" align="left">
<input name="champ1" type="text" class="shadeform_contact" value="<?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['champ1']))) {
echo($_SESSION['champ1']);
}
?>">
</td>
<td width="20%" align="left" valign="baseline">
<?php
if ((isset($_POST['envoi'])) AND ($champ1_flag =='0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
?>
</td>
</tr>
<tr>
<td width="19%" align="right" class="smalltext_contact">Nom</td>
<td width="61%" align="left">
<input name="champ2" type="text" class="shadeform_contact" value="<?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['champ2']))) {
echo($_SESSION['champ2']);
}
?>">
</td>
<td width="20%" align="left" valign="baseline">
<?php
if ((isset($_POST['envoi'])) AND ($champ2_flag =='0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
?>
</td>
</tr>
<tr>
<td align="right" width="19%" class="smalltext_contact">Courriel</td>
<td align="left" width="61%">
<input name="zone_email" type="text" class="shadeform_contact" value="<?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['zone_email']))) {
echo($_SESSION['zone_email']);
}
?>">
</td>
<td align="left" width="20%" valign="baseline">
<?php
if (isset($_POST['envoi'])) {
if (($email_invalide=="1") OR ($zone_email_flag =='0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
}
?>
</td>
</tr>
<tr>
<td align="right" width="19%" class="smalltext_contact">Pays</td>
<td align="left" width="61%">
<select name="champ3" class="shadeform_pays_sujet">
<?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['champ3']))) {
echo("<option value=\"".$_SESSION['champ3']."\">" . $_SESSION['champ3'] ."</option>");
}
?>
<option value="">votre Choix?</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Afrique du Sud">Afrique du Sud</option>
<option value="Albanie">Albanie</option>
<option value="Algerie">Algérie</option>
<option value="Allemagne">Allemagne</option>
<option value="Andorre">Andorre</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua">Antigua</option>
<option value="Antilles neerlandaises">Antilles néerlandaises</option>
<option value="Arabie Saoudite">Arabie Saoudite</option>
<option value="Argentine">Argentine</option>
<option value="Armenie">Arménie</option>
<option value="Aruba">Aruba</option>
<option value="Australie">Australie</option>
<option value="Autriche">Autriche</option>
<option value="Azerbaidjan">Azerbaïdjan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrein">Bahrein</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbade">Barbade</option>
<option value="Belgique">Belgique</option>
<option value="Belize">Belize</option>
<option value="Benin">Bénin</option>
<option value="Bermudes">Bermudes</option>
<option value="Bhoutan">Bhoutan</option>
<option value="Bielorussie">Biélorussie</option>
<option value="Birmanie">Birmanie</option>
<option value="Bolivie">Bolivie</option>
<option value="Botswana">Botswana</option>
<option value="Bresil">Brésil</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgarie">Bulgarie</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodge">Cambodge</option>
<option value="Cameroun">Cameroun</option>
<option value="Canada">Canada</option>
<option value="Cap Vert">Cap Vert</option>
<option value="Cayman">Cayman</option>
<option value="Centre-Afriqe">Centre-Afrique</option>
<option value="Chili">Chili</option>
<option value="Chine">Chine</option>
<option value="Chypre">Chypre</option>
<option value="Colombie">Colombie</option>
<option value="Comores">Comores</option>
<option value="Congo">Congo</option>
<option value="Coree du Nord">Corée du Nord</option>
<option value="Coree du Sud">Corée du Sud</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote d'Ivoire">Côte d'Ivoire</option>
<option value="Croatie">Croatie</option>
<option value="Cuba">Cuba</option>
<option value="Danemark">Danemark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominique">Dominique</option>
<option value="Egypte">Égypte</option>
<option value="El Salvador">El Salvador</option>
<option value="Emirats Arabes unis">Émirats Arabes unis</option>
<option value="Equateur">Équateur</option>
<option value="Erythree">Erythrée</option>
<option value="Espagne">Espagne</option>
<option value="Estonie">Estonie</option>
<option value="Etats-Unis">États-Unis</option>
<option value="Ethiopie">Éthiopie</option>
<option value="ex-Union Sovietique">ex-Union Soviétique</option>
<option value="ex-Yougoslavie">ex-Yougoslavie</option>
<option value="Falkland">Falkland</option>
<option value="Feroe">Féroé</option>
<option value="Fidji">Fidji</option>
<option value="Finlande">Finlande</option>
<option value="France">France</option>
<option value="Gabon">Gabon</option>
<option value="Gambie">Gambie</option>
<option value="Georgie">Géorgie</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Grande-Bretagne">Grande-Bretagne</option>
<option value="Grece">Grèce</option>
<option value="Grenade">Grenade</option>
<option value="Saint Vincent et Grenadines">Grenadines</option>
<option value="Groenland">Groenland</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinee">Guinée</option>
<option value="Guinee Bissau">Guinée Bissau</option>
<option value="Guyane">Guyane</option>
<option value="Guyane francaise">Guyane française</option>
<option value="Haiti">Haïti</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hongrie">Hongrie</option>
<option value="Ile Christmas">Île Christmas</option>
<option value="Iles Maurice">Île Maurice</option>
<option value="Iles Bouvet">Îles Bouvet</option>
<option value="Iles Cocos">Îles Cocos</option>
<option value="Iles Cook">Îles Cook</option>
<option value="Iles Heard et Mac Donald">Îles Heard et MacDonald</option>
<option value="Iles Svalbaard et Jan Mayen">Îles Jan Mayen</option>
<option value="Iles Salomon">Îles Salomon</option>
<option value="Iles Svalbaard et Jan Mayen">Îles Svalbaard</option>
<option value="Iles Turques et Caiques">Îles Turques et Caïques</option>
<option value="Iles Vierges britanniques">Îles Vierges britanniques</option>
<option value="Iles Vierges des Etats-Unis">Îles Vierges des É.-Unis</option>
<option value="Inde">Inde</option>
<option value="Indonesie">Indonésie</option>
<option value="Irak">Irak</option>
<option value="Iran">Iran</option>
<option value="Irlande">Irlande</option>
<option value="Islande">Islande</option>
<option value="Israel">Israël</option>
<option value="Italie">Italie</option>
<option value="Jamaique">Jamaïque</option>
<option value="Japon">Japon</option>
<option value="Jordanie">Jordanie</option>
<option value="Kzakhstan">Kzakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kirghizistan">Kirghizistan</option>
<option value="Kiribati">Kiribati</option>
<option value="Koweit">Koweït</option>
<option value="Laos">Laos</option>
<option value="Lesotho">Lesotho</option>
<option value="Lettonie">Lettonie</option>
<option value="Liban">Liban</option>
<option value="Liberia">Libéria</option>
<option value="Libye">Libye</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lituanie">Lituanie</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macao">Macao</option>
<option value="Madagascar">Madagascar</option>
<option value="Malaisie">Malaisie</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Malte">Malte</option>
<option value="Maroc">Maroc</option>
<option value="Martinique">Martinique</option>
<option value="Mauritanie">Mauritanie</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexique">Mexique</option>
<option value="Micronesie">Micronésie</option>
<option value="Moldavie">Moldavie</option>
<option value="Monaco">Monaco</option>
<option value="Mongolie">Mongolie</option>
<option value="Montserrat">Montserrat</option>
<option value="Mozambique">Mozambique</option>
<option value="Namibie">Namibie</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Népal</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigéria</option>
<option value="Niue">Niue</option>
<option value="Norfolk">Norfolk</option>
<option value="Norvege">Norvège</option>
<option value="Nouvelle Caledonie">Nouvelle Calédonie</option>
<option value="Nouvelle Zelande">Nouvelle Zélande</option>
<option value="Oman">Oman</option>
<option value="Ouzbekistan">Ouzbékistan</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Panama">Panama</option>
<option value="Papouasie Nouvelle Guinee">Papouasie N. Guinée</option>
<option value="Paraguay">Paraguay</option>
<option value="Pays-Bas">Pays-Bas</option>
<option value="Perou">Pérou</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Plogne">Plogne</option>
<option value="Polynesie francaise">Polynésie française</option>
<option value="Porto-Rico">Porto-Rico</option>
<option value="Portugal">Portugal</option>
<option value="Qatar">Qatar</option>
<option value="Republique de Macedoine">Rép. de Macédoine</option>
<option value="Republique Dominicaine">République Dominicaine</option>
<option value="Republique Slovaque">République Slovaque</option>
<option value="Reunion">Réunion</option>
<option value="Roumanie">Roumanie</option>
<option value="Russie">Russie</option>
<option value="Rwanda">Rwanda</option>
<option value="Sahara occidental">Sahara occidental</option>
<option value="Saint Kitts et Nevis">Saint Kitts et Nevis</option>
<option value="Saint Pierre et Miquelon">Saint Pierre et Miquelon</option>
<option value="Saint Tome et Principe">Saint Tomé et Principe</option>
<option value="Saint Vincent et Grenadines">Saint Vincent</option>
<option value="Sainte Helene">Sainte Hélène</option>
<option value="Sainte Lucie">Sainte Lucie</option>
<option value="Samoa americain">Samoa américain</option>
<option value="Samoa occidental">Samoa occidental</option>
<option value="San Marin">San Marin</option>
<option value="Senegal">Sénégal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapour">Singapour</option>
<option value="Slovenie">Slovénie</option>
<option value="Somalie">Somalie</option>
<option value="Soudan">Soudan</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Suede">Suède</option>
<option value="Suisse">Suisse</option>
<option value="Surinam">Surinam</option>
<option value="Swaziland">Swaziland</option>
<option value="Syrie">Syrie</option>
<option value="Tadjikistan">Tadjikistan</option>
<option value="Taiwan">Taïwan</option>
<option value="Tanzanie">Tanzanie</option>
<option value="Tchad">Tchad</option>
<option value="Tchequie">Tchèquie</option>
<option value="Territoire austral francais">Territoire austral fr.</option>
<option value="Territoires britanniques de l'Ocean Indien">Terr. britanniques O.I.</option>
<option value="Thailande">Thaïlande</option>
<option value="Timor oriental">Timor oriental</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tolelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinite et Tobago">Trinité et Tobago</option>
<option value="Tunisie">Tunisie</option>
<option value="Turkmenistan">Turkménistan</option>
<option value="Turquie">Turquie</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Ukraine">Ukraïne</option>
<option value="Uruguay">Uruguay</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican">Vatican</option>
<option value="Venezuela">Vénézuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Wallis et Futuna">Wallis et Futuna</option>
<option value="Yemen">Yemen</option>
<option value="Zaire">Zaïre</option>
<option value="Zambie">Zambie</option>
<option value="Zimbabwe">Zimbabwe</option>
<option value="--- Autre ---">--- Autre ------------------------</option>
</select>
</td>
<td width="20%" align="left" valign="baseline">
<?php
if ((isset($_POST['envoi'])) AND ($champ3_flag == '0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
?>
</td>
</tr>
<tr>
<td width="19%" align="right" class="smalltext_contact">Sujet</td>
<td width="61%" align="left">
<select name="champ4" class="shadeform_pays_sujet">
<?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['champ4']))) {
echo("<option value=\"".$_SESSION['champ4']."\">" . $_SESSION['champ4'] ."</option>");
}
?>
<option value="">votre Choix?</option>
<option value="Administration">Administration</option>
<option value="Commentaire">Commentaire</option>
<option value="Contribution">Contribution</option>
<option value="Enseignement">Enseignement</option>
<option value="Erreur...">Erreur 404 et autres</option>
<option value="Espace membre">Espace membre</option>
<option value="Itinéraire">Itinéraire</option>
<option value="Liens Internet">Liens Internet</option>
<option value="Liste de diffusion">Liste de diffusion</option>
<option value="Partenariat">Partenariat</option>
<option value="Suggestion">Suggestion</option>
<option value="Témoignage">Témoignage</option>
<option value="Voix prophétique">Voix prophétique</option>
<option value="Webmestre">Webmestre (tech.)</option>
<option value="--- Autre ---">--- Autre ------------------------</option>
</select>
</td>
<td width="20%" align="left" valign="baseline">
<?php
if ((isset($_POST['envoi'])) AND ($champ4_flag =='0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
?>
</td>
</tr>
<tr>
<td valign="top" colspan="2" align="left">
<div align="left">
<textarea name="zone_texte" cols="24" rows="4" class="textarea_contact" wrap="VIRTUAL"><?php
if ((isset($_POST['envoi'])) AND (isset($_SESSION['zone_texte']))) {
echo(stripslashes($_SESSION['zone_texte']));
}
?></textarea>
</div>
</td>
<td valign="top" width="20%" align="left">
<?php
if ((isset($_POST['envoi'])) AND ($zone_texte_flag =='0')) {
echo("<font face=\"Verdana, Arial, Helvetica, sans-serif\"><b><font color=\"#CA0B01\" size=\"2\">X</font></b></font>");
}
?>
</td>
</tr>
<tr>
<td valign="top" colspan="2" align="center">
<div align="center">
<input name="nbre_champs_texte" type="hidden" id="nbre_champs_texte" value="4">
<input name="nbre_zones_texte" type="hidden" value="1">
<input name="nbre_zone_email" type="hidden" value="1">
<input name="titre_champ1" type="hidden" value="Prénom">
<input name="titre_champ2" type="hidden" value="Nom">
<input name="titre_champ3" type="hidden" value="Pays">
<input name="titre_champ4" type="hidden" value="Sujet">
<input name="titre_email" type="hidden" value="Courriel">
<input name="titre_zone" type="hidden" value="Message">
<input type="submit" name="envoi" value="Valider" onMouseOver="this.className='buttonon_contact'" onMouseOut="this.className='button'" class="button" style="width:130px; margin-top:5px">
</div>
</td>
<td valign="top" align="left" width="20%"> </td>
</tr>
<tr>
<td valign="top" colspan="3" align="center"> </td>
</tr>
</table>
</form>
</div>
</body>
</html>
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
