background in tabel bij meerdere kolommen

Status
Niet open voor verdere reacties.

shulst

Nieuwe gebruiker
Lid geworden
21 okt 2009
Berichten
3
Ik ben bezig om een tabel te maken. Deze bestaat voor het grootste gedeelte uit 1 kolom met meerdere rijen. In elke rij heb ik een achtergrond geplaatst. Nu wil ik dit ook doen in een rij die uit meerdere kolommen bestaat. Het vervelende is dat elke cel nu dezelfde achtergrond heeft. Eigenlijk wil ik alleen in de linker en de rchter cel de achtergrond hebben en in de middelste cellen geen achtergrond.

Kan iemand mij vertellen hoe ik dit kan doen:confused:
 
Zoiets:
HTML:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>(Type a title for your page here)</title>
<!--Pagina gemaakt op Wednesday, October 21, 2009 22:02:25 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  content="korte beschrijving van de pagina">
<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" content="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv=content-type content="text/html; charset=windows-1252">
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
<LINK rel="stylesheet" type="text/css" href="zp.css">

 <style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
.rood
{
background-color: #ff0000;
}
.blauw
{
background-color: #0000ff;
}
.links
{
background-image: url(http://pricebustersglasgow.co.uk/images/meths.jpg);
}
.rechts
{
background-image: url(http://pricebustersglasgow.co.uk/images/meths.jpg);
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>

<body >

<table  width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#ffffd2">
	<tr>
		<!-- Row 1 Column 1 -->
		<td class="rood" style="height: 55px;">
			1
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			2
		</td>
		<!-- Row 1 Column 3 -->
		<td class="blauw">
			3
		</td>
	</tr>
</table>
<table  width="100%" border="1" cellspacing="0" cellpadding="2" bgcolor="#ffffd2">
	<tr>
		<!-- Row 1 Column 1 -->
		<td class="links" style="height: 155px;">
			1
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			2
		</td>
		<!-- Row 1 Column 3 -->
		<td class="rechts">
			3
		</td>
	</tr>
</table>

</body>

</html>

... dus met een style

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan