Solved

HTML Two Column Fieldset Tags

Posted on 2014-12-18
1
127 Views
Last Modified: 2015-01-06
Hello all,

I have a page where I have defined a FieldSet such as:
<fieldset>
        <legend>Contact Details</legend>
        <div class="editor-label">
         My field label and control is here aka texbox
        </div>...
</fieldset>

I need to create a two column approach to the field set based on the number of fields I have and then place the CSS into my CSS file to use.   Any idea how to do this with two columns?  Worse case I will use div tags instead.
0
Comment
Question by:sbornstein2
1 Comment
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40507957
With a tiny fragment of the markup and no CSS we have no context to allow anything but quesses and vague general recommendations.

Either use two fieldsets and set the width for them to total less than the width of the vewport, and float them left; or if you want that bizarre structure with a div inside of a fieldset then use two divs with width that total less than the width of the fieldset and float them left.

If the nubmer of entries is variable the you need to handle the detail of textbox position on the server; or do something really stupid and use javascript to do the generation client side after the load.

If you need more detail then post a link to the page so we don't have to work wearing a blindfold.

Cd&
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
tiny glitch in my main slider 3 39
Hide Table in merge 3 31
Powershell output to email works, but readability is low 5 39
Do alert on select 6 13
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question