How to display table and select next to each other

**BootNic** · Sep 8 '08, 03:15 AM

Re: How to display table and select next to each other

On Sun, 7 Sep 2008 18:01:04 -0700 (PDT)
"removeps-groups@yahoo.co m" <removeps-groups@yahoo.co mwrote in:
<ae34e738-5ed5-4393-9c6e-8e6ee03f558e@r1 5g2000prh.googl egroups.com>

How to display table and select next to each other?
>

[snip]

So the question is how to get it to align the top of the select with
the top of the table in Mozilla and IE.

Consider supporting just a few more browsers.

The following URL may display as desired. It does use a wee bit of
invalid CSS in an attempt to support more Mozilla browsers.

http://tinyurl.com/5fmn8o

--

BootNic Sun Sep 7, 2008 11:09 pm
Humor is emotional chaos remembered in tranquility.
*James Thurber*

-----BEGIN PGP SIGNATURE-----
Version: GnuPG v2.0.9 (GNU/Linux)

iEYEARECAAYFAkj El3YACgkQylMUzZ O6jeLIJwCggrP+d o9ah9wp3v6AUVOT x+/J
ZJMAoK4YiZwVZth uUYaVVdKsdzrJHA EX
=/u7g
-----END PGP SIGNATURE-----

**Ben C** · Sep 8 '08, 07:25 AM

Re: How to display table and select next to each other

On 2008-09-08, removeps-groups@yahoo.co m <removeps-groups@yahoo.co mwrote:

How to display table and select next to each other?
>
><html>
><body>
><table border=1 style="display: inline-table">
<tr><td>Hello 1</td></tr>
<tr><td>Hello 2</td></tr>
<tr><td>Hello 3</td></tr>
<tr><td>Hello 4</td></tr>
<tr><td>Hello 5</td></tr>
></table>
><select size="3">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
></select>
></body>
></html>
>
In Mozilla 3.0.1, the table is on the left with 5 rows of data. The
select of size 3 is next to it, thanks to the inline-table, which is
fine. However, the bottom of the select aligns with the bottom on the
first table cell. What I want is the top of the select to align with
the top of the table.

IE 7 displays the select below the table, ignoring the inline-table
directive.
>
So the question is how to get it to align the top of the select with
the top of the table in Mozilla and IE.

vertical-align: top on the inline table should do the trick, but not in
browsers that don't support inline-table.

You may have more luck in IE by just floating the table left instead.

By the way your markup is not valid. Check it at http://validator.w3.org
(or with nsgmls).

**Roy A.** · Sep 8 '08, 08:55 AM

Re: How to display table and select next to each other

On 8 Sep, 03:01, "removeps-gro...@yahoo.co m" <removeps-
gro...@yahoo.co mwrote:

How to display table and select next to each other?
<html>

Don't you have a DOCTYPE declaration?

<body>

The document should at least have a title.

<table border=1 style="display: inline-table">
<tr><td>Hello 1</td></tr>
<tr><td>Hello 2</td></tr>
<tr><td>Hello 3</td></tr>
<tr><td>Hello 4</td></tr>
<tr><td>Hello 5</td></tr>
</table>
<select size="3">
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>
</body>
</html>
>
In Mozilla 3.0.1, the table is on the left with 5 rows of data. The
select of size 3 is next to it, thanks to the inline-table, which is
fine. However, the bottom of the select aligns with the bottom on the
first table cell. What I want is the top of the select to align with
the top of the table.
>
IE 7 displays the select below the table, ignoring the inline-table
directive.

So is FF2, too.

So the question is how to get it to align the top of the select with
the top of the table in Mozilla and IE.

**removeps-groups@yahoo.com** · Sep 8 '08, 03:25 PM

Re: How to display table and select next to each other

On Sep 8, 12:21 am, Ben C <spams...@spam. eggswrote:

By the way your markup is not valid. Check it at http://validator.w3.org
(or with nsgmls).

Thanks. Is there a way to validate a file? In the URL there I
entered

file:///C:/Documents%20and %20Settings/whatever

and it says that type of URL is not supported.

I know I didn't have a DOCTYPE.

Dreamweaver has a function to validate markup, and it only says that
my select tag is missing the name value. Strange.

http://www.validome.org/ lets you upload a file to validate, and it
errors out that DOCTYPE is missing. After I enter the DOCTYPE, an
empty head section, I get several errors.

**Ed Mullen** · Sep 8 '08, 03:25 PM

Re: How to display table and select next to each other

removeps-groups@yahoo.co m wrote:

On Sep 8, 12:21 am, Ben C <spams...@spam. eggswrote:
>

>By the way your markup is not valid. Check it at http://validator.w3.org
>(or with nsgmls).

>
Thanks. Is there a way to validate a file? In the URL there I
entered
>
file:///C:/Documents%20and %20Settings/whatever
>
and it says that type of URL is not supported.

You can't check a local file on your hard drive using the "Validate by
URI" tab.

First add a valid doctype:

W3C QA - Recommended list of Doctype declarations you can use in your Web document

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Then go to the validator page and click the "Validate by file upload"
tab. Browse to the file you want to check.

--
Ed Mullen

ed mullen dot net

http://edmullen.net

Help for Mozilla, Firefox and SeaMonkey. Performances and original music.

Why do banks charge you a non-sufficient funds fee on money they already
know you don't have?

**Ben C** · Sep 8 '08, 03:45 PM

Re: How to display table and select next to each other

On 2008-09-08, removeps-groups@yahoo.co m <removeps-groups@yahoo.co mwrote:

On Sep 8, 12:21 am, Ben C <spams...@spam. eggswrote:
>

>By the way your markup is not valid. Check it at http://validator.w3.org
>(or with nsgmls).

>
Thanks. Is there a way to validate a file? In the URL there I
entered
>
file:///C:/Documents%20and %20Settings/whatever
>
and it says that type of URL is not supported.

That's because the website can't read a file from your local disk. In
general that's a good thing-- you don't want just any website you visit
to be able to read your personal files.

You can use the "Direct Input" option and just paste your markup into
the box.

I know I didn't have a DOCTYPE.
>
Dreamweaver has a function to validate markup, and it only says that
my select tag is missing the name value. Strange.

You have to have a DOCTYPE to validate properly, and you should use one
anyway to avoid the unpredictabilit y of quirks mode.

Use this one:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

http://www.validome.org/ lets you upload a file to validate, and it
errors out that DOCTYPE is missing. After I enter the DOCTYPE, an
empty head section, I get several errors.

Yes that sounds like it's doing something.

**Johannes Koch** · Sep 8 '08, 04:05 PM

Re: How to display table and select next to each other

Ben C schrieb:

On 2008-09-08, removeps-groups@yahoo.co m <removeps-groups@yahoo.co mwrote:

>On Sep 8, 12:21 am, Ben C <spams...@spam. eggswrote:
>>

>>By the way your markup is not valid. Check it at http://validator.w3.org
>>(or with nsgmls).

>Thanks. Is there a way to validate a file? In the URL there I
>entered
>>
>file:///C:/Documents%20and %20Settings/whatever
>>
>and it says that type of URL is not supported.

>
That's because the website can't read a file from your local disk.

You would request a file "/C:/Documents%20and %20Settings/whatever" on
the _W3C's validator web server_. This may not exist. And, of course,
they don't want anybody to read files on _their_ server.

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

**Bergamot** · Sep 8 '08, 08:45 PM

Re: How to display table and select next to each other

BootNic wrote:

>
The following URL may display as desired. It does use a wee bit of
invalid CSS in an attempt to support more Mozilla browsers.
>
http://tinyurl.com/5fmn8o

Forget the invalid CSS... I thought surely this is invalid HTML - a
select element that is *not* inside a form element - yet it passes HTML
4.01 Strict validation.

Curious.

--
Berg

**Roy A.** · Sep 8 '08, 11:45 PM

Re: How to display table and select next to each other

On 8 Sep, 22:36, Bergamot <berga...@visi. comwrote:

BootNic wrote:
>

The following URL may display as desired. It does use a wee bit of
invalid CSS in an attempt to support more Mozilla browsers.

>

http://tinyurl.com/5fmn8o

>
Forget the invalid CSS... I thought surely this is invalid HTML - a
select element that is *not* inside a form element - yet it passes HTML
4.01 Strict validation.
>
Curious.

HTML 4 Document Type Definition

http://www.w3.org/TR/REC-html40/sgml/dtd.html

"The elements used to create controls generally appear inside a FORM
element, but may also appear outside of a FORM element declaration
when they are used to build user interfaces."
<http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.2.1>

**Jukka K. Korpela** · Sep 9 '08, 03:35 PM

Re: How to display table and select next to each other

Roy A. wrote:

"The elements used to create controls generally appear inside a FORM
element, but may also appear outside of a FORM element declaration
when they are used to build user interfaces."

The "but" part really means that the authors of HTML specifications wanted
to allow, at the syntax level, the use of <inputelement s and other form
fields elements so that they are handled completely via client-side
scripting (read: JavaScript).

As a side effect, the syntax also allows <textareato be used just to
create a scrollable text box - which is almost always a foolish idea.

ObCSS: You can use CSS to make a <divelement (or e.g. <pelement)
scrollable.

Yucca

How to display table and select next to each other

How to display table and select next to each other

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment