Avatar billede sqwer Nybegynder
12. januar 2003 - 20:30 Der er 15 kommentarer og
1 løsning

rækkehøjder i tabel

Jeg skal bruge en tabel der omtrent ser ud som følger:

+-+-------+-+
| |      | |
| |      +-+
| |      | |
| |      | |
| |      | |
+-+      | |
| |      | |
+-+-------+-+

dvs. 3x3 med nogle rowspans.
I midtercellen er der et billede, som giver tabellens samlede højde.
Top- og bund-rækken skal så have 10px hver, og resten af den samlede tabelhøjde skal lægges i midterrækken.
Jeg prøver flg.:

<table>
<tr><td rowspan=2></td>
    <td rowspan=3><img src='pic.jpg'></td>
    <td><img height='10px' src='corner.gif'></td></tr>
<tr><td rowspan=2></td></tr>
<tr><td><img height='10px' src='corner.gif'></td></tr>
</table>

men så bliver al den 'overskydende' højde placeret i nederste række.
Hvad skal jeg gøre?
(Jeg kender ikke billedets størrelse.)
Avatar billede sqwer Nybegynder
12. januar 2003 - 20:31 #1
hm, mit forsøg på en illustration faldt vist ikke så heldigt ud...
Jeg håber I kan se hvad jeg mener.
Avatar billede Slettet bruger
12. januar 2003 - 20:33 #2
fatter ikke en dyt af hvad du mener
Avatar billede cygnet Praktikant
12. januar 2003 - 20:34 #3
Måske noget i stil med dette:

<table width="100%" cellspacing="0" cellpadding="0" height="200">
  <tr>
    <td height="20">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="10">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede sqwer Nybegynder
12. januar 2003 - 20:44 #4
nope, samme problem.
forøvrigt kan jeg ikke have nogen height og width på tabellen, og height i den første celle skal være 10, men det hjælper ikke...
Avatar billede cdc Novice
12. januar 2003 - 20:50 #5
Du kan ikke definere cellehøjden uden at også definere din font str. Du kan også indsette en transparent gif som så justeres til den højde du skal bruge.
Havd med at bruge %.
Avatar billede cdc Novice
12. januar 2003 - 20:52 #6
Ved ikke hvad du mener, men er det noget i denne rettning:
<table width="100%" cellspacing="0" cellpadding="0" height="200">
  <tr>
    <td height="20">&nbsp;</td>
    <td rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="100%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="10">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede syvon Nybegynder
12. januar 2003 - 21:07 #7
<table width="600" BORDER="1">
<tr>
    <td ROWSPAN="3" WIDTH="100">1</td>
    <td HEIGHT="10px">2</td>
    <td ROWSPAN="3" WIDTH="100">3</td>
</tr>
<tr>
   
    <td WIDTH="400" HEIGHT="500">4</td>
   
</tr>
<tr>
   
    <td HEIGHT="10px">5</td>
   
</tr>
</table>


eller

<TABLE WIDTH="600" BORDER="1">
<TR>
    <TD WIDTH="100" HEIGHT="10">1</TD>
    <TD WIDTH="400" HEIGHT="10">2</TD>
    <TD WIDTH="100" HEIGHT="10">3</TD>
</TR>
<TR>
    <TD>4</TD>
    <TD HEIGHT="500">5</TD>
    <TD>6</TD>
</TR>
<TR>
    <TD HEIGHT="10">7</TD>
    <TD HEIGHT="10">8</TD>
    <TD HEIGHT="10">9</TD>
</TR>
</TABLE>
Avatar billede sqwer Nybegynder
12. januar 2003 - 21:51 #8
Jeg prøver at uddybe:
Mit problem er at tabellen skal kunne bruges til at lave en ramme om forskellige billeder (med forskellig størrelse), derfor kan jeg ikke bruge absolutte størrelser.
I det øverste højre og nederste venstre hjørne skal der vises et billede med et "pænt" hjørne. De to aflange celler i siderne skal bare vise tabellens baggrundsfarve (som er forskellig fra resten af sidens).

Jeg prøver lige at komme med lidt mere, og forhåbentlig mere illustrerende, kode:
<table cellspacing='0' cellpadding='0' border='1'>
<tr>
  <td height='10px'>&nbsp;</td>
  <td rowspan='3'><img src='pic.jpg'></td>
  <td><img src='tr.gif'></td>
</tr>
<tr>
  <td height='100%'>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td height='10px'><img src='bl.gif'></td>
  <td>&nbsp;</td>
</tr>
</table>

Der hvor der står '100%' skulle der helst stå noget med: 'så høj som det er nødvendigt for at de andre rækker kun bliver 10px høje'. Problemet er at nu giver den de første rækker så megen højde som den nu synes (100% har tilsyneladende ingen effekt!) hvorefter den lægger hele resten i den nederste række, og ignorerer at der står 10px.

Håber det var lidt klarere...
Avatar billede cygnet Praktikant
12. januar 2003 - 22:04 #9
Jeps meget bedre:

Her er koden:

<table cellspacing="0" cellpadding="0">
  <tr>
    <td height="10" width="10" bgcolor="#000000"></td>
    <td height="10" bgcolor="#000000"></td>
    <td height="10" width="10" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td width="10" bgcolor="#000000"></td>
    <td><img src="http://www.irl.cygnet.dk/billeder/kollegiet.jpg" width="304" height="428"></td>
    <td height="10" width="10" bgcolor="#000000"></td>
  </tr>
  <tr>
    <td width="10" height="10" bgcolor="#000000"></td>
    <td height="10" bgcolor="#000000"></td>
    <td height="10" width="10" bgcolor="#000000"></td>
  </tr>
</table>

Se det også her : http://www.cygnet.dk/add/add.asp

/cygnet
Avatar billede sqwer Nybegynder
12. januar 2003 - 22:12 #10
nej, ikke helt.
Billedet skal dække hele tabellens højde, derfor rowspan=3.
Og så er det den nederste række bliver meget høj.
Avatar billede cygnet Praktikant
12. januar 2003 - 22:47 #11
Hvorfor laver du så ikke bare tre rækker og sætte de to grafik stumper i den venstre og højre kolonne og sætte så tabellens vlign til top og bottom.

Ala dette:

<table cellspacing="0" cellpadding="0">
  <tr>
    <td valign="bottom"></td>
    <td></td>
    <td valign="top"></td>
  </tr>
</table>
Avatar billede syvon Nybegynder
12. januar 2003 - 22:57 #12
er det så på denne måde du mener

http://www.povlsen.org/sqwer.asp
Avatar billede cygnet Praktikant
12. januar 2003 - 23:04 #13
nope.. ikke tre rækker - bare én..
Avatar billede sqwer Nybegynder
13. januar 2003 - 09:03 #14
cygnet: det kan også være jeg ender med det... men det undrer mig nu stadig at jeg ikke kan få den nederste række til at være 9px høj!
Avatar billede callesen Praktikant
13. januar 2003 - 12:24 #15
Mener du:
<table cellspacing='0' cellpadding='0' border='1' STYLE="height:100%; width:100%;table-layout:fixed;">
<tr>
  <td height='10px'>&nbsp;</td>
  <td rowspan='3'><img src='pic.jpg'></td>
  <td><img src='tr.gif'></td>
</tr>
<tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr>
  <td height='10px'><img src='bl.gif'></td>
  <td>&nbsp;</td>
</tr>
</table>

Det vil være en god ide at sætte størrelse på dine img'er
Avatar billede sqwer Nybegynder
09. august 2003 - 23:34 #16
Lukker. Mit problem blev aldrig rigtigt løst, så jeg tager selv pointene...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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