OPGELOST - Rounded corners kloppen niet in Chrome
Ik kan heel moeilijk uitleggen wat het probleem is... In ieder geval, krijg ik geen rounded corners, en als ik ze wel krijg, zie ik het tabeletje er doorheen verschijnen. Ziet iemand mijn fout?
Groet, Donny
<style>
body {
background:#333;
color:#FFFFFF;
}
.table {
-moz-border-radius: 15px;
border-radius: 15px;
border-width:5px;
border-color:#FFFFFF;
}
</style>
</head>
<body>
<table border="0" width="250" class="table" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td> Test</td>
<td> test2</td>
</tr>
</table>
Toevoeging op 01/04/2012 21:35:37:
Ik ben ongeduldig........ Heb de oplossing al: border-width:medium;
Gewijzigd op 01/04/2012 21:35:50 door Donny Wie weet
Je hebt nu maar 1 prefix voor je border-radius. Deze is niet voor alle browsers geldig. Hier zijn enkele regels extra nodig.
Code (php)
1
2
3
4
5
2
3
4
5
#menu {
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
}
