Avatar billede want2learn Nybegynder
30. december 2003 - 19:04 Der er 7 kommentarer og
1 løsning

tabel opsætning

Jeg har dette stykke code:

.
..
...
<td style="vertical-align:top;background:url('images/menumain.gif');width:164px;height:434px">
<table border="0" cellspacing="3" cellpadding="3" width="100%">
  <tr>
    <td valign="top" bgcolor="#FFFFFF" height="395"></td>
  </tr>
</table>
<table border="0" cellspacing="3" cellpadding="3" width="100%">
  <tr>
    <td valign="bottom" align="center" bgcolor="#FFFFFF" height="30></td>
  </tr>
</table>
</td>
...
..
.
mit spm er om jeg kan lave den TD som de 2 tabeller er i til højde evt 500 og den første tabel højde 300 og den sidste højde 50.

vil jeg så kunne sige at den første tabel skal være i toppen af TD'en og den anden tabel den lille skal være i bunden af TD'en så der derved bliver et tomt hul mellem de 2 tabeller.

Kan det lade sig gøre og hvordan !??
Avatar billede websam Nybegynder
30. december 2003 - 19:14 #1
Ja opdel din første tabel så den har 3 td'er
Avatar billede ellebaek Nybegynder
30. december 2003 - 19:15 #2
<td style="vertical-align:top;background:url
('images/menumain.gif');width:164px;height:434px">

<table height="100%">
<tr>
<td valing="top" height="500">
<table border="0" cellspacing="3" cellpadding="3" width="100%">
  <tr>
    <td valign="top" bgcolor="#FFFFFF" height="395"></td>
  </tr>
</table>
</td>
<td valign="bottom" height="300">
<table border="0" cellspacing="3" cellpadding="3" width="100%">
  <tr>
    <td valign="bottom" align="center" bgcolor="#FFFFFF" height="30></td>
  </tr>
</table>
</td>
</tr>
</table>
</td>

Ved at flette en tabel mere ind, kan du få det ordnet...
Vil tro det jeg har skrevet virker...
Skal måske rettes en smule til...
Avatar billede want2learn Nybegynder
30. december 2003 - 19:57 #3
den laver to kolonner og det skal jo være i en kolonne de 3 tabeller !!
Avatar billede ellebaek Nybegynder
30. december 2003 - 19:59 #4
Jeg ville lave en stor tabel inde i din <td>
derefter ville jeg dele den i to hvor du kan sætte de to tabelle ind...

På den måde kan du styre at de skal være i toppen og i bunden...

jeg ved ikke om jeg har forstået rigtigt hvad det er du vil...
Avatar billede want2learn Nybegynder
30. december 2003 - 20:10 #5
dette er min side code sådan rettet meget så den ikke fylder så meget

<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#ffffff">
<table width="780" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="10"><img src="images/banner.gif" width="780" height="101"></td>
  </tr>
  <tr>
    <td valign="middle" align="center" style="background:url('images/space.gif');width:164px;height:17px"></td>
    <td><a href="#"><img src="images/si.gif" name="siteinfo" width="69" height="17" border="0" id="siteinfo"></a></td>
    <td><a href="#"><img src="images/tu.gif" name="tutorials" width="71" height="17" border="0" id="tutorials"></a></td>
    <td><a href="forum.asp"><img src="images/com.gif" name="Image1" width="86" height="17" border="0" id="Image1"></a></td>
    <td><a href="linkdatabase.asp"><img src="images/ld.gif" name="linkdatabase" width="104" height="17" border="0" id="linkdatabase"></a></td>
    <td><a href="aboutus.asp"><img src="images/au.gif" name="Image2" width="80" height="17" border="0" id="Image2"></a></td>
    <td><img src="images/topmenuspace.gif" width="137" height="17"></td>
    <td><img src="images/startoff.gif" width="23" height="17"></td>
    <td><img src="images/mailoff.gif" width="24" height="17"></td>
    <td><img src="images/favoff.gif" width="22" height="17"></td>
  </tr>
  <tr>
    <td style="vertical-align:top;background:url('images/menumain.gif');width:164px;height:434px">
    <table border="0" cellspacing="3" cellpadding="3" width="100%">
        <tr>
          <td valign="top" bgcolor="#FFFFFF" height="395">MENU</td>
        </tr>
        <tr>
          <td valign="bottom" align="center" bgcolor="#FFFFFF" height="30">TÆLLER</td>
        </tr>
      </table>
    </td>
    <td colspan="9" align="center" style="vertical-align:middle;background:url('images/main.gif');width:616px;height:*px">MAIN</td>
  </tr>
  <tr>
    <td colspan="10" style="vertical-align:center;background:url('images/bottom.gif');width:780px;height:19px"></td>
  </tr>
</table>
</BODY>
</HTML>


jeg har denne TD på siden <td style="vertical-align:top;background:url('images/menumain.gif');width:164px;height:434px">  og i den en tabel og den første TD i denne skal være i toppen og den anden TD i bunden.
i mellem disse skal der være noget der kan ændre sig så alt efter hvordan MAIN højden ændre sig så skal TD 1 altid være i toppen og TD2 altid være i bunden
Avatar billede want2learn Nybegynder
30. december 2003 - 20:10 #6
håber det hjælp !!
Avatar billede want2learn Nybegynder
31. december 2003 - 19:41 #7
der er sket nogle misforståelser i dette SPM så lukker og åbner et andet hvis I vil hjælpe der det skulle være mere overskuligt
Avatar billede want2learn Nybegynder
31. december 2003 - 19:42 #8
lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester