Just nu i M3-nätverket
Gå till innehåll

Rundade hörn i tabellram?


KarlGunnar

Rekommendera Poster

Jag försöker på något sätt att få rundade hörn på exvis en tabellram (border). Har testat med följande exempel:

 

 

<html>

<head>

<style type="text/css">

.style1

{

width: 200px;

height: 200px;

border: 2px solid #CC0000;

border-radius: 15px; }

 

</style>

</head>

<body id="Body1" bgcolor="#f0efe3" runat="server">

<form id="Form1" runat="server">

<table id="tblHuvud" cellpadding="0" class="style1" align="left"

cellspacing="0">

<tr>

<td>

</td>

</tr>

</table>

</form>

</body>

</html>

 

Jag skriver i CSS border-radius: 15px

Här får jag då följande tool-tip-meddelande: Validation CSS 2.0 'border radius' is not a known CSS property name. Vad jag förstår finns det endast i CSS3. Men hur får jag in CSS3?

Länk till kommentar
Dela på andra webbplatser

Jag tror inte du kan specificera att du vill använda CSS3. Om browsern stödjer det så kommer den använda det.

 

Men du kan prova med att specificera html5, html5 och css3 brukar gå hand i hand. Du specificerar html5 genom att lägga till rätt doctype i början av html-filen.

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

Länk till kommentar
Dela på andra webbplatser

Jag har testat med med moz och webkit där funkar det och det blir runda fina hörn, men när jag använder IE9 fungerar det inte. Om jag inte har fel så ska väl CSS3 gå att köra i IE9.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...