Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


 
 
LinkBack Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 07-21-2009, 06:45 PM   #1 (permalink)
Moderator
 
Hades's Avatar
 
Join Date: 01-23-07
Location: Buenos Aires, Argentina
Posts: 1,218
iTrader: 0 / 0%
Hades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest orderHades is a web professional of the highest order
Fluid forms?

Hello all, hoping to get some help here since I can't find anything by googling about this issue.

I've been asked to do a form like in the attachment, the form container has a fixed width, and inside of it the labels and inputs are fluid (the inputs adapt themselves to the size of the labels).

My HTML code looks liek this:

HTML Code:
<form method="post" action="#"> <h1>Typical Form Page</h1> <div class="entry"> <label for="lbl1">Label 1</label> <input type="text" name="lbl1" id="lbl1" /> </div> <div class="entry"> <label for="lbl2">Another Label</label> <input type="text" name="lbl2" id="lbl2" /> </div> <div class="entry"> <label for="lbl3">Yet another Label</label> <input type="text" name="lbl3" id="lbl3" /> </div> </form>
Obviously I can't set a fixed size for the labels or the inputs because those are not defined yet, the client wants to be able to code any label and have the input adapt itself to the fixed size of the form.

Is that doable without any crazy javascript?

Thanks!
Attached Thumbnails
Click image for larger version

Name:	formd.jpg
Views:	13
Size:	32.3 KB
ID:	10025  
__________________
Hades,
Ancient god, King of the Nether World, and Guardian of the Dead.
...and on my free time I'm also a web developer, contact me if you need one!

Last edited by Hades; 07-21-2009 at 07:06 PM.. Reason: clarity
Hades is online now  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

 


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Fluid vs Fixed Width chicgeek Web Design Lobby 87 11-24-2009 01:14 AM
Web site sizing: fluid designs AZ_Scott Web Design Lobby 32 07-06-2009 01:56 PM
Fluid Mask reteep Graphic Design Forum 5 08-25-2006 02:23 AM


Sponsor Links
Get exposure! Contextual Links V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 12:43 PM.
© Copyright 2008 V7 Inc
Powered by vBulletin
Copyright © 2000-2009 Jelsoft Enterprises Limited.


Search Engine Optimization by vBSEO 3.3.0 ©2009, Crawlability, Inc.