15. juli 2003 - 08:10Der er
20 kommentarer og 1 løsning
Fast bredde - variabel højde på tabel
Jeg har i DW indsat en table i venstre side af mit site (hvori menuen udgøres af en række tekstlinks). Denne tabel har fået en farve for at adskille den fra det resterende content. Under tabellen har jeg en anden tabel (uden noget indhold) med samme baggrundsfarve, som skal variere i højden, afhængigt af hvor meget content, der er på siden. Get it? I stil med Eksperten, hvor det blå under IDG-adressen i venstre side udvides alt efter indhold her i midten.
Problemet er, at hvis jeg i DW erklærer tabellen for 'Autostretch' bliver den breddere! Det skal den ikke! Kun længere, hvis der er meget content på siden.... Any ideas?
Hos Computerworld it-jobbank er vi stolte af at fortsætte det gode partnerskab med folkene bag IT-DAY – efter vores mening Danmarks bedste karrieremesse for unge og erfarne it-kandidater.
Dette er tabellen, der skal være fixed: <td height="211" valign="top" bgcolor="#DDE8FF" align="left"> <p><a href="/allcomp.asp">List of all members</a></p> <p><a href="/orgcharts.asp">Images</a></p> <p><a href="/manlist.asp">Files</a></p> <p><a href="/contact.asp">Contact</a></p> <p><a href="/default.asp">Logout</a></p> </td> Og her er den, der skal variere i længden: <td height="113" valign="top" bgcolor="#DDE8FF"> <p> </p> </td> Skal jeg lægge transperanten ind i den første eller den anden tabel?
Hmm.... Jeg har altså stadig lidt vanskeligheder med det... Har du mulighed for at hjælpe, hvis jeg pensler det ud således: 1. TABLE: Fixed højde 30px: <tr> <td bgcolor="#DDE8FF"><img src="/images/spacer.gif" width="157" height="30" alt="" border="0"> </td> 2. TABLE: FIXED højde 154px: <tr> <td height="154" valign="top" bgcolor="#DDE8FF" align="left"> <p><a href="/allcomp.asp">List of all members</a></p> <p><a href="/orgcharts.asp">Images</a></p> <p><a href="/manlist.asp">Files</a></p> <p><a href="/contact.asp">Contact</a></p> <p><a href="/default.asp">Logout</a></p> </td> </tr> 3. TABLE: Variabel højde ???px: <tr> <td bgcolor="#DDE8FF"><img src="/images/spacer.gif" width="157" height="1" alt="" border="0"> </td> </tr>
Undskyld de mange uddybende spg. men jeg har aldrig prøvet transparent-img's før!?!
Da det er et billede / en grafik-fil du indsætter, kan du selv bestemme dens dimensioner. D.v.s. du kan sætte 'height' og 'width' til hvad som helst. Prøv dig frem ...
Du skriver (som jeg forstår det), at du vil have én tabel til at fylde siden ud i højden efter den tabel der indeholder din menu.
Hvis du bruger en tabel med kun én række, kan du lade gif'en fylde hele rækken i højde / bredde som det passer dig. Personligt bruger jeg som regel en tabel med to rækker hvor jeg styre tabellens højde i den ene og tabellens bredde i den anden, men det er bare 'gammel vane' ... :-)
Ellers kan du bare tilføje én enkelt række til din eksisterende tabel og indsætte gif'en i den. Skift så baggrundsfarven ud på den række alene ...
... grunden til at bruge en .gif i stedet for f.eks. height="100%" er at gif'en altid vil blive vist på samme måde uanset browsere og operativsystem ... og endelig er det valid kode - det er height="100%" ikke. D.v.s. height="100%" virker ikke rigtigt i alle browsere ...
Jeg har desværre STORE problemer med at få det til at funke efter hensigten. Så her kommer lige et dump af opsætningen - håber du stadig har tid/lyst til at hjælpe mig ud af min kattepine - for det ser HERRENS ud, når siden bliver meget lang og menuen ryger ned på midten af siden: ----------- tabelkode ----------- <tr> <td height="30" valign="top" bgcolor="#DDE8FF"> </td> (DENNE SKAL ALTID VÆRE 30PX, SÅ MENUEN IKKE STARTER HELT I TOPPEN) <td rowspan="3" valign="top" width="18"> </td> <td width="525" rowspan="3" valign="top"><!-- #BeginEditable "content" -->{content}<!-- #EndEditable --></td> </tr> <tr> <td height="157" valign="top" bgcolor="#DDE8FF" align="left"> (DENNE SKAL HAVE DEN LÆNGDE MENUEN HAR, PT. 157PX) <p><a href="/allcomp.asp">List of all members</a></p> <p><a href="/orgcharts.asp">Images</a></p> <p><a href="/manlist.asp">Files</a></p> <p><a href="/contact.asp">Contact</a></p> <p><a href="/default.asp">Logout</a></p> </td> </tr> <tr> <td height="89" valign="top" bgcolor="#DDE8FF"> (DENNE SKAL MINIMUM FYLDE 89PX, MEN HVIS DER ER MEGET CONTENT PÅ SIDEN SKAL DEN UDVIDES I HØJDEN) <p> </p> </td> </tr> ---------- tabelkode ---------- Jeg tror måske problemet er, at den tabel der indeholder det redigerbare indhold, er flettet godt og grundigt ind i venstremenuen - det volder mig i hvert fald STORE problemer... :o(
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.