Help - Search - Member List - Calendar
Full Version: space in forms (form, input)
WorkTheWeb Forums > Webmaster Resources > Webmaster - General Help
Support our Sponsors!
Yoghurt
Hi,
I have problem with unwanted space between <input> tags. I want eliminate
this space and I don't know how to do this... I am near crazy here :(

This example works correctly on FireFox browser (top and bottom borders are
connected without any space - like I want) but on IE6.0 browser NOT (here
is 2px space between inputs - I need eliminate this space in IE 6.0). I be
grateful if anybody can help.

thanks
Yoghurt

ps. sorry for my english :P

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

<html>
<head>
<style type="text/css">
<!--
input
{
border: 1px solid #AAAAA;
padding: 3px;
margin: 0px;
}
-->
</style>
</head>

<body>

<form>

<div>
<input input="text">
</div>
<div>
<input input="text">
</div>


</form>

</body>
<html>
--------------------------- eof

Jerry
Yoghurt wrote:
QUOTE
Hi,
I have problem with unwanted space between <input> tags. I want eliminate
this space and I don't know how to do this... I am near crazy here :(

This example works correctly on FireFox browser (top and bottom borders are
connected without any space - like I want) but on IE6.0 browser NOT (here
is 2px space between inputs - I need eliminate this space in IE 6.0). I be
grateful if anybody can help.

thanks
Yoghurt

ps. sorry for my english :P

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

<html
<head
<style type="text/css"
<!--
input
{
border: 1px solid #AAAAA;
padding: 3px;
margin: 0px;
}
--
</style
</head

<body

<form

<div
<input input="text"
</div
<div
<input input="text"
</div


</form

</body
<html
--------------------------- eof

margin: -1px 0 -1px 0;

Don't forget to *close* your <html>.


--
Jerry

Yoghurt
QUOTE
margin: -1px 0 -1px 0;

this working only on IE but on FireFox one input overlap this second. I
must figure out something what gives me same efect on IE and FF... maybe
you have any ideas?

QUOTE
Don't forget to *close* your <html>.

sure :) i forget put '/' into this tag :P

thanks for answer :)
Yoghurt


PHP Help | Linux Help | Web Hosting | Reseller Hosting | SSL Hosting
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2006 Invision Power Services, Inc.