Log In · Register

 
 
Closed TopicStart new topic
This has probably been asked a ton of times..
TheJenParade
post 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!!
 
ximxaxfakex
post 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.
 
ximxaxfakex
post 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.
 
TheJenParade
post Jul 11 2007, 04:38 PM
Post #4


Newbie
*

Group: Member
Posts: 5
Joined: Jan 2007
Member No: 497,176



QUOTE(ThomasC @ Jul 11 2007, 04:45 PM) *
Yeah, that one makes the square corners. She said she had that one. She needed the one with the rounded corners.

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
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.
 
YourSuperior
post 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>
 
ximxaxfakex
post Jul 11 2007, 05:02 PM
Post #6


Senior Member
***

Group: Member
Posts: 44
Joined: Feb 2006
Member No: 382,295



QUOTE(Alvin @ Jul 11 2007, 05:50 PM) *
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.?
 
YourSuperior
post 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.
 
YourSuperior
post Jul 11 2007, 05:27 PM
Post #8


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124



QUOTE(ThomasC @ Jul 11 2007, 05:21 PM) *
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.
 
YourSuperior
post 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
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: