problème module search

[d0b3]

Bonjour,

J'aimerais réussir à faire en sorte qu'un module Search prennent toute la largeur de son container... Je n'y arrive pas :s

Sans un bouton, c'est assez simple, un css width 100% sur la class form-control...
Avec un bouton à la gauche du champ ???

Voici ma structure :

<div class="container-fluid">
<div class="container">
<div class="head-search">

PARTIE CRÉÉ PAR JOOMLA!
-----------------------------
<div class="search">
<form class="form-inline form-search">
<button class="button btn btn-primary"></button>
<label></label>
<input id="mod-search-searchword" class="form-control" type="text"/>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
<input type="hidden" name="Itemid" value="101" />
</form>
</div>

FIN DE PARTIE CRÉÉ PAR JOOMLA!
------------------------------------------
</div>
</div>
</div>

Merci d'avance

[chipie24]

Re : problème module search

Bonjour,
et si tu cibles le bouton ?
.head-search form.form-inline button.button {
background:blue!important; width:10%!important;
}
.head-search form.form-inline input[type="text"].form-control {
background:red!important; width:80%!important;
}