Søger hjælp til design

har prøvet med kan ikke det der med tabeler

mener, kun?:

[menu] [hovedside] [menu]

hvis det er det du mener, så her:

<table border="1" width="100%">
  <tr>
    <td width="33%">
        indholdet af venstre menu
    </td>
    <td width="34%">
        indholdet af hovedsiden
    </td>
    <td width="33%">
        indholdet af højre menu
    </td>
  </tr>
</table>

Det var nu ikke lige sådan en jeg var ude efter sådan en kan jeg lige klare selv

prøv at forklare det nærmere.. prøv evt at tegne det i Paint (eller et andet tegneprogram) og upload det til en server så vi kan se nøjagtigt hvad du mener..

har du ikke en mail som jeg kan sende det til

send det til thesurfer_exp_NO_.SPAM@yahoo.com (fjen "_NO_SPAM" fra emailen før du sender)

jeg vil derefter uploade billedet til en server og poste et link så alle kan se billedet.

jeg har prøvet at lave den her men kommer til at se sjov ud når jeg gemmer den

<table border="1" width="100%">
  <tr>
    <td width="100%" colspan="3" height="94">
      <p align="center">Banner</td>
  </tr>
  <tr>
    <td width="20%">
      <p align="center">Menu</td>
    <td width="60%">&nbsp;</td>
    <td width="20%">
      <p align="center">Nyheder</td>
  </tr>
  <tr>
    <td width="33%" height="100"></td>
    <td width="33%" rowspan="3">Index siden</td>
    <td width="100">&nbsp;</td>
  </tr>
  <tr>
    <td width="33%">&nbsp;</td>
    <td width="34%">&nbsp;</td>
  </tr>
  <tr>
    <td width="33%" height="100"></td>
    <td width="34%">&nbsp;</td>
  </tr>
  <tr>
    <td width="100%" colspan="3">
      <p align="center">Lille text</td>
  </tr>
</table>

så er den sendt

okie.. prøver på at uploade..

måske kan i se den her

<div align="center">
  <center>
  <table border="1" width="765">
    <tr>
      <td width="100%" colspan="3" height="94">
        <p align="center">Banner</td>
    </tr>
    <tr>
      <td width="20%">
        <p align="center">Menu</td>
      <td width="60%">&nbsp;</td>
      <td width="20%">
        <p align="center">Nyheder</td>
    </tr>
    <tr>
      <td width="20%" height="100"></td>
      <td width="60%" rowspan="3">
        <p align="center">Index siden</td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%">&nbsp;</td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%" height="100"></td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="765%" colspan="3">
        <p align="center">Lille text</td>
    </tr>
  </table>
  </center>

billedet, som jeg har modtaget af funny, findes på:
http://thesurfer.users.whitehat.dk/img/exp/376930/udkast.jpg

her er et eksempel.. du kan selv rette den til mht. størrelser på cellerne:

<table border="1" width="100%" height="342">
  <tr>
    <td width="100%" colspan="3" height="19" valign="top" align="left">
      <p>plads til banner<br>
      <br>
      ret på størrelsen</p>
    </td>
  </tr>
  <tr>
    <td width="33%" height="19" valign="top" align="left">headline</td>
    <td width="33%" height="19" valign="top" align="left">headline</td>
    <td width="34%" height="19" valign="top" align="left">headline</td>
  </tr>
  <tr>
    <td width="33%" height="101" valign="top" align="left">indhold</td>
    <td width="33%" height="111" rowspan="2" valign="top" align="left">indhold</td>
    <td width="34%" height="101" valign="top" align="left">indhold</td>
  </tr>
  <tr>
    <td width="33%" height="10" valign="top" align="left">head</td>
    <td width="34%" height="10" valign="top" align="left">head</td>
  </tr>
  <tr>
    <td width="33%" height="144" valign="top" align="left">indhold</td>
    <td width="33%" height="144" valign="top" align="left">indhold</td>
    <td width="34%" height="144" valign="top" align="left">indhold</td>
  </tr>
  <tr>
    <td width="100%" height="19" colspan="3" valign="top" align="left">
      <p align="center">plads til copyright</td>
  </tr>
</table>

oops.. her er en rettelse:

<table border="1" width="100%" height="342">
  <tr>
    <td width="100%" colspan="3" height="19" valign="top" align="left">
      <p>plads til banner<br>
      <br>
      ret på størrelsen</p>
    </td>
  </tr>
  <tr>
    <td width="33%" height="19" valign="top" align="left">headline</td>
    <td width="33%" height="19" valign="top" align="left">headline</td>
    <td width="34%" height="19" valign="top" align="left">headline</td>
  </tr>
  <tr>
    <td width="33%" height="101" valign="top" align="left">indhold</td>
    <td width="33%" height="255" rowspan="3" valign="top" align="left">indhold</td>
    <td width="34%" height="101" valign="top" align="left">indhold</td>
  </tr>
  <tr>
    <td width="33%" height="10" valign="top" align="left">head</td>
    <td width="34%" height="10" valign="top" align="left">head</td>
  </tr>
  <tr>
    <td width="33%" height="144" valign="top" align="left">indhold</td>
    <td width="34%" height="144" valign="top" align="left">indhold</td>
  </tr>
  <tr>
    <td width="100%" height="19" colspan="3" valign="top" align="left">
      <p align="center">plads til copyright</td>
  </tr>
</table>

Jeg har lavet den her ud fra din men kan ikke få de linjer der er om alle tabellerne lige tykke kan jeg logge dig til at rette det

<body bgcolor="#555C62" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<div align="center">
  <center>
  <table border="1" width="765" cellspacing="0" cellpadding="0" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
    <tr>
      <td width="100%" colspan="3" height="94">
        <p align="center"><b><i><font face="Verdana">Banner</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Menu</font></i></b></td>
      <td width="60%" bgcolor="#798189">&nbsp;</td>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Nyheder</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" height="100"></td>
      <td width="60%" rowspan="3" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
        <p align="center"><b><i><font face="Verdana">Index siden</font></i></b></td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Tilbud</font></i></b></td>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Login</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" height="100"></td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="765%" colspan="3" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Lille text</font></i></b></td>
    </tr>
  </table>
  </center>
</div>

ik for noget.. men, det der ser kikset ud..
jeg prøver lige at lave et eksempel så du kan se hvordan det kan komme til at se ud..

hvorfor er der et tomt felt mellem menu-kolonnen (venstre) og index-siden (midten) ?

øh.. glem hvad jeg lige skrev.. :)

de tynde vægge skyldes at der ikke var noget i cellen.. ved at tilføje et mellemrum, kommer de til at se normalt ud:

<div align="center">
  <center>
  <table border="1" width="765" cellspacing="0" cellpadding="0" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
    <tr>
      <td width="100%" colspan="3" height="94">
        <p align="center"><b><i><font face="Verdana">Banner</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Menu</font></i></b></td>
      <td width="60%" bgcolor="#798189">&nbsp;</td>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Nyheder</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" height="100">&nbsp;</td>
      <td width="60%" rowspan="3" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000">
        <p align="center"><b><i><font face="Verdana">Index siden</font></i></b></td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Tilbud</font></i></b></td>
      <td width="20%" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Login</font></i></b></td>
    </tr>
    <tr>
      <td width="20%" height="100">&nbsp;</td>
      <td width="20%">&nbsp;</td>
    </tr>
    <tr>
      <td width="765%" colspan="3" bgcolor="#798189">
        <p align="center"><b><i><font face="Verdana">Lille text</font></i></b></td>
    </tr>
  </table>
  </center>
</div>

er det med vilje at du har rykket tabellen så langt ned på siden?

der var den da så skal jeg bare lave det siste selv jeg takker mange gange for hjælpen du skal lige lave det som et svar så du kan få dine point

nej jeg vil nu godt have den hel op i toppe ved bare ikke hvodan

arbejder på sagen :)

P.s kan man gøre de der linjer rundt om tabelen tynder

jeg er ved at optimere layout osv.. det tager lige lidt tid..

takker mange gange

en helt ny udgave.. jeg ved ikke hvad der var galt.. det var lige meget hvad jeg gjorde ved den, den så alligevel underlig ud, så jeg startede bare helt om..

jeg har forbedret den ved at bruge CSS (Cascading Style Sheets, som er layout design), og det har sparet meget plads.. nu kan du ændre alle dine celler på een gang..

--- kode start ---

<html>
<head>
<title>navnet på siden</title>

<style type="text/css">

body        {
            background-color: #555C62;
            color: #FFFFFF;
            font-family: verdana;
            }

.hoved        {
            color: #FFFFFF;
            background-color: #798189;
            font-family: verdana;
            font-weight: bold;
            font-style: italic;
            border-width: 1px;
            }

.tdbody        {
            background-color: #555C62;
            color: #FFFFFF;
            font-family: verdana;
            border-width: 0px;
            border-style: dotted;
            }

td            {
            background-color: #555C62;
            color: #FFFFFF;
            font-family: verdana;
            border-width: 1px;
            border-style: solid;
            border-color: #000000;
            }

</style>

</head>

<body>

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="border: 0px;">


<table border="0" width="765" cellspacing="0" cellpadding="0" style="border-style: solid; border-width: 1px; border-color: #000000;">
  <tr>
    <td width="100%" height="94" colspan="3" valign="top" align="center">
        BANNER
    </td>
  </tr>
  <tr>
    <td width="20%" valign="top" align="left" class="hoved">
        Menu
    </td>
    <td width="60%" valign="top" align="left" rowspan="4">
        Index siden
    </td>
    <td width="20%" valign="top" align="left" class="hoved">
        Nyheder
    </td>
  </tr>
  <tr>
    <td width="20%" height="100" valign="top" align="left">
        &nbsp;
    </td>
    <td valign="top" align="left">
        Index siden
    </td>
  </tr>
  <tr>
    <td width="20%" valign="top" align="left" class="hoved">
        Tilbud
    </td>
    <td width="20%" valign="top" align="left" class="hoved">
        Login
    </td>
  </tr>
  <tr>
    <td width="20%" height="100" valign="top" align="left">
        &nbsp;
    </td>
    <td width="20%" valign="top" align="left">
        &nbsp;
    </td>
  </tr>
  <tr>
    <td width="100%" valign="top" align="center" colspan="3" class="hoved">
        Lille text
    </td>
  </tr>
</table>


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


</body>
</html>

--- kode slut ---

Jeg siger mange tak det var lige det jeg skulle bruge kan du ikke lave det som svar vis du vil have point

du kan nøjes med at sætte pointsne ned til 30

det kan jeg ikke når den er på 200

må lige gøre det når jeg kommer hjem jeg er lige hos min ven

ok.. det plejer ellers at være noget med at klikke avanceret (eller noget i den stil)

jeg har lagt et svar til dig.

Så er jeg hjemme var lige hos naboen vi er 2 tabel losser ): jeg kan ikke sætte den ned så du får de 200 det er også et godt job du lavet der

når ja nu ved jeg hvad jeg kan gøre

Shit du fik dem alle så jeg håber du er glad min ven

takker for points.. held og lykke med det.

Thx