Can you make a </FORM> not insert a break?

[Magic2K2]

Is there a way to make it so a form doesn't automatically break after you close it? It makes an extra space I don't want. Example: http://www.hoopsavenue.com on my left side login thing.

[Dusty]

Is there a way to make it so a form doesn't automatically break after you close it?Much to the dismay of Meow ;), you can put the form between the elements of a table, ie:

<table>
<form>
<tr>
<td>

Content Here

</td>
</tr>
</form>
</table>

That will eliminate the space.

[Mekhu]

That's sweet, I never knew you could get rid of those damn things.

Thanks!

Mekhu

[meow]

Originally posted by Magic2K2
Is there a way to make it so a form doesn't automatically break after you close it? It makes an extra space I don't want. Example: http://www.hoopsavenue.com on my left side login thing.
Since you are using CSS ayway why not simply give FORM "margin-top: 0; margin-bottom: 0" (or whatever you want)?

[Magic2K2]

nice, meow...i will try that.

While we're at it, why doesn't my CSS work in Netscape?

[Dusty]

why doesn't my CSS work in Netscape?You mean the size of your form elements (that's the only thing I could see on your page)? Two reasons:

1) For the font family, don't surround the fonts with quotes.

2) For the size, you can't just give a number, have to have the units too. So, instead of "10", write "10pt" for "ten points".

[meow]

NS4x? It's old...the styling of the form you'll never get to work.

When it comes to that you loose the font face in some tables it can depend on three things.

In an ideal world it would e enough to specify something for BODY and it would be valid all the way down. But sometimes tables ---- it up.
To be safe you have to specify the font for all elements or at least for the ones "closest" to the text. Like if all text had been in paragraphs, setting the font for P would have been enough for the bulk of it.

Then you have a couple of errors that IE let pass in it's adorable sloppy way. ;)
In CSS you don't quote the whole group of alternate fonts. Only the ones with spaces in the name. And values must have a unit. "font-size: 12" means nothing at all.

If you fix it something like this (assuming you want 12 and 10 pixels) it will work.

body,td,select,input { font-family: Verdana, Arial, "Times New Roman" }
body,td { font-size: 12px }
select,input { font-size: 10px }

[Dusty]

NS4x? It's old...the styling of the form you'll never get to work.What makes you think Magic2K2's talking about NS4.x?

[Magic2K2]

I was talking about 4.76 actually. Thats the only Netscape I have on hear and my site looks pretty bad on it. I haven't seen it on higher versions. I just wish Netscape would go away.

[Dusty]

Ever considered an upgrade?

Anyway, your form elements (the text box, the password box, etc.) are terribly large in Netscape 6.1, that's because of my post above. They're too large in Netscape 4.5, too, but that's easy enough to fix, just put them in a font tag, i.e. <font face=verdana size=-2><input type=text></font>. Other than that, your page doesn't look that bad.

You might also substitute "Add To Favorites" with "Add To Sidebar" for Netscape 6.x users. Things would be so much easier if IE would just go away. :)

[Mekhu]

Dusty, wanna help me with a form question....

www.edupraxis.ca, the find element form field is very large...

How do I shrink down the input box so it looks the same in NS6 and IE4.x +?

Thanks,

Mekhu

[Dusty]

In the style attribute of the "Find In Page" box, add "width:110px" (you can adjust that, but I thought 110 looked pretty good).

[Dusty]

You might also want to include a height attribute, maybe 18 or 19 pixels, those look almost identical in IE and NS.

[Mekhu]

So instead of using the "size" tag I use the tag "width"?

Mekhu

[Dusty]

No, where you've got:

<input name="string" type="text" size=13 onChange="n = 0;" value="Find In Page" style="font-family:verdana; font-size:12px; background-color:#295369; color:#FFFFFF; border:1px solid #FFFFFF; font-weight: bold">

Change that to:

<input name="string" type="text" size=13 onChange="n = 0;" value="Find In Page" style="font-family:verdana; font-size:12px; background-color:#295369; color:#FFFFFF; border:1px solid #FFFFFF; font-weight: bold; width:110px; height:18px;">

Just ignore the size, the width and height override it. Both browser interpret "size" differently, neither one chooses the obvious 13 characters (IE renders it more like 11 characters, Netscape's more like 20).

[meow]

And how do you make that work in NS4X? :confused:

[Dusty]

The question was for Netscape 6. You can't make it perfect in Netscape 4, but you can make it reasonably sized by just using regular font tags.

[meow]

I don't think that was the problem but whatever...

[Dusty]

Are you talking about Magic2K2 question? We're talking about Mekhu's problem now, Meow, Magic2K2's was solved already. Mekhu asked how to make the form elements be the same size in both IE4.x and NS6.x.

Too many of you have names starting with "M"!

[meow]

:eek: You're right. I never noticed. :robot2: