Amir Taghavi
سه شنبه 08 مرداد 1387, 12:21 عصر
لطفا" کد زیر رو نگاه کنید:
می خوام عرض جدول 100% باشه. ولی وقتی تو cell وسط (c)، متنی بنویسم چینش جدول بهم می ریزه. میشه راهنماییم کنید؟
کد css:
.tbl
{
width:100%;
}
.tr
{
width: 14px;
height: 38px;
background-image: url('images/pan/tr.png');
}
.tc
{
background-image: url( 'images/pan/tc.png' );
height: 38px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
.tl
{
width: 14px;
height: 38px;
background-image: url('images/pan/tl.png');
}
.c
{
padding: 5px 5px 5px 5px;
vertical-align: top;
background-color: #101010;
clear: both;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #323232;
border-left-color: #323232;
font-size: 8pt;
color: #FFFF00;
}
.br
{
width: 14px;
height: 14px;
background-image: url( 'images/pan/br.png' );
background-repeat: no-repeat;
}
.bc
{
height: 14px;
background-image: url('images/pan/bc.png');
background-color: #101010;
}
.bl
{
width: 14px;
height: 14px;
background-image: url( 'images/pan/bl.png' );
background-repeat: no-repeat;
}کد HTML:
<table align="center" border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tr">
</td>
<td class="tc">
عنوان</td>
<td class="tl">
</td>
</tr>
<tr>
<td colspan="3" class="c">
محل قرار گرفتن متن
</td>
</tr>
<tr>
<td class="br">
</td>
<td class="bc">
</td>
<td class="bl">
</td>
</table>می خوام از تمام عرض page استفاده کنم. یعنی اینکه حتما" عرضش 100% باشه.
می خوام عرض جدول 100% باشه. ولی وقتی تو cell وسط (c)، متنی بنویسم چینش جدول بهم می ریزه. میشه راهنماییم کنید؟
کد css:
.tbl
{
width:100%;
}
.tr
{
width: 14px;
height: 38px;
background-image: url('images/pan/tr.png');
}
.tc
{
background-image: url( 'images/pan/tc.png' );
height: 38px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
.tl
{
width: 14px;
height: 38px;
background-image: url('images/pan/tl.png');
}
.c
{
padding: 5px 5px 5px 5px;
vertical-align: top;
background-color: #101010;
clear: both;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-width: 1px;
border-left-width: 1px;
border-right-color: #323232;
border-left-color: #323232;
font-size: 8pt;
color: #FFFF00;
}
.br
{
width: 14px;
height: 14px;
background-image: url( 'images/pan/br.png' );
background-repeat: no-repeat;
}
.bc
{
height: 14px;
background-image: url('images/pan/bc.png');
background-color: #101010;
}
.bl
{
width: 14px;
height: 14px;
background-image: url( 'images/pan/bl.png' );
background-repeat: no-repeat;
}کد HTML:
<table align="center" border="0" cellpadding="0" cellspacing="0" class="tbl">
<tr>
<td class="tr">
</td>
<td class="tc">
عنوان</td>
<td class="tl">
</td>
</tr>
<tr>
<td colspan="3" class="c">
محل قرار گرفتن متن
</td>
</tr>
<tr>
<td class="br">
</td>
<td class="bc">
</td>
<td class="bl">
</td>
</table>می خوام از تمام عرض page استفاده کنم. یعنی اینکه حتما" عرضش 100% باشه.