[Résolu] Mise en page du module BlockSearchCenter

[tresorsdargan]

Bonjour,

 

Utilisant un module BlockSearchCenter en CenterColumn sur mon site, j'ai un petit soucis d'affichage du à une position de div peut être, je ne sais pas, ce qui me provoque un décalage horizontal du bouton rechercher.

 

le code

<form method="get" action="{$link->getPageLink('search.php')}" id="searchbox">
<div>
 <label for="search_query"><!-- image on background --></label>
 <input type="hidden" name="orderby" value="position" />
 <input type="hidden" name="orderway" value="desc" />
 <input class="search_query" type="text" id="search_query_top" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|htmlentities:$ENT_QUOTES:'utf-8'|stripslashes}{else}Cliquez pour rechercher{/if}" onfocus="if(this.value == 'Cliquez pour rechercher') {literal}{this.value='';}{/literal}" onblur="if(this.value == '') {literal}{this.value='';}{/literal}" />
 <input type="submit" name="submit_search" value="{l s='Search' mod='blocksearchcenter'}" class="bouton_chercher" /></div>
</form>
<div class="clear"> </div>

 

Bien entendu, ce code génère des erreur W3C du au onfocus et onblur dans le code, comment y remédier ?

 

Merci de votre aide,

 

Olivier

[tresorsdargan]

p'tit up svp

[tresorsdargan]

le css du code :

#searchbox .bouton_chercher{background-color:#e72e66;border-style:none;border-width:medium;color:#fff;cursor:pointer;display:block;font-size:.8em;text-align:center;text-decoration:none;padding:5px 11px 5px 10px}