All Questions
18
questions
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 ...
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?
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 ...
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.
...
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="...
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 ...
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/...
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 ...
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 ...
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 ...
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="...
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 ...
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-...
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 ...
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 ...