pls help w/an usual design...

[maya]

hi,

I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..

http://www.mayacove.com/design/search/search.html

I can't get it to work, have tried lots of things.. have spent lots of
time already on it... tried to glean from apple.com, where they have
same kind of search input field, but they 'load' the search 'decoration'
with a JavaScript.. I hope I don't have to do that..

it has to work in IE, FF, Safari...

(this is at work, have to follow design given to me..)

would appreciate some suggestions.. thank you very much...

[maya]

maya wrote:

hi,

I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..

http://www.mayacove.com/design/search/search.html

I can't get it to work, have tried lots of things.. have spent lots of
time already on it... tried to glean from apple.com, where they have
same kind of search input field, but they 'load' the search 'decoration'
with a JavaScript.. I hope I don't have to do that..

it has to work in IE, FF, Safari...

(this is at work, have to follow design given to me..)

would appreciate some suggestions.. thank you very much...

also tried this,
http://www.mayacove.com/design/search/search2.html

(did with green bg-color for field, to see it more clearly..) this one
works best in Safari.. FF pushes field down even for the one with
"valign=top"... .:(

(I mean Safari for the pc, have not been able to test on a mac yet..)

thanks again....

[Andy Dingley]

On 31 Oct, 15:49, maya <maya778...@yah oo.comwrote:

I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..
http://www.mayacove.com/design/search/search.html

Don't try and use <table>s to lay it out. Learn some CSS instead.

[maya]

Andy Dingley wrote:

On 31 Oct, 15:49, maya <maya778...@yah oo.comwrote:

>I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..
http://www.mayacove.com/design/search/search.html

Don't try and use <table>s to lay it out. Learn some CSS instead.

I know css... how can I do this w/divs.. can't put divs side-to-side..
as <divtag always puts div in following line (and can't style
<span>'s the way you can <div>'s..)

oh brother..

thank you...

[Brendan Gillatt]

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:

Andy Dingley wrote:

>On 31 Oct, 15:49, maya <maya778...@yah oo.comwrote:

>>I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..
http://www.mayacove.com/design/search/search.html

Don't try and use <table>s to lay it out. Learn some CSS instead.

I know css... how can I do this w/divs.. can't put divs side-to-side..
as <divtag always puts div in following line (and can't style
<span>'s the way you can <div>'s..)

You can on both of those. You can put divs on a line by floating them and
you can make spans style the same by using display: block;.
- --
Brendan Gillatt
brendan {at} brendangillatt {dot} co {dot} uk
http://www.brendangillatt.co.uk
PGP Key: http://pgp.mit.edu:11371/pks/lookup?...rch=0xBACD7433
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.3 (MingW32)

iD8DBQFHKMgFkA9 dCbrNdDMRAoYzAK DAHjQZIVCQDbty7 XTLx4/Sq8NxxACeIjme
t1FZZxquVAKVwJw Mch+FjgQ=
=zhXk
-----END PGP SIGNATURE-----

[maya]

Brendan Gillatt wrote:

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:

>Andy Dingley wrote:

>>On 31 Oct, 15:49, maya <maya778...@yah oo.comwrote:

I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..
http://www.mayacove.com/design/search/search.html
Don't try and use <table>s to lay it out. Learn some CSS instead.

I know css... how can I do this w/divs.. can't put divs side-to-side..
as <divtag always puts div in following line (and can't style
<span>'s the way you can <div>'s..)

You can on both of those. You can put divs on a line by floating them and
you can make spans style the same by using display: block;.

ok, will try that tomorrow.. thank you very much.... HAPPY HALLOWEEN.. :)

[Bergamot]

maya wrote:

maya wrote:

>>
I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..

http://www.mayacove.com/design/search/search.html

also tried this,
http://www.mayacove.com/design/search/search2.html

FYI, both of these are severely broken because they don't adapt to
enlarged text sizes at all. With my 17px minimum text size, I only see a
few pixels of the tops of characters I type in the input boxes. The form
is unusable. :(

--
Berg

[maya]

Brendan Gillatt wrote:

-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:

>Andy Dingley wrote:

>>On 31 Oct, 15:49, maya <maya778...@yah oo.comwrote:

I got this unusual design (well, not so unusual anymore, I guess..) for
an input text field for a search form in top of page..
http://www.mayacove.com/design/search/search.html
Don't try and use <table>s to lay it out. Learn some CSS instead.

I know css... how can I do this w/divs.. can't put divs side-to-side..
as <divtag always puts div in following line (and can't style
<span>'s the way you can <div>'s..)

You can on both of those. You can put divs on a line by floating them and
you can make spans style the same by using display: block;.

ok, just for testing purposes did:

<div style="width:27 3px; padding:0; margin:0; text-align:center;">
<div style="float:le ft; width:34px;">
<img src="search_lef t.jpg" width="34" height="21" alt="">
</div>

<div style="width:22 0px; padding:0; margin:0;">
<img src="search_bg. jpg" width="220" height="21" alt="">
</div>

<div style="float:ri ght; width:19px; padding:0; margin:0;">
<img src="search_rig ht.jpg" width="19" height="21" alt="">
</div>
</div>

but div on the right is displaying BELOW the other ones; it's displaying
on the right, but below the other two... how do I get all divs to
display on same line?? (in FF and Safari it looks even worse than in IE..)

thank you very much..