[OPGELOST]Lengte zoek input box aanpassen

[Evert B.]

Beste mensen,

Wie weet waar ik de lengte van de soekbox kan aanpassen?

M.v.g. Nuc

[Evert B.]

Iemand?
Het is altijd simpel... als je t weet...

[rodeto]

dat kan via CSS. De INPUT heeft een eigen ID meegekregen dus daar kun je je DIV op instellen.

[Evert B.]

dat kan via CSS. De INPUT heeft een eigen ID meegekregen dus daar kun je je DIV op instellen.

Thanks voor je reactie!
Ik snap dat dit via CSS kan ja. Echter ik zou niet weten in welk stylesheet. Ik heb nu alle stylesheets die aan mijn template gekoppeld zijn doorgezocht maar ik kan het gewoon niet vinden.
Weet iemand welk stylesheet en waar deze te bereiken is?

M.v.g. Nuc

[rodeto]

Je met deze ook zelf invoeren. Ht staat niet automatisch in een stylesheet.

Je kunt dan de ID gebruiken die automatische meegegeven wordt (zoek dat even op in de bron van de pagina) en dan iets als dit in je stylesheet zetten:

Code: Select all

input#searchinput{width: 385px; height: 14px; background-color: #C8C8C8; border: none; font-size: 11px; color:#000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

[Evert B.]

Rodeto het is gelukt bedankt voor je hulp (en geduld) 

GrtZ Nuc

[Djunity]

plaats deze code in de stylesheet

Code: Select all

/* position for the search box */
div#search {
   float: left;
   width: 23em;    /* enough width for the search input box */
   text-align: left;
   padding: 0 0 0 0;
   margin: 0 0;
}

de width code zorgt voor de breedte van de search box, float of hij links of rechts staat, text align of dat de text en de zoek knop links of rechts staan, en met padding en margin kan je de search box exact plaatsen op de pagina waar je maar wilt.

Let wel op dat je dan het volgende in je sjabloon hebt:

Code: Select all

<div id="search">
{search}
</div>

[Evert B.]

Het werkt bedankt !