HighDots Forums  

Displaying form elements in a block

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Displaying form elements in a block in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
CJM
 
Posts: n/a

Default Displaying form elements in a block - 11-04-2003 , 07:43 AM






I'm adding some extra features to an intranet-based ASP application...

As part of the process, I thought I would give the html a mid-life upgrade,
ie. remove much of the tag-soup, replace with CSS and validate.
I'm not introducing full CSS-P at this stage, but where I can I'm trying
make inprovements.

The page uses a 3 frame layout. The left frame contains a form with a
textbox and a number of buttons (<input type="button">).
[No, I wish it didn't use frames either - but short of re-writing the whole
app, I have no choice]

Rather than bind the form in a table, I'm trying to use CSS-P determine the
layout. I've tried using display:block at various points but cant get the
results I want. [the elements just dont seem to react!]

So how do I get the following to display as a vertical list of elements?

<body>
<form>
<input type="button">
<input type="text">
<input type="button">
<input type="button">
</form>
</body>

Apologies for the pseudo-code - I'm still working on getting the 'real' code
to validate, and I didn't want to cloud the issue.

Thanks

Chris



Reply With Quote
  #2  
Old   
William Tasso
 
Posts: n/a

Default Re: Displaying form elements in a block - 11-04-2003 , 07:57 AM






CJM wrote:
Quote:
...
Rather than bind the form in a table, I'm trying to use CSS-P
...
So how do I get the following to display as a vertical list of
elements?

body
form
input type="button"
input type="text"
input type="button"
input type="button"
/form
/body
does this help? http://www.williamtasso.com/contact.asp

Quote:
Apologies for the pseudo-code - I'm still working on getting the
'real' code to validate, and I didn't want to cloud the issue.

ahem: now don't start ;o)

--
William Tasso - http://WilliamTasso.com




Reply With Quote
  #3  
Old   
William Tasso
 
Posts: n/a

Default Re: Displaying form elements in a block - 11-04-2003 , 01:51 PM



CJM wrote:
Quote:
does this help? http://www.williamtasso.com/contact.asp


Er... not as much as I would like! I'm almost certainly missing a
simple but fundamental point. It's probably a typo somewhere.
each input element needs to be (or better contained in) a block level
element to get the effect you want.

Quote:
...
PS. I don't care much for your colour scheme,
<sulk mode="frankenfurter">I didn't build it for you</sulk>

Quote:
but I like your logo.
Very topical! Not sure our antipodean friends would approve! lol

he heh - glad to be of service

--
William Tasso - http://WilliamTasso.com




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.