Notifikationer

Markér alle som læst Log ud

want2learn Nybegynder

19. marts 2004 - 12:06 Der er 18 kommentarer og
1 løsning

opsætning af fleksibel tabel i en td

jeg har en TD som alt efter hvor meget tekst der er i midten en anden TD kan være xxxxPX høj. men minimum 490px.

Jeg har en tabel i min venstre TD hvor jeg har 2 row en til min menu som skal være i toppen af denne TD og så en til noget statestik som skal være i bunden af denne TD.

men det hele kommer helt oppe i toppen også min statestik som skulle være i bunden.

hvordan gør jeg så menuen er i toppen og statestikken er i bunden lige meget hvor høj denne TD er jeg har prøvet noget med 100%

kan nogle hjælpe min code er lige pt dette (og det er kun den omtalte TD jeg har med den tabel der er i den).

Response.Write "<tr><td width=""20%"" align=""left"" valign=""top" class=""tdborder"">" & _
"<table border=""0"" cellspacing=""3"" cellpadding=""3"" width=""100%"" height=""100%"">" & _
"<tr><td valign=""top"">"

Response.Write "<img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 1</b></span></a>" & _
"<br /><img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 2</b></span></a>" & _
"<br /><img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 3</b></span></a>" & _
"<br /><img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 4</b></span></a>" & _
"<br /><img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 5</b></span></a>" & _
"<br /><img src=""images/bp.gif"">"&space(1)&"<a href="""&site&"?page=XX" class=""menu""><span class=""black""><b>Link 6</b></span></a>"

Response.Write "</td></tr><tr><td valign=""bottom"" align=""right""><b>Online<br>Besøg Ialt</b></td></tr></table></td>"

Synes godt om

sbm Nybegynder

19. marts 2004 - 12:12 #1

Du kan sætte en HEIGHT på den række der minimum skal fylde en vist højde.

Eksempel:
<html>
<body>
<table border="1">
<tr height="100">
<td>indhold</td>
<td>indhold</td>
</tr>
</table>
</body>
</html>

Her kan du se at rækken bliver 100 px høj, selv om inholdet ikke er det. Hvis vi så fylder mere indhold i, vil rækken automatisk vokse efter behov:

<html>
<body>
<table border="1">
<tr height="100">
<td>indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br /></td>
<td>indhold</td>
</tr>
</table>
</body>
</html>

Synes godt om

want2learn Nybegynder

19. marts 2004 - 12:35 #2

okay men hvad hvis jeg har dette:

<html>
<body>
<table border="1" width="760">
<tr>
<td align="left" valign="top" width="20%">
<table border="0" cellspacing="3" cellpadding="3" width="100%" height="100%">
<tr>
<td valign="top">MENU I TOP</td>
</tr>
<tr>
<td valign="bottom" align="right">Onlinelidte</td>
</tr>
</table>
</td>
<td width="80%" height="460px" align="left" valign="top">indhold</td>
</tr>
</table>
</body>
</html>

hvordan får jeg den til at vise menu i toppen og onlinelisten i bunden af den TD og hvis jeg lægger en text ind i den td som er 460px som er mere end det så bliver den jo størrer så skal menuen stadigvæk blive i toppen og onlinelisten i bunden.

Synes godt om

want2learn Nybegynder

19. marts 2004 - 12:39 #3

okay jeg fatter det ikke tjekkede lige min code og den virker når det er alm. html.

men hvorfor vil den ikke virke i en response.write !?

Synes godt om

sbm Nybegynder

19. marts 2004 - 12:39 #4

Jamen det gør den da også med den eksempelkode du her har lavet....?

Se selv:
<html>
<body>
<table border="1" width="760">
<tr>
<td align="left" valign="top" width="20%">
<table border="0" cellspacing="3" cellpadding="3" width="100%" height="100%">
<tr>
<td valign="top">MENU I TOP</td>
</tr>
<tr>
<td valign="bottom" align="right">Onlinelidte</td>
</tr>
</table>
</td>
<td width="80%" height="460px" align="left" valign="top">indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br />indhold<br /></td>
</tr>
</table>
</body>
</html>

Synes godt om

nute Nybegynder

19. marts 2004 - 12:41 #5

sbm >> height på <tr> ??? ;o]

want2learn >> prøv at gøre brug af komma og punktum, så det er muligt at forstå hvad det er, du prøver på.

/nute

Synes godt om

sbm Nybegynder

19. marts 2004 - 12:41 #6

Nå. Det opdagede du også selv. :-)

Det burde være PRÆCIS det samme - uanset om det er alm. html som herover, eller om du udskriver det v.hj.a. response.write... Browseren er hamrende ligeglad om det er genereret v.hj.a. ASP eller om det er en flad html-fil.

Du må mangle en " et sted så den ikke kan forstå parametret eller noget i den stil.

Prøv at skrive din tabel ud i browseren, og prøv så at poste hele den genererede HTML her.

Synes godt om

want2learn Nybegynder

19. marts 2004 - 12:53 #7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>XMW ver.3</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="include/one.css" title="one">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="760px" class="tdborder"><tr><td height="86px" colspan="2" class="banner"></td></tr><tr><td height="25px" colspan="2" background="images/menu.gif" valign="middle">                                                   <span class="menutext"><b><a class="menu" href="default.asp"><span class="black">Xmw</span><span class="cchanges">Web</span></a> | <a class="menu" href="designer/"><span class="black">Designer</span><span class="cchanges">Web</span></a> | <a class="menu" href="computer"><span class="black">Computer</span><span class="cchanges">Web</span></a> | <a class="menu" href="internet"><span class="black">Internet</span><span class="cchanges">Web</span></a> | <a class="menu" href="tutorials"><span class="black">Tutorials</span><span class="cchanges">Web</span></a></b></span></td></tr><tr><td width="20%" align="left" valign="top" class="tdborder"><table border="0" cellspacing="3" cellpadding="3" width="100%" height="100%"><tr><td valign="top"><div class="punkt">     <a href="default.asp?page=Information" class="menu"><span class="black"><b>Information</b></span></a></div><div class="punkt">     <a href="default.asp?page=Fremtid" class="menu"><span class="black"><b>Fremtid på XMW</b></span></a></div><div class="punkt">     <a href="default.asp?page=Regler" class="menu"><span class="black"><b>Regler</b></span></a></div><div class="punkt">     <a href="default.asp?page=Kontakt" class="menu"><span class="black"><b>Kontakt</b></span></a></div><div class="punkt">     <a href="default.asp?page=Annoncering" class="menu"><span class="black"><b>Annoncering</b></span></a></div></td></tr><tr><td valign="bottom" align="right"><b>Online<br />Besøg Ialt</b></td></tr></table></td><td width="80%" height="400px" align="left" valign="top" class="tdborder">      <b><a class="hierarchical" href="default.asp">XmwWeb</a></b><span class="se"><b> > </b></span><b>Velkommen til XMW.</b></td></tr><tr><td height="60px" colspan="2" align="center" valign="middle" class="tdcopyright"><td></tr></table>
</body>
</html>

Synes godt om

nute Nybegynder

19. marts 2004 - 13:04 #8

når du sætter height=100%, så er det omkrandsende element også nødt til at have en height ... fx:

<body>
<table border="1" cellpadding="0" cellspacing="0" align="center" width="760px" class="tdborder" height="500px;">
<tr>
<td height="86px" colspan="2" class="banner">
</td>
</tr>
<tr>
<td height="25px" colspan="2" valign="middle">Her er din menu
</td>
</tr>
<tr>
<td width="20%" align="left" valign="top" class="tdborder" height="100%">
<table border="1" cellspacing="3" cellpadding="3" width="100%" height="100%">
<tr>
<td valign="top">
Her er endnu en menu
</td>
</tr>
<tr>
<td valign="bottom" align="right"><b>Online
<br/>Besøg Ialt</b>
</td>
</tr>
</table>
</td>
<td width="80%" height="400px" align="left" valign="top" class="tdborder">
Her er dit inhold
</td>
</tr>
<tr>
<td height="60px" colspan="2" align="center" valign="middle" class="tdcopyright">
<td>
</tr>
</table>
</body>

/nute

Synes godt om

sbm Nybegynder

19. marts 2004 - 13:13 #9

Jeg prøvede i din inderste tabel at erstatte nogle af dine parametre:

<table border="1" cellspacing="3" cellpadding="3" width="100%" height="100%">

blev derfor istedet:

<table border="1" cellspacing="3" cellpadding="3" style="height : 100%; width : 100%;">

Og så opførte den sig pænt.

Synes godt om

nute Nybegynder

19. marts 2004 - 13:21 #10

sbm >> "parametre" ?? "cellpadding", "height" og "border" er atributter ... ikke parametre.

uanset om du sætter heigth som inline styles eller som atributt, så skal man stadig sætte højde på det omkrandende element.

det giver ingen forskel med det eksempel du har postet ... 'online - besøg i alt' står på samme sted uanset

/nute

Synes godt om

want2learn Nybegynder

19. marts 2004 - 13:29 #11

@NUTE

når jeg sætter min store tabel, til height="546px" (86+400+60=546px). så står det der, online stadigvæk samme sted !?

Synes godt om

sbm Nybegynder

19. marts 2004 - 13:31 #12

Ok. Jeg brugte et forkert ord, men meningen trængte vel igennem? :-)

Jeg har i øvrigt bemærket at forskellen er om der er angivet DOCTYPE for oven eller ej. Hvis du fjerner den, opfører den sig som ønsket. Hmmm....

Synes godt om

nute Nybegynder

19. marts 2004 - 13:37 #13

sbm >> man skal *ikke* fjerne doctype ... hvis du gør det, hvordan skal så browseren vide hvordan den skal fortolke dokumentet ?! Hvis man ikke angiver dette, så er det helt op til vindretning og farverne på oldemors underbukser hvordan browseren fortolker dét HTML der er på siden ;-)

want2learn >> du skal sætte det på *alle* elementer ned til din celle ;-] *både* den omkransende tabel *og* din <td> som din indre tabel ligger i. Denne sætter du til 'height="100%"'

Denne:

<table border="0" cellpadding="0" cellspacing="0" align="center" width="760px" class="tdborder">

bliver til:

<table border="0" cellpadding="0" cellspacing="0" align="center" width="760px" class="tdborder" height="546px;">

og denne:

<td width="20%" align="left" valign="top" class="tdborder">
<table border="0" cellspacing="3" cellpadding="3" width="100%" height="100%">

bliver til:

<td width="20%" align="left" valign="top" class="tdborder" height="100%">
<table border="0" cellspacing="3" cellpadding="3" width="100%" height="100%">

så fungerer det hvertfald hos mig ...

/nute

Synes godt om

want2learn Nybegynder

19. marts 2004 - 13:39 #14

du har ret hvis jeg slette den eller laver den om til <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> så virker det !?

Synes godt om

sbm Nybegynder

19. marts 2004 - 13:39 #15

Det var IKKE et forslag. Det var en konstatering af hvorfor det virkede i ovenstående HTML4 eksempler, men ikke i XHTML.

Synes godt om

nute Nybegynder

19. marts 2004 - 13:41 #16

sbm >> og jeg kom med en forklaring på hvorfor ;o]

Synes godt om

want2learn Nybegynder

19. marts 2004 - 13:45 #17

problemet er at DOCTYPE DTD HTML 4.01 virker med det med td'en men så laver den om på mine tekst typer/class.

men DOCTYPE DTD XHTML 1.0 virker med det med mine class/teksttyper men ikek med min TD.

kan jeg kompinerer mine DOCTYPER !?

Synes godt om

want2learn Nybegynder

19. marts 2004 - 13:50 #18

ja det virker det du skrev NUTE, det er bare lidt underligt at der ikke skulel mere til !!

med det er jo den DOCTYPE der bestemmer det kan jeg regne ud !!

men vil du lægge et svar.

Synes godt om

nute Nybegynder

19. marts 2004 - 13:55 #19

svar

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS