Border Radius in <table class=""> en <tr class="">
Ik heb mn tabel gemaakt met ronde fijne hoekjes... Alleen de TR die erin staat, wil deze styl niet aannemen... Iemand enig idee? Ik zal de code hier neerzetten:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.table {
-moz-border-radius: 15px; border-radius: 15px; border-color:#FFFFFF; border-width:medium;
border-spacing:5px;
}
.table_tr {
-moz-border-radius: 15px; border-radius: 15px; border-color:#FFFFFF; border-width:medium;
border-spacing:5px;
}
//Stukje van de tabel
<table border="0" width="900" class="table" bordercolor="#FFFFFF">
<tr bgcolor="#d47228" class="table_tr">
<td width="500"><strong>Update:</strong></td>
<td width="300"><strong>Ontwikkelings Percentage:</strong></td>
<td width="100"><strong>Ingang:</strong></td>
</tr>
-moz-border-radius: 15px; border-radius: 15px; border-color:#FFFFFF; border-width:medium;
border-spacing:5px;
}
.table_tr {
-moz-border-radius: 15px; border-radius: 15px; border-color:#FFFFFF; border-width:medium;
border-spacing:5px;
}
//Stukje van de tabel
<table border="0" width="900" class="table" bordercolor="#FFFFFF">
<tr bgcolor="#d47228" class="table_tr">
<td width="500"><strong>Update:</strong></td>
<td width="300"><strong>Ontwikkelings Percentage:</strong></td>
<td width="100"><strong>Ingang:</strong></td>
</tr>
Toevoeging op 08/04/2012 15:01:35:
Ik kan het ook op de TD zetten merk ik... Doe ik dat wel :)
Alsnog wil ik wel graag weten: is het mogelijk om het op een tr te zetten?
Ik zou div gebruiken hiervoor. En volgens mij ondersteunt tabel zover ik het weet geen rondingen?
Misschien even een border:1px solid red; proberen i.c.m. border-radius:10px; en overflow:hidden, kijken wat die doet?
Gewijzigd op 08/04/2012 16:19:48 door Maikel Doeze
Werkt inderdaad heel gemakkelijk :)
Ha mooi, vond het al raar ;)
body {
background: #53565b ;
color:#FFFFFF;
font-style:italic;
}
Hoe komt het dat deze niet pakt?
Lastig te zeggen, CSS ziet er prima uit. Heb je ergens een live voorbeeld staan?
Nee heb geen live voorbeeld... Het rare is, wanneer ik kijk op van mn andere pagina's, doet ie het wel... Kan dit komen doordat ik het met PHP echo'de?
Gewijzigd op 08/04/2012 23:06:48 door Maikel Doeze
Heb niks gemist, heb het een aantal keer nagekeken... Heb het opgelost door <p> een class te geven