Tabulka s kulatými rohy
Napsal: 04 dub 2010 10:19
Prosím o pomoc s tabulkama.. Když si tento kód otevřete tak vidíte, jak je mezi vrchním okrajem tabulky a vršku rámečku (před zakulacením) nějaké místečko. To samé je dole. Pomůže mi někdo tento prostor odstranit?
[syntax=html]
<div class="curved-box">
<h2></h2>
<center>
<table rules="all" frame="box">
<tr><td width="150px" align="center">horní levá buňka</td><td width="150px" align="center">horní pravá</td></tr>
<tr><td align="center">dolní levá</td><td align="center">dolní pravá</td></tr>
</table>
</center>
<p></p>
</div>
[/syntax]
[syntax=css]
<style>
.curved-box
{
margin: 10px;
width: 298px;
background-color:#c3d0d4;
}
.curved-box h2
{
background: #c3d0d4 url(curve_top.png) no-repeat left top;
color: #f4fbfd;
padding: 16px 0px 0px 0px;
}
.curved-box p
{
background: #c3d0d4 url(curve_bottom.png) no-repeat left bottom;
margin: 0px;
padding: 16px 0px 10px 15px;
text-align: left;
}
</style>
[/syntax]
obrázky:
[syntax=html]
<div class="curved-box">
<h2></h2>
<center>
<table rules="all" frame="box">
<tr><td width="150px" align="center">horní levá buňka</td><td width="150px" align="center">horní pravá</td></tr>
<tr><td align="center">dolní levá</td><td align="center">dolní pravá</td></tr>
</table>
</center>
<p></p>
</div>
[/syntax]
[syntax=css]
<style>
.curved-box
{
margin: 10px;
width: 298px;
background-color:#c3d0d4;
}
.curved-box h2
{
background: #c3d0d4 url(curve_top.png) no-repeat left top;
color: #f4fbfd;
padding: 16px 0px 0px 0px;
}
.curved-box p
{
background: #c3d0d4 url(curve_bottom.png) no-repeat left bottom;
margin: 0px;
padding: 16px 0px 10px 15px;
text-align: left;
}
</style>
[/syntax]
obrázky: