Link to home
Create AccountLog in
Avatar of team2005
team2005

asked on

Rounded corners html

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

Avatar of Gurvinder Pal Singh
Gurvinder Pal Singh
Flag of India image

Hej

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

http://www.css3.info/preview/rounded-border/
Avatar of team2005
team2005

ASKER

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+
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?
I want the solution to work on ALL browsers out there...
ASKER CERTIFIED SOLUTION
Avatar of Carlos Llanos
Carlos Llanos
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
There is a SitePoint book on HTML5 and CSS3.  Make a search for it, buy the book, and try their solutions - it works great!
Thanks