defining table row´s size [Archive]

LottaLava

02-17-2004, 06:29 PM

Hello dudes, does somebody here knows how can i define a default table row´ size with CSS?

Regards,
LottaLava

Basscyst

02-17-2004, 07:12 PM

With CSS:

<style type="text/css">
tr
{
width:150px;
}
</style>

or

<style type="text/css">
td
{
width:150px;
}
</style>

or

<style type="text/css">
table
{
width:150px;
}
</style>

Depending on your table layout any of those could work.

Basscyst

LottaLava

02-17-2004, 07:58 PM

I don´t believe, i didn´t see it before. Thank you.:D

LottaLava

02-17-2004, 08:09 PM

Ooops, seems that this don´t work with cell´s height!

LottaLava

02-17-2004, 08:44 PM

Now i know why! We must set font-size of cell´s text to same as cell height, here a example:

[B]
<html>
<head>

<style type="text/css">
table
{
empty-cells: show;
border-style: none;
}

body
{
background-color: green;
}

.topoEsqTab
{
background-image: url( "/osctrl/img/tab-control/topoEsqTab.gif" );
height: 9px;
width: 9px;
}

.topoCenTab
{
background-image: url( "/osctrl/img/tab-control/topoCenTab.gif" );
height: 9px;
}

.topoDirTab
{
background-image: url( "/osctrl/img/tab-control/topoDirTab.gif" );
height: 9px;
width: 9px;
}

.centroEsqTab
{
background-image: url( "/osctrl/img/tab-control/centroEsqTab.gif" );
width: 9px;
}

.fundoCenTab
{
background-image: url( "/osctrl/img/tab-control/fundoCenTab.gif" );
}

.centroDirTab
{
background-image: url( "/osctrl/img/tab-control/centroDirTab.gif" );
width: 9px;
}

.baixoEsqTab
{
background-image: url( "/osctrl/img/tab-control/baixoEsqTab.gif" );
height: 9px;
width: 9px;
}

.baixoCenTab
{
background-image: url( "/osctrl/img/tab-control/baixoCenTab.gif" );
height: 9px;
}

.baixoDirTab
{
background-image: url( "/osctrl/img/tab-control/baixoDirTab.gif" );
height: 9px;
width: 9px;
}
</style>
</head>
<body>
<img src="/osctrl/img/tab-control/tab-control.gif">
<img src="/osctrl/img/tab-control/tab-control.gif">
<img src="/osctrl/img/tab-control/tab-control.gif">
<img src="/osctrl/img/tab-control/tab-control.gif">
<br>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="topoEsqTab"><span style="font-size: 4pt;">.</span></td>
<td class="topoCenTab"><span style="font-size: 4pt;">.</span></td>
<td class="topoDirTab"><span style="font-size: 4pt;">.</span></td></tr>

<tr>
<td class="centroEsqTab"></td>
<td class="fundoCenTab">Zeitgeist Skrezeczanowski</td>
<td class="centroDirTab"></td></tr>

<tr>
<td class="baixoEsqTab"><span style="font-size: 4pt;">.</span></td>
<td class="baixoCenTab"><span style="font-size: 4pt;">.</span></td>
<td class="baixoDirTab"><span style="font-size: 4pt;">.</span></td></tr>
</table>
</body>
</html>
[B]