473,385 Members | 1,483 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 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 1796
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

12
by: SJD | last post by:
I've just read Christoph Schittko's article on XmlSerializer: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnxmlnet/html/trblshtxsd.asp . . . and very informative it is too....
36
by: Rolloffle | last post by:
A short time ago my fiancée Kimmy found out that she had gotten pregnant. We had a long, hard talk about what to do, if anything. I was in favour of her getting an abortion, though she was...
3
by: zlst | last post by:
Many technological innovations rely upon User Interface Design to elevate their technical complexity to a usable product. Technology alone may not win user acceptance and subsequent marketability....
2
by: AllenL | last post by:
Ever since I've been using objects with VB I've instantiated the business object from the form; the business object then creates/destroys data access layer objects as needed. The business object...
2
by: Neo Geshel | last post by:
Greetings! I have a rather unusual request about a rather basic need. I need to be able to bind data to a page, but WITHOUT using a Repeater, DataGrid or DataList. Why? Well, I have some...
0
by: YellowFin Announcements | last post by:
Introduction Usability and relevance have been identified as the major factors preventing mass adoption of Business Intelligence applications. What we have today are traditional BI tools that...
14
by: active | last post by:
Because of a strong recommendation I saw in this NG all my events are of the form: Public Event HeightChanged(ByVal sender As Object, ByVal e As HeightChangeEventArgs) where: Public...
19
by: neelsmail | last post by:
Hi, I have been working on C++ for some time now, and I think I have a flair for design (which just might be only my imagination over- stretched.. :) ). So, I tried to find a design...
10
by: jason.cipriani | last post by:
I never seem to be able to get this right. Here I have some code: template <typename T, int Nclass A { void f (T); }; template <typename Tvoid A<T,1>::f (T) { } template <typename Tvoid...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.