Tableborders CSS

11/08/2009 - 16:07 von Andrej Golubew | Report spam
Hallo zusammen,

ich habe eine Tabelle gemacht, die aus 3 Spalten und 3 Zeilen besteht. Oben
3 Spalten ist Table-Caption, die besteht aus 3 Bilder(werden als background
angebunden). Mitte und unten genau so. Leider rechts und links bekomme ich
eine weisse Linie zu sehen.

Hier ist Bild: http://www.1nightstand.eu/Image1.png

Hier ist HTML

<table width="600px" border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse">
<tr>
<td class="mp_block_top_left_green"></td>
<td class="mp_block_top_center_green">Test</td>
<td class="mp_block_top_right_green"></td>
</tr>
<tr>
<td class="mp_block_middle_left_green"></td>
<td class="mp_block_middle_center_green">Testljöjjjjj<br />
kölkölkökölkölköklö<br />
lökökökölkioiiououou<br />
lökökökölkioiiououou</td>
<td class="mp_block_middle_right_green"></td>
</tr>
<tr>
<td class="mp_block_bottom_left_green"></td>
<td class="mp_block_bottom_center_green"></td>
<td class="mp_block_bottom_right_green"></td>
</tr>
</table>

Hier ist CSS

.mp_block_top_left_green
{
background-image: url('images/b_green_left.png');
background-repeat:no-repeat;
width: 10px;
height: 39px;
}

.mp_block_top_right_green
{
background-image: url('images/b_green_right.png');
background-repeat:no-repeat;
width: 10px;
height: 39px;
}

.mp_block_top_center_green
{
background-image: url('images/b_green_center.png');
background-repeat: repeat-x;
height: 39px;
}

.mp_block_middle_left_green
{
background-image: url( 'images/b_left.gif' );
background-repeat: repeat-y;
width: 8px;
}

.mp_block_middle_right_green
{
background-image: url( 'images/b_right.gif' );
background-repeat: repeat-y;
width: 8px;
}

.mp_block_middle_center_green
{
background-color: #F0EFEF;
}

.mp_block_bottom_left_green
{
background-image: url('images/b_down_left.gif');
background-repeat:no-repeat;
width: 8px;
height: 8px;
}

.mp_block_bottom_right_green
{
background-image: url('images/b_down_right.gif');
background-repeat:no-repeat;
width: 8px;
height: 8px;
}

.mp_block_bottom_center_green
{
background-image: url('images/b_down_center.gif');
background-repeat: repeat-x;
height: 8px;
}
 

Lesen sie die antworten

#1 Gerold Mittelstädt
11/08/2009 - 16:17 | Warnen spam
Hi,

hier gehts um ASP.NET.

de.comm.infosystems.www.authoring.misc ist die Gruppe, die Du suchst.


X-Post & F'Up d.c.i.w.a.misc


Andrej Golubew schrieb:
Hallo zusammen,

ich habe eine Tabelle gemacht, die aus 3 Spalten und 3 Zeilen besteht. Oben
3 Spalten ist Table-Caption, die besteht aus 3 Bilder(werden als background
angebunden). Mitte und unten genau so. Leider rechts und links bekomme ich
eine weisse Linie zu sehen.

Hier ist Bild: http://www.1nightstand.eu/Image1.png

Hier ist HTML

<table width="600px" border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse">
<tr>
<td class="mp_block_top_left_green"></td>
<td class="mp_block_top_center_green">Test</td>
<td class="mp_block_top_right_green"></td>
</tr>
<tr>
<td class="mp_block_middle_left_green"></td>
<td class="mp_block_middle_center_green">Testljöjjjjj<br />
kölkölkökölkölköklö<br />
lökökökölkioiiououou<br />
lökökökölkioiiououou</td>
<td class="mp_block_middle_right_green"></td>
</tr>
<tr>
<td class="mp_block_bottom_left_green"></td>
<td class="mp_block_bottom_center_green"></td>
<td class="mp_block_bottom_right_green"></td>
</tr>
</table>

Hier ist CSS

.mp_block_top_left_green
{
background-image: url('images/b_green_left.png');
background-repeat:no-repeat;
width: 10px;
height: 39px;
}

.mp_block_top_right_green
{
background-image: url('images/b_green_right.png');
background-repeat:no-repeat;
width: 10px;
height: 39px;
}

.mp_block_top_center_green
{
background-image: url('images/b_green_center.png');
background-repeat: repeat-x;
height: 39px;
}

.mp_block_middle_left_green
{
background-image: url( 'images/b_left.gif' );
background-repeat: repeat-y;
width: 8px;
}

.mp_block_middle_right_green
{
background-image: url( 'images/b_right.gif' );
background-repeat: repeat-y;
width: 8px;
}

.mp_block_middle_center_green
{
background-color: #F0EFEF;
}

.mp_block_bottom_left_green
{
background-image: url('images/b_down_left.gif');
background-repeat:no-repeat;
width: 8px;
height: 8px;
}

.mp_block_bottom_right_green
{
background-image: url('images/b_down_right.gif');
background-repeat:no-repeat;
width: 8px;
height: 8px;
}

.mp_block_bottom_center_green
{
background-image: url('images/b_down_center.gif');
background-repeat: repeat-x;
height: 8px;
}




Viele Grüße!

Ähnliche fragen