CSS fieldset attributes

Alex. · 02-28-2007, 08:26 AM

In my site, I have the CSS:

Code:

fieldset{

	border: 1px solid #FFFFFF;
	width: 10em;	 
	padding: 2px 6px;
}

legend{
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #FFFFFF;
	padding: 2px 6px;
}

I want to edit this to allow multiple, different class's of fieldset, but when I tried it:

Code:

fieldset.leftcolumn{

	border: 1px solid #FFFFFF;
	width: 10em;	 
	padding: 2px 6px;
}

legend.leftColumn{
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #FFFFFF;
	padding: 2px 6px;
}

The result came up exactly as before....
What am I doing wrong??

EDIT: I had also changed the fieldset tag to the 'class' and it doesn't work

Jim_ · 02-28-2007, 11:59 AM

Is there a reason you have a lowercase 'c' in the class name of fieldset and an uppercase one for legend?

Also, it might help to see an example of the HTML code you'll be applying the stylesheet to.

Alex. · 02-28-2007, 12:37 PM

Quote:

Originally Posted by Jim_

Is there a reason you have a lowercase 'c' in the class name of fieldset and an uppercase one for legend?

Also, it might help to see an example of the HTML code you'll be applying the stylesheet to.

O.o I totally missed that, thanks for pointing it out.

Jim_ · 02-28-2007, 04:40 PM

Okay. Make sure that your classes come after your defaults.

fieldset { }
legend { }
fieldset.class { }
legend.class { }

not

fieldset.class { }
legend.class { }
fieldset { }
legend { }

02-28-2007, 08:26 AM	#1 (permalink)
Alex. NamePros Regular Join Date: Nov 2006 Location: Uk Posts: 601 133.80 NP$ (Donate)	CSS fieldset attributes In my site, I have the CSS: Code: fieldset{ border: 1px solid #FFFFFF; width: 10em; padding: 2px 6px; } legend{ color: #FFFFFF; background: #000000; border: 1px solid #FFFFFF; padding: 2px 6px; } I want to edit this to allow multiple, different class's of fieldset, but when I tried it: Code: fieldset.leftcolumn{ border: 1px solid #FFFFFF; width: 10em; padding: 2px 6px; } legend.leftColumn{ color: #FFFFFF; background: #000000; border: 1px solid #FFFFFF; padding: 2px 6px; } The result came up exactly as before.... What am I doing wrong?? EDIT: I had also changed the fieldset tag to the 'class' and it doesn't work __________________ _\\|/_ _\\|/_ _\\|/_ _\\|/_ _\\|/_ :confused: Last edited by manofgames; 02-28-2007 at 08:29 AM.

02-28-2007, 11:59 AM	#2 (permalink)
Jim_ NamePros Regular Join Date: Aug 2005 Posts: 585 285.40 NP$ (Donate)	Is there a reason you have a lowercase 'c' in the class name of fieldset and an uppercase one for legend? Also, it might help to see an example of the HTML code you'll be applying the stylesheet to. __________________ ask me about the internet

02-28-2007, 04:40 PM	#4 (permalink)
Jim_ NamePros Regular Join Date: Aug 2005 Posts: 585 285.40 NP$ (Donate)	Okay. Make sure that your classes come after your defaults. fieldset { } legend { } fieldset.class { } legend.class { } not fieldset.class { } legend.class { } fieldset { } legend { } __________________ ask me about the internet

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)