Rounded corners html

team2005
team2005 used Ask the Experts™
on
Hi!

I have the included code for making textboxes /with headers

What i want is to make a textbox with rounded corners...
How do i do that ?

Must work for IE7+


<table class="forsidetabell_rek1" width="100%" border="0" valign="top">
	<tr>
	   <td width="49%" valign="top">
	     <div class="leftside_detail" style=" vertical-align:top; text-align:left; "><div style="height:23px; vertical-align: middle; " class="module_head">
	     <div class="module_head" style="display:inline; float:left; padding-left: 6px; vertical-align:middle; height:20px; padding-top:3px;">
		      Slik lager du en god profil
	     </div>
	
	        <div style="clear:both;"></div>
         </div>
	  
			<p>Den f&oslash;rste daten... Teks...Sp&oslash;r Grete om det du lurer p&aring; i tilknytning til singellivets mange gleder og utfordringer. Her kommer det mere tekst da
			   Viktig og vere tolmodig da... Men dette blir nok helt ok. Bare den blir ferdig snart da... Ordner det sikkert.. </p>
	   </td>
	   
	   <td>&nbsp;&nbsp;&nbsp;</td>
	   	<td width="49%" valign="top">
	     <div class="leftside_detail" style=" vertical-align:top; text-align:left; "><div style="height:23px; vertical-align: middle; " class="module_head">
	     <div class="module_head" style="display:inline; float:left; padding-left: 6px; vertical-align:middle; height:20px; padding-top:3px;">
		      Slik lager du en god profil 2
	     </div>
	
	        <div style="clear:both;"></div>
         </div>
	  
			<p>Den f&oslash;rste daten... Teks...Sp&oslash;r Grete om det du lurer p&aring; i tilknytning til singellivets mange gleder og utfordringer. Her kommer det mere tekst da
			   Viktig og vere tolmodig da... Men dette blir nok helt ok. Bare den blir ferdig snart da... Ordner det sikkert.. </p>
	   </td>
	
	
	  </tr>
	
    </table>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
Hej

Maybe this can help you. Using CSS, Border-radius !!

http://www.css3.info/preview/rounded-border/

Author

Commented:
Hi!

Cant get this to work in my code.
http://www.css3.info/preview/rounded-border/

Please sombody show me how to use this the right way in my code.

I want to have rounded corners -> bottom-left + bottom-right


Don't think so, since it is mentioned there also, that it will work only for IE9+

Author

Commented:
Hi!

Cant use somthing that just work for IE9.

So its not possible to get this to work in Firefox ++
Strange...
so you want the solution to work for IE7 or FF2?

Author

Commented:
I want the solution to work on ALL browsers out there...
IT Manager
Commented:
Folow this guy's post.  It works...just tried it.

http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

If you have any problems, please let me know.
Most Valuable Expert 2011
Top Expert 2016

Commented:
There is a SitePoint book on HTML5 and CSS3.  Make a search for it, buy the book, and try their solutions - it works great!

Author

Commented:
Thanks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial