Tables, hvordan ?

Det er svært at komme med en tutorial til lige netop det - for i bund og grund er det jo ikke andet end tables. Derfor vil jeg mene det letteste er at lære de vigtigste table-ting;

http://www.html.dk/tutorials/html/lektion10.asp
http://www.html.dk/tutorials/html/lektion11.asp

og det gerne sammen med css;

http://www.html.dk/tutorials/css/

Når først man kan det er det sådan set bare at gå i gang - prøve sig frem og evt søge inspiration ved at "låne" koden fra de sider man godt kan lide opbygningen på.

Må man låne en html kode på en side der er copyright på??

Ja, de har ikke copyright på html. Så, så længe du ikke bruger deres eksakte kode, burde der vel ikke være problemer :)

du kan få den der af mig... :-) det er bare at style den i css.

Det vil jeg da gerne otto jeg styler den selv, men bare koden det ville cære fint så kan jeg se på den uden at være nervøs

jamen du skal ikke være nervøs du kan finde det over alt...

her er til html.

<table width="175" height="200" border="0" cellspacing="0" cellpadding="0">
       
<td colspan=3 height="17" class="BoxTop" border="1"><div style="font-family: verdana; font-size: 11px; font-weight: bold;"><FONT COLOR="#003366"><DIV ALIGN="center">overskrift</DIV></FONT></div></td>
        </tr>
        <tr>
          <td width="1" height="1" class="Streg"></td>
          <td width="172" height="1" class="Streg" ></td>
          <td width="1" height="1" class="Streg"></td>
        </tr> 
        <tr valign="top">
          <td width="1" class="Streg"></td>
          <td width="172" bgcolor="#ffffff" align="center"><BR><TABLE>
<TR>
    <TD><div style="font-family: verdana; font-size: 11px; ">teksten i boxen<TD>
</TR>
</TABLE>
          <BR>
       
        </td>
          <td width="1"  class="Streg"></td>
        </tr>
        <tr>
          <td width="1" height="1" class="Streg"></td>
          <td width="172" height="1" class="Streg"></td>
          <td width="1" height="1" class="Streg"></td>
        </tr>
        </table>


doc du gemmer som css.txt og som ligger i samme mappe som din html:

body,table {font-family:verdana;font-size:12px;color:black}

body{
  scrollbar-3d-light-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-base-color: #003366;
  scrollbar-dark-shadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}
.BoxTop{background: #dfdcd7;}
A, A:visited, A:active
{
    text-decoration: none;
    color: #000000;
}

A:hover
{
    text-decoration: none;
    color: #80808080;
}
.knap {
    background-color: #C6D0D6; color: #oooooo; font-size: 8 pt; font-family: Verdana
}
.Streg
{
    background: #C6D0D6;
}.BoxTop
{
    background: #C6D0D6;   
}
.BoxTop1
{
    background: #C6D0D6; color: #oooooo; font-size: 8 pt; font-family:    
}
.FormIndhold {
border: #CCCCCC 1px solid;
background-color: #FFFFFF;
background-attachment: fixed;
background-image:
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
}

l_otto: sikke en masse kode du bruger for at lave så lidt :)

ja men det virker.. :-)

Hvad hvis man vil h a nogen bokse i den anden side osse??

Dette eksempel skulle give et nogenlunde resultat:

<table style="width: 400px; height: 400px; border-collapse: collapse">
<tr><td style="padding: 3px; background-color: #c7cfd7; border: 1px solid #6a7e94; color: #05335f; font: bold 10px/13px verdana; height: 20px">Overskrift</td></tr>
<tr><td style="padding: 3px; background-color: #e8ebef; border: 1px solid #6a7e94; color: #05335f; font: normal 10px/13px verdana; height: 380px; vertical-align: top">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse id mi vel urna commodo aliquet. Cras mollis imperdiet lacus. Curabitur tincidunt eleifend risus. Nam hendrerit velit sit amet erat. Maecenas massa dui, porttitor sit amet, pretium eu, cursus non, pede. Nullam augue eros, iaculis sit amet, cursus vitae, ultrices et, quam. Aliquam lorem dui, molestie quis, vestibulum vel, dapibus nec, erat. Maecenas eget nunc. Aenean laoreet blandit libero. Ut tristique lorem in libero. Sed ligula. Pellentesque rhoncus placerat neque. Nullam sollicitudin ante non dolor. Etiam viverra orci sed arcu. Donec tincidunt ligula. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</td></tr>
</table>

den skal jeg lige have igen bokse i den anden side ?

Hvis du vil have bokse i begge sider af siden, kan du skrive fx:

<table style="width: 200px; height: 200px; border-collapse: collapse; float: left;">
<tr><td style="padding: 3px; background-color: #c7cfd7; border: 1px solid #6a7e94; color: #05335f; font: bold 10px/13px verdana; height: 20px">Overskrift</td></tr>
<tr><td style="padding: 3px; background-color: #e8ebef; border: 1px solid #6a7e94; color: #05335f; font: normal 10px/13px verdana; height: 180px; vertical-align: middle; text-align: center">

venstre boks

</td></tr></table>

<table style="width: 200px; height: 200px; border-collapse: collapse; float: right;">
<tr><td style="padding: 3px; background-color: #c7cfd7; border: 1px solid #6a7e94; color: #05335f; font: bold 10px/13px verdana; height: 20px">Overskrift</td></tr>
<tr><td style="padding: 3px; background-color: #e8ebef; border: 1px solid #6a7e94; color: #05335f; font: normal 10px/13px verdana; height: 180px; vertical-align: middle; text-align: center">

højre boks

</td></tr></table>

Ja det var det jeg mente.

l_otto og nakem i får point nak-m lig et svar

lægger svar :)

Oki takker for det

Det var mig en glæde :) - takker for point.