471,570 Members | 1,632 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,570 software developers and data experts.

pls help w/an usual design...

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...


Oct 31 '07 #1
7 1736
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....
Oct 31 '07 #2
On 31 Oct, 15:49, maya <maya778...@yahoo.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.
Oct 31 '07 #3
Andy Dingley wrote:
On 31 Oct, 15:49, maya <maya778...@yahoo.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...

Oct 31 '07 #4
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:
Andy Dingley wrote:
>On 31 Oct, 15:49, maya <maya778...@yahoo.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)

iD8DBQFHKMgFkA9dCbrNdDMRAoYzAKDAHjQZIVCQDbty7XTLx4/Sq8NxxACeIjme
t1FZZxquVAKVwJwMch+FjgQ=
=zhXk
-----END PGP SIGNATURE-----
Oct 31 '07 #5
Brendan Gillatt wrote:
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:
>Andy Dingley wrote:
>>On 31 Oct, 15:49, maya <maya778...@yahoo.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.. :)


Oct 31 '07 #6
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
Nov 1 '07 #7
Brendan Gillatt wrote:
-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

maya wrote:
>Andy Dingley wrote:
>>On 31 Oct, 15:49, maya <maya778...@yahoo.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:273px; padding:0; margin:0; text-align:center;">
<div style="float:left; width:34px;">
<img src="search_left.jpg" width="34" height="21" alt="">
</div>

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

<div style="float:right; width:19px; padding:0; margin:0;">
<img src="search_right.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..

Nov 1 '07 #8

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

36 posts views Thread by Rolloffle | last post: by
3 posts views Thread by zlst | last post: by
2 posts views Thread by AllenL | last post: by
2 posts views Thread by Neo Geshel | last post: by
reply views Thread by YellowFin Announcements | last post: by
19 posts views Thread by neelsmail | last post: by
10 posts views Thread by jason.cipriani | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by Vinnie | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.