All Questions
81
questions
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?
- 1,051
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 ...
- 433
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.
...
- 30.3k
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 ...
- 71.9k
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 ...
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="...
- 8,414
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 ...
- 704
10
votes
5
answers
14k
views
Two legends in a fieldset
You can't have two legends for a given fieldset, but is there a way to get a legend effect without using the <legend> tag?
<!-- left legend -->
<fieldset>
<legend>
...
- 3,513
10
votes
4
answers
13k
views
Can any HTML element be styled as a fieldset/legend?
Using the display property, HTML elements become interchangeable from a styling perspective. This doesn't seem to be the case for fieldset and legend, however.
Is it possible to style other HTML ...
- 2,726
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/...
- 441
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 ...
- 10.6k
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 ...
- 127k
4
votes
2
answers
12k
views
Fieldset not properly displaying
I'm trying to use a fieldset but it is not working as exactly i wanted...
The legend is displayed outside fieldset...But I want it covered like normal fieldsets.
My code is,
<fieldset style="...
- 73
4
votes
0
answers
3k
views
how to give custom design (icons) for point Style of chart js legends?
I have a chart which designed based on a mock-up but the the mock-up chart has used custom icons for legends pointStyles which basically i couldn't find them in chart JS itself, i tried different ...
- 707
4
votes
0
answers
2k
views
Safari 11 Bug Fieldset-Legend with Overflow Hidden and Click
Since Safari 11 for Mac checkboxes (and links/other click-events) are inaccessible when placed in a <legend>, does anyone know of a workaround? JS fiddle contains a demo, neither the checkbox ...
- 2,356