473,545 Members | 2,032 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

legend in fieldset, position horizontally as centrified

Can the legend element in fieldset be placed automatically by Mozilla
horizontally in the middle of fieldset?

Jul 20 '05 #1
2 14140
Marek Mänd wrote:
Can the legend element in fieldset be placed automatically by Mozilla
horizontally in the middle of fieldset?


Maybe. What have you tried? I'd start with text-align: center on
fieldset. You might also try positioning:

fieldset {position: relative;}
legend
{position: absolute;
left: 50%;
width: 10em;
margin-left: -5em
}

--
Brian (remove "invalid" to email me)
http://www.tsmchughs.com/
Jul 20 '05 #2
Brian wrote:
Marek Mänd wrote:
Can the legend element in fieldset be placed automatically by Mozilla
horizontally in the middle of fieldset? Maybe. What have you tried?


In Opera7.54 setting
margin-right:auto makes the legend to be on the left
margin-left:auto makes the legend to be on the right

margin-left:auto margin-right:auto makes the legend to be in the center.

Opera doesnt honour explicit pixel values like
margin-left:30px

Mozilla 1.72 aswell as IE6 do honour explicit pixel values for
margin-left, yet they doent understand the margin auto stuff.
I'd start with text-align: center on fieldset. You might also try positioning:

fieldset {position: relative;}
legend
{position: absolute;
left: 50%;
width: 10em;
margin-left: -5em
}


Your proposed along with mine code (601 bytes)
http://www.hot.ee/idaliiga/testcases...ify_legend.htm
shows that your proposed solution will not likely work in current Mozillas.
Jul 20 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

14
10755
by: Ian Rastall | last post by:
I'm curious as to the group's feelings about using the <fieldset> and <legend> tags around elements other than <form> elements ... I wrote a small test file: <http://www.learnsomethingnew.us/fieldset.html> to illustrate this, and it validated at both the W3C and WDG sites. (It's a <fieldset> around a <table> and <p>). I'm able to view it...
1
12678
by: Falc2199 | last post by:
Hi all, I am using the "Poistion" attribute to correctly align a column of images that I have on a table. The code looks like so.... <TD valign="top" class="listinglight" align="left"> <A href="somewhere.html" style="position: absolute; left: 25px;"> <IMG src="CopyButton.gif" border="0" /></A> <A href="anywhere.html" style="position:...
3
20217
by: Trent | last post by:
Hello, I have a <fieldset> in a <TD>. I want the fieldset to be as high as the TD. Setting the fieldset's height to 100% works in IE. Opera ignores it. Firefox & Netscape 7.1 give it the height of the whole page. Any suggestions? Here is my code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
0
2994
by: Anne van Kesteren | last post by:
Ok, here it goes. Originally I submitted this proposal to www-style. Since I don't get feedback there, I think I missed a few (maybe a lot) of points. Proposal: <http://lists.w3.org/Archives/Public/www-style/2003Nov/0096.html> (for some strange reason I can't post to that list myself) The first point I missed was of course that CSS3UI is...
4
26044
by: Adam Smith | last post by:
Hello, Can I use <fieldset><legend><tr><tr> </tr></tr></fieldset></legend> to select multiple rows in a Table such that I can demarcate several rows containing form elements in a table? Thanks
5
10137
by: dubing | last post by:
Hi, We have some html source like this: <div class="survey"> <form action="students/cbe-graduate-students/survey.html" method="post" id="frmPbSurvey"> <fieldset class="survey_item"> <legend class="question"><span class="questionNumber">6.</span>If the
3
3171
by: JackRbt | last post by:
if FF everything looks fine, but in IE7 the text color is black. fieldset { color: #336699; font-family: arial,verdana,sans-serif; font-size: 10pt; font-weight: bold; }
5
3867
by: jcage | last post by:
I'm trying to line up two columns in a form using html check boxes but haven't been successful in aligning the right side. Left side is easy enough but I can't get the right side to align within the legend tag. Anyone have any ideas? I've tried using a table but that places the right hand side outside of the legend tag, though does a good...
6
19262
goatboy
by: goatboy | last post by:
So I am hosting a site from my home server, and I would like the main page to be an area for updates about the site. I am providing these updates in a blog-style format, using this code: <form><fieldset> <legend>December 15, 2009</legend> <p>This is an update. Lorem ipsum, etc. etc. and so on.</p> --goatboy
0
7409
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...
0
7921
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7437
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
5982
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5343
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
4958
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
0
3465
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...
1
1900
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
0
720
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.