Tabel Omranding enkel rond buitenste tabel

Status
Niet open voor verdere reacties.
Marion2u

Marion2u

Gebruiker
Lid geworden
15 apr 2009
Berichten
59
Hallo,

Graag had ik enkel een rand rond mijn buitenste tabel gehad. Tabellen zijn niet meer van deze tijd maar ja schoolopdracht :confused:
In mijn css zet ik het volgende:
table {border: 2px; border-color: #006633;}

Maar dit geeft mij een omranding rond andere cellen in de tabel ook. Hoe los ik dit op?
Ik heb al geprobeerd om bij de class van een andere cel/tabel in tabel border:0px te zetten maar dit lost niets op :s
 
tabel heeft alleen rode rand cellen niet:
De class rand gemaakt voor omlijsting tabel
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.rand {
	border: 1px solid #F00;
}
-->
</style>
</head>

<body>
<table width="600" border="0" cellpadding="0" cellspacing="0" class="rand">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Mvg
Defietser
 
Hey,

Deze is wel omrand nu in dreamweaver zelf maar bij het bekijken in browser staat er geen rand :s
 
Je zou ook kunnen proberen of het opgelost is als je de volgende CSS gebruikt:

Code: 
table {
  border: 2px;
  border-color: #006633;
  border-collapse: collapse;
}
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan