Topic: Not sure where this goes, giving this section a try (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=10716" title="Pages that link to Topic: Not sure where this goes, giving this section a try (Page 1 of 1)" rel="nofollow" >Topic: Not sure where this goes, giving this section a try <span class="small">(Page 1 of 1)</span>\

 
Red Ninja
Bipolar (III) Inmate

From: Detroit, MI US
Insane since: Mar 2001

posted posted 04-19-2002 05:59

Why can't you absolutely position elements of a form using div and style sheets?
i.e.
(assuming feces is .feces {position:absolute; left:#px; top:#px;})
<div class="feces">
<input yada yada yada>
</div>

Is there a way around this (meaning does anybody have a better idea about how to place these various form parts in various places), or do I just have to suck it up and use the standard crappy form with a browser detector for those of the audience that have the sense to upgrade their browsers?

I await your input.

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 04-19-2002 07:50

I've tested the code from above (only thing that I added is a <form> tag around <input> tag) and it worked fine in IE, NN4+, Mozilla & Opera...


Red Ninja
Bipolar (III) Inmate

From: Detroit, MI US
Insane since: Mar 2001

posted posted 04-19-2002 09:05

Yeah, I thought of that. But the problem is that I don't want to position the entire form as is, with the various parts as they fall. I was actually hoping to position input, textareas and submit buttons individually. I even tried
(assuming feces is .feces {position:absolute; left:#px; top:#px;} and check is .check... blah blah blah, you know the rest)
<div class="feces">
<form yada yada yada>
<input yada yada yada>
</form>
</div>
<div class="check">
<form yada yada yada>
<input yada yada yada>
</form>
</div>

It didn't work either.


[This message has been edited by Red Ninja (edited 04-19-2002).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 04-19-2002 19:14

<form yada yada yada>
<div class="feces">
<input yada yada yada>
</div>
<div class="check">
<input yada yada yada>
</div>
</form>

Red Ninja
Bipolar (III) Inmate

From: Detroit, MI US
Insane since: Mar 2001

posted posted 04-23-2002 20:14

Alas, that method works, but only in IE. Netscape is a big thorn in my rumpus. Not sure about Opera yet.

Guess I'm just stuck with the usual... browser detect for IE, send Netscape users to crappy pages instead.

hlaford
Bipolar (III) Inmate

From: USA! USA! USA!
Insane since: Oct 2001

posted posted 04-24-2002 16:42

Netscape 4 will not let you position form elements. Each positioned element is essentially a different document object and cannot share the same form. If you want to position, you will have to use distinct forms in each layer and use JavaScript to consolidate all the data into one submission.

Red Ninja
Bipolar (III) Inmate

From: Detroit, MI US
Insane since: Mar 2001

posted posted 04-24-2002 18:42

Tru Dat! Good lookin out. Just the info I was looking for. I will give that a try.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu