mardi 4 août 2015

CSS table row Backgroud image without td border

I want to set a tr image background but there is a border divide the background, it makes the tr bg image repeat itself, here is the image

enter image description here

here is the code

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>null</title>
<style>

.raybar tr{
    background-image:url("raycontent_bg1.png");
}
.raybar td {
    border-collapse:collapse;
}

</style>
</head>

<body>
<table width="1110" height="40" border="0" cellpadding="0" cellspacing="0" class="raybar">
<thead>
<tr>
<td width="20%" height="40"></td>
<td style="text-align: center;" width="5%"><strong>col</strong></td>
<td style="text-align: center;" width="15%"><b><span style="color: #000000">col</span></b></td>
<td style="text-align: center;" width="15%"><strong><strong>col</strong></strong><b></b></td>
<td style="text-align: center;" width="15%"><strong><strong>col</strong></strong><b></b></td>
</tr>
</thead>
</table>
</body>
</html>

i remember i had made it in the past, anyone can help?

Aucun commentaire:

Enregistrer un commentaire