Skip to main content

All Questions

Tagged with
14 votes
9 answers
14k views

How can I make a fieldset legend-style "background line" on heading text?

I'm attempting to style heading text similar to how your default legend text appears in fieldsets; that is to say, I'd like a strikethrough-like line to come up to, but not through, the text. I can't ...
Meshaal's user avatar
  • 704
59 votes
7 answers
80k views

Which CSS tag creates a box like this with title?

I want to create a box like this with title: Can any one please let me know if there is a default CSS tag to do this? Or do I need to create my custom style?
Mozammel's user avatar
  • 1,051
28 votes
7 answers
29k views

Default CSS values for a fieldset <legend>

I'm trying to use a <legend> as a title inside a <fieldset>. In browsers other than IE, the <legend> is positioned on the top border of the <fieldset>, with the text perfectly ...
Marko's user avatar
  • 71.9k
41 votes
2 answers
14k views

Why won't my <legend> element display inline?

I am trying to apply display: inline; to the <legend> element in my <fieldset> element, so that the following <span> will follow on the same line, but my CSS is having no effect. ...
Mild Fuzz's user avatar
  • 30.3k
23 votes
6 answers
14k views

Cannot add `margin` to `<legend>` element in Safari & Chrome (WebKit)

EDIT: As of 2012-06-11 this bug has been finally fixed! https://bugs.webkit.org/show_bug.cgi?id=35981#c1 I have some pretty straightforward markup: <form action=""> <fieldset class="...
Graham Conzett's user avatar
9 votes
4 answers
14k views

legend tag and Chrome

I've looked everywhere but to no avail. I got a <legend> in a form, which displays as I want in every browsers, except in Chrome. It's like it sits outside of the fieldset, or it's like it ...
Shaoz's user avatar
  • 10.6k
9 votes
2 answers
29k views

Fieldset: Center legend

as asked many times before (but never really answered) I want to center a legend in a fieldset. The trick was done perfectly here, which I also bought for my project: http://themeforest.net/item/...
philkunz's user avatar
  • 441
43 votes
10 answers
98k views

How to position the legend inside a fieldset with a border? [duplicate]

According to the several references on the web, it is not possible to position a legend. So it is suggested to wrap it with span: <legend><span>Foo</span></legend> Then we ...
nocss guy's user avatar
  • 433
26 votes
3 answers
95k views

How can I control the placement of my Chart.JS pie chart's legend, as well as its appearance?

I am able to create a pie chart using Chart.JS with this code: HTML <div> <canvas id="top10ItemsChart" style="padding-left:20px" width="320" height="320"></canvas> <div ...
B. Clay Shannon-B. Crow Raven's user avatar
7 votes
2 answers
11k views

Make a legend fill up the full width within the fieldset

I would like to have a background for a legend field within a fieldset. And I want it to take up the full width, but only within the fieldset. If I use legend {width: 100%} it will be wider than the ...
Jonas's user avatar
  • 127k
3 votes
1 answer
3k views

Why does Firefox 4 absolutely position fieldset legends differently than other browsers?

Why does Firefox 4 absolutely position fieldset legends differently than other browsers? Test page: <!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="...
XP1's user avatar
  • 7,083
3 votes
3 answers
5k views

How do I place the legend outside the fieldset border

I am going crazy trying to figure out how to make this work. I would like the legend to be outside of the border. How can I make this happen while keeping the legend tag? As you can see below I tried ...
Ellen Harris's user avatar
1 vote
1 answer
2k views

JavaFX StackedBarChart legend color don't follow chart color CSS styled

In my application (JDK 1.8u51) I want to set some specific colors to some data categories in a StackedBarChart. I made this with a CSS as bellow : .root{ -fx-ok-color: darkgreen; -fx-critical-...
MaxD's user avatar
  • 377
1 vote
2 answers
4k views

Remove fieldset boarder and box-shadow from legend element

I am trying to remove the background lines and shadows from the area where my legend is. Once I set the background to transparent in the legends property I can still see the lines. My code is as ...
user2909044's user avatar
0 votes
2 answers
2k views

Getting LEGEND tags to wrap text properly

Legend tags are always a nuisance as they don't adhere to a lot of CSS rules. I'm trying to get the text within a LEGEND tag to wrap using the typical solution of wrapping the text in the LEGEND with ...
DA.'s user avatar
  • 40.5k

15 30 50 per page