css en meerdere tabellen

Status
Niet open voor verdere reacties.
S

snelrennen

Gebruiker
Lid geworden
23 sep 2006
Berichten
35
Hallo allemaal,

Ik heb een op het oog simpele vraag en de oplossing zal dat ook wel zijn maar ik weet het niet.

In mijn css bestand voor de opmaak van tabellen het volgende opgenomen.
TABLE { border-collapse: collapse;
border: solid 1px #336699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
TD {
border: solid 1px #336699;
}

Nu wil ik bijvoorbeeld in div a een tabel opnemen en in div c een tabel. Dan wil ik bijvoorbeeld de tabel in div c zonder randen e.d. hebben.

Wat nu?
 
Probeer dit eens:
HTML: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>css table en td</title>
<!--Pagina gemaakt op Tuesday, January 20, 2009 18:39:31 -->
<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="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;
}
TABLE { border-collapse: collapse;
border: solid 1px #336699;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:500px;
margin-left:auto;
margin-right:auto;
background-color:#ff0000;
}
TD {
border: solid 1px #336699;
}
TABLE.zon 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
width:400px;
margin-left:auto;
margin-right:auto;
background-color:#8080ff;
border: none;
}

TABLE.zon TD
{
border: none;
}

TABLE.zon TD.geel{
background-color:#ffff00;
}
</style>
</head>

<body >
<br>
<br>

<table >
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
			1
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			2
		</td>
		<!-- Row 1 Column 3 -->
		<td >
			3
		</td>
	</tr>
</table>
<br>

<table   class="zon">
	<tr>
		<!-- Row 1 Column 1 -->
		<td >
			3
		</td>
		<!-- Row 1 Column 2 -->
		<td >
			4
		</td>
		<!-- Row 1 Column 3 -->
		<td class="geel">
			5
		</td>
	</tr>
</table>




</body>

</html>

:cool:
 
Hoi Peter,

In de eerste plaats sorry voor mijn late reactie.
De oplossing die jij aandraagt werkt prima, normaal gespoken probleem opgelost. Zo zie ik het overigens ook hoor, alleen heb ik nog ergens een tabel in een of ander %$@ script zitten die niet mee wil werken.

Ik puzzel nog effe verder.
Bedankt in ieder geval!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan