Overskrift 1
Her er indsat en nyhedsboks, hvor du kan fortælle lidt om indholdet af siden, eventuelle nyheder eller lignende.

Overskrift 2
Sådanne kasser kan du lave så mange af, du har lyst til.

Pynt lidt mere på det

Nu stikker vi hele foden i vandet og eksperimenterer med, hvorledes det kan komme til at se ud, hvis vi laver nogle tabeller i tabelkolonnen til venstre, dels én til menuen, og dels et par stykker til nogle kasser, hvor du kan fortælle sidste nyt, pege på andre interessante websider eller hvad der nu kan fortjene særlig fremhævelse på denne side.

Nu ser tabelkoden således ud:

  <table width="100%" cellpadding="10" cellspacing="0">
    <tr><td class="yellow" align="right">
    <b>Overskrift 1</b></td></tr>
    <tr><td align="right" class="white">
    Her er indsat en nyhedsboks, hvor du kan fortælle 
    lidt om indholdet af siden, eventuelle nyheder 
    eller lignende.
    </td></tr>
  </table>

Foruden den class .white vi havde brug for i eksempel 2, har vi her også brug for en class .yellow til at lave den gule fremhævning af overskriften i kasserne, samt lidt manipulation med linket i den øverste kasse:

  .white {background-color:white;
  border:1px solid black;
  }
  .yellow {background-color:#f90;
  border:1px solid black;
  border-bottom:0;
  }
 .yellow a {color:#036;}
 
 
Jørgen Farum Jensen
www.webdesign101.dk - e-mail webmaster-at-webdesign101.dk