Rechercher : dans
Par :

CSS mise en form d'un formulaire

Dernière réponse le 30 oct 2007 à 15:17:26 cyborgjeff, le 30 oct 2007 à 15:06:28 
 Signaler ce message aux modérateurs

Bonjour, je vous présente mon problème, j'ai un petit champs de recherche dans mon thème Xoops dont voici le code HTML


<div id="recherche"><!--Moteur recherche -->
<div> <!--enveloppe contenant le champs et le bt -->
<div id="chRecherche">
<form id="form1" name="form1" action="<{$xoops_url}>/search.php" method="post">
<input class="textbutton" type="text" name="query" size="22" />
<input name="submit" class="searchbutton" type="submit" value="" />
<input type="hidden" name="action" value="results" />
</form>
</div>
</div>
<div style="clear:both;"></div>
</div>


Je le mets en forme afin que le champs texte et le boutton soit mis en forme par des images.


.searchbutton {/* bouton de recherce */
background-image:url(images/bt_recherche.jpg);
background-repeat:no-repeat;
background-position:left center;
margin-left:-6px;
border: none;

height:17px;
width:66px;
clear:both;
	}
	
.textbutton{ /* champs de recherche */
color:#7493BA;
size:8px;
height:17px;
width:161px;
border-style:none;
background-image:url(images/onglet_recherche.gif);
background-repeat:no-repeat;
background-position:left center;
margin-left:10px;
}


Tout se passe bien en FireFox, et même sous mon IE7,... mais visiblement pas chez tout le monde... En effet, les utilisateurs d'IE qui ont un thème Windows qui modifie l'aspect des boutons, ne voient pas la mise en page que je tente d'imposer... D'ou pourrait venir mon problème ?

voici la page : http://www.formadis.be/formadis07
Configuration: Windows XP
Internet Explorer 7.0

Meilleures réponses pour « CSS mise en form d'un formulaire » dans :
[Webmaster] Un formulaire de contact pour votre site VoirCe formulaire permet d'avoir une page pour être contacté sur son site, sans utiliser de logiciel de messagerie. La personne qui vous contacte indique son adresse, l'objet du message et son message (évidemment). Le code est une version...
Servlets - Gestion des formulaires VoirIntroduction aux formulaires Les servlets rendent très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML, c'est-à-dire une interface graphique permettant à l'utilisateur de saisir des données. Grâce à la balise...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
PHP - Récupération de données VoirPHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Création d'un formulaire Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des...

1

 Dalida, le 30 oct 2007 à 15:17:26

Salut,

oula… pas évident !
je peux toujours te conseiller d'ajouter du poids à tes sélecteurs.

div#recherche div div#chRecherche form#form1  input.searchbutton
{
[...]
}

tu passes d'un priorité 11 à une priorité 315 je crois. mais je ne sais pas si cela peut avoir de l'influence sur un thème XP !

[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida