|
|
Posted by Tim Streater on 07/06/07 23:23
In article <Xns996597CECA25Carbpenyahoocom@69.28.186.121>,
Adrienne Boswell <arbpen@yahoo.com> wrote:
> Gazing into my crystal ball I observed Tim Streater
> <timstreater@waitrose.com> writing in news:timstreater-
> E9D5D5.22344806072007@individual.net:
>
> > I post an example here which is giving me ulcers. I've cut it down to
> > the minimum possible to illustrate the problem.
>
> A URL would be much better, but...
>
> >
> > There are two tables. In the first, the rows with the buttons render
> > with extra space at the bottom of the cell, below the text area and the
> > button. Why is this space there and how do I get rid of it? I sort of
> > succeed in this with the second table, but I have to delete the </form>
> s
> > to achieve it.
>
> Form is a block element. If you want to use a table with form you have
> to put the form element outside the table element.
See below.
> > Under OS X, Safari and Firefox give me the extra space in every row of
> > the first table, Safari gives none in the second while Firefox only
> > gives none for buttons 5 and 6. IE renders both tables identically.
> >
> > Under XP I only tried Firefox and it appears to behave the same as on
> > the Mac.
>
> Again, a URL would be helpful.
>
> >
> > I cut down the style sheet referred to and it now contains just:
> >
> > .mtext {FONT: 11px verdana,tahoma,arial; color: #000000;}
>
> You know, don't you that IE can't resize pixels, and are you sure that
> 11px is going to be large enough for me to see?
This is taken from the front end of our assets database that helps us to
manage our Europe-wide network. No complaints about this so far. I doubt
if any of our user base is using IE, although obviously I test what I am
doing against it.
> >
> > Any clue about how to remove the unwanted space appreciated. If there
> > are better ways of doing this I can store that up and try to apply it
> > later.
> >
>
> Yes, get rid of the tables and use the right tool for the job - label
> elments and CSS.
I want to know what's going on. If there's a better technique I can look
at that in parallel. For the moment that's not relevant.
> >
> >====== start of html =====
> >
> ><html>
>
> No DocType?
I indicated above that I cut this example down to the bare minimum of
text to demonstrate my issue.
> ><head>
> ><link REL=stylesheet HREF=my-style.css TYPE=text/css>
>
> No title element? How am I supposed to know where I am?
See above.
> ></head>
> ><body>
> ><table border=1 class=mtext>
> > <tr>
> > <td>some text</td>
> > </tr>
> > <tr>
> > <td><form>
>
> What is the action of the form? What is the method of the form?
[snip childish twaddle interspersed with my example]
> So, now my question becomes - what the heck are you trying to do here?
> None of these forms have actions or methods. No names for the input
> elements, so no way to send name/value pairs.
You do know what the word "example" means, do you? None of your foolish
comments are germane to the issue.
Oh gee, no action attribute for the form? No method? No names to the
input elements? No action script for the buttons? Well duh! Silly me! I
guess the HTML and Javascript books on my desk aren't meant to be
doorstops after all.
> If you want to have a nice looking form that lines up the elements, use
> labels and CSS. An example is here:
> http://intraproducts.com/usenet/requiredform.asp . This can be easily
> ported to PHP, or any other server side language, and the HTML/CSS are
> all there to see.
Hmm, doesn't look much different to the many forms I already have
implemented using mysql, PHP, and Javascript.
If you mean that putting a form inside a table cell gives unpredictable
results then say so. That would have been useful. Otherwise next time
try to keep your snide remarks to yourself.
[Back to original message]
|