This has probably been asked a ton of times.. |
![]() ![]() |
This has probably been asked a ton of times.. |
Jul 11 2007, 01:33 PM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Jan 2007 Member No: 497,176 |
But I reallllly need the code for this type of box..
![]() All the ones I find have a squared border and i need it rounded like that one ^^ please and thankkkk you!! |
|
|
|
Jul 11 2007, 02:23 PM
Post
#2
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 44 Joined: Feb 2006 Member No: 382,295 |
CODE <fieldset><legend>TITLE HERE</legend> BODY HERE</fieldset> i'm pretty sure that is how you do it. |
|
|
|
Jul 11 2007, 03:48 PM
Post
#3
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 44 Joined: Feb 2006 Member No: 382,295 |
i don't know, i just found it.
and it worked for me. no pointed corners, i don't have time right now to do a screenshot. but take my word for it. it did work, rounded corners. |
|
|
|
Jul 11 2007, 04:38 PM
Post
#4
|
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Jan 2007 Member No: 497,176 |
Yeah, that one makes the square corners. She said she had that one. She needed the one with the rounded corners. yeah it wasn't photoshopped. I used to have the code for it but I changed my myspace around and decided not to use it, but now i need it back lol.
Where have you seen a fieldset like that? Are you sure it wasnt photoshoped? I searched w3c and found nothing on customizing the feildset form |
|
|
|
Jul 11 2007, 04:50 PM
Post
#5
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
Actually, the code that "ximxaxfakex" gave is the correct code for the rounded corners. Except, the corners are only rounded in Internet Explorer, and they are square in Mozilla Firefox. So the corners will only be rounded in Internet Explorer and not in Mozilla Firefox. But in order for the corners to be round in Firefox you must use this code:
CODE <fieldset style="-moz-border-radius: 7pt;"><legend>TITLE HERE</legend>
content </fieldset> |
|
|
|
Jul 11 2007, 05:02 PM
Post
#6
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 44 Joined: Feb 2006 Member No: 382,295 |
Actually, the code that "ximxaxfakex" gave is the correct code for the rounded corners. Except, the corners are only rounded in Internet Explorer, and they are square in Mozilla Firefox. So the corners will only be rounded in Internet Explorer and not in Mozilla Firefox. But in order for the corners to be round in Firefox you must use this code: CODE <fieldset style="-moz-border-radius: 7pt;"><legend>TITLE HERE</legend> content </fieldset> oh i didn't know that. if i use the code you provided, will it be rounded in both IE and Mozilla Firefox.? |
|
|
|
Jul 11 2007, 05:08 PM
Post
#7
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
It should be rounded in both. Try it and see, if it doesn't then I'll write you another script.
|
|
|
|
Jul 11 2007, 05:27 PM
Post
#8
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
Alvin the code still has sqare edges in Opera, usually moz codes work in Opera. =( Well, I dont know anything about opera, so I wouldn't know what to tell you. It shows rounded edges in Firefox. It should work since you said -moz- works in Opera also. Try one of these Thomas: 1. CODE <fieldset style="o-border-radius: 7pt;"><legend>TITLE HERE</legend> content </fieldset> 2. CODE <fieldset style="-o-border-radius: 7pt;"><legend>TITLE HERE</legend> content </fieldset> Tell me which one works in Opera at all. |
|
|
|
Jul 11 2007, 05:31 PM
Post
#9
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 |
Oh okay, well I thought it would work since I was reading this article: http://www.webmasterworld.com/forum83/9031.htm
|
|
|
|
![]() ![]() |