Hej alle
Jeg har lavet et søgefelt på Fidusos sider. Der er samme søgning
på alle siderne, og det er Googles sitesøgning der ligger bag.
Det er fint nok.
Tekstfeltet og knappen ligger i titellinjen og skal gerne være
tæt sammen. Det kommer de automatisk i Opera og FF.
I IE havde jeg tidligere justeret afstanden, og det har jeg atter
indført for at I kan se problemet. Det gør jeg med:
<!--[if IE]>
<style>
.search .submitbutton { margin-left: 3em; }
</style>
<![endif]-->
idet de andre browsere får 5em i stedet. Det bevirker imidlertid
at tekstfeltet opfører sig sært i IE. Prøv at pege på det. I
hele feltet får man titlen frem (Søg på Fiduso), men kun til
venstre skifter cursoren om og tillader at man sætter fokus på
feltet. Hvis man prøver det til højre er det bare knappen der
skifter farve.
Jeg 'løste' problemet ved at lade form-felterne omslutte af
<span> (problemområdet reduceres til nogle millimeter men
forsvinder faktisk ikke helt), men det validerer ikke i strict.
Når jeg laver det validt med <p> i stedet for, kommer problemet.
Hvad kan jeg gøre?
Som sagt kan problemet ses på alle Fidusos sider, men her er den
kodestumpt der sætter formularen op:
<div class='search'>
<form name='google' method='get' action='
http://www.google.com/search' accept-charset='utf-8'>
<p class='textfield'><input type='text' name='q' size='10' maxlength='255' title='Søg på Fiduso'></p>
<p><input type='hidden' name='as_sitesearch' value='fiduso.dk'></p>
<p class='submitbutton'><input type='submit' value='Søg på Fiduso'></p>
</form>
<p class='centreret'><?= $title ?></p>
</div>
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/