Søg
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 13:53 Der er 28 kommentarer og
1 løsning

tabel layout

Hej alle eksperter.

Jeg har en tabel som indeholder mere data end der kan stå på skærmen. Er der en smart måde at få tabeloverskrifterne til at blive stående når man scroller?
Avatar billede tangveje Nybegynder
17. december 2002 - 14:00 #1
Ikke umidelbart... Du kan dog ordne det med noget javascript, prøv at kigge her

http://www.xs4all.nl/~ppk/js/fixedmenu.html

Det kan du helt sikkert omskrive lidt til dit behov
Avatar billede flash-man Nybegynder
17. december 2002 - 14:00 #2
kom nogen iframes ind der hvor der er 'for meget' tekst...
Avatar billede cdc Novice
17. december 2002 - 14:08 #3
Det er jo en undødvendig løsning, hvis folk klikker ind på linket og begynder at scrolle, er de jo klar over hvad de sidder og læser, så er det jo ligemeget med overskriften

/cdc
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 14:14 #4
ikke helt /cdc. Helt konkret er der tale om en kontooversigt. Så det ville være dejligt hvis tableheaderne blev stående.
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 14:23 #5
Måske har jeg ikke beskrevet "problemet" grundigt nok.

I princippet er det her alt jeg gerne vil opnå

<table>
<tr>
<th>etellerandet</th>
<th>etellerandet</th>
<th>etellerandet</th>
</tr>

Her laver jeg så en DB forespørgsel (via en servlet) og får dannet et resultset

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

Det jeg så gerne vil er at få <th>'erne til at blive stående, hvis der er for meget data.
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 14:26 #6
Jeg kan selvfølgelig lægge overskrifterne ind i en helt anden tabel som jeg så sætter foroven også kører resultsettet igennem i en anden tabel, men det kan da umuligt være det smarteste :-)
Avatar billede cdc Novice
17. december 2002 - 14:26 #7
Hvad med at lave et "vandmærke" i bagrunden, hvor det står konto nedad i højreside f.eks.
Synes den med at overskriften skal følge med, ødelægger mere en den gavner, og vil stå i vejen for texten når man scroller.
Så ville det nok være mebdre med en iframe og ssi
Avatar billede cdc Novice
17. december 2002 - 14:28 #8
det med tabellen er jo fint nok, hvis du så bruger overflow på cellen så der kommer en scrollbar i den celle der skal scrolles
Avatar billede sthen Nybegynder
17. december 2002 - 14:37 #9
.overflowScroll {
    width: 100%;
    overflow-y : auto;
  overflow-x : hidden;
}

og så CLASS="overflowScroll" i de <TD>'er hvor der skal scrolles
Avatar billede sthen Nybegynder
17. december 2002 - 14:39 #10
<table>
<tr>
<th>etellerandet</th>
<th>etellerandet</th>
<th>etellerandet</th>
</tr>

<tr>
<td CLASS="overflowScroll">etellerandet</td>
<td CLASS="overflowScroll">etellerandet</td>
<td CLASS="overflowScroll">etellerandet</td>
</tr>
</table>

i forbindelse med ovenstående CSS
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:07 #11
Hmmm hvad gør jeg forkert
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:08 #12
.tablecell6
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
    BORDER: 0PX SOLID BLACK;
    BACKGROUND-COLOR: #FDE293;
    width: 100%;
        overflow-y : auto;
      overflow-x : hidden;
}

.tableHeaderCell6
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-ALIGN: LEFT;
    border: 0px solid black;
    HEIGHT: 15PX;
    BACKGROUND-COLOR: #FF9900;
    padding: 0px 0px 0px 1px;
}
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:10 #13
<table class='tablecell6' style='width:95%' cellpadding='0' cellspacing='0'>
<tr>
<th class='tableheadercell6' style='width:20%;'>etellerandet</th>
<th class='tableheadercell6' style='width:40%;'>etellerandet</th>
<th class='tableheadercell6' style='width:40%;'>etellerandet</th>
</tr>

<tr>
<td>etellerandet</td>
<td>etellerandet</td>
<td>etellerandet</td>
</tr>
<tr>
<td>etellerandet</td>
<td>etellerandet</td>
<td>etellerandet</td>
</tr>


</table>
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:11 #14
Jeg har prøvet at putte mere data i end der kan være på skærmen, men headerne scroller bare med
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:12 #15
det var jo det jeg gerne ville undgå
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:19 #16
Det kan jeg ikke få til at virke
Avatar billede cdc Novice
17. december 2002 - 15:23 #17
henter du informationer ind på siden fra en database eller er det bare text ?
den skal laves i <div>
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:38 #18
Det er noget jeg henter fra en database
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:38 #19
altså i princippet
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:39 #20
her kan I se hvad det er jeg prøver at gøre

http://www.web-oasen.dk/test
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:39 #21
Det er min egen server
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:45 #22
Jeg har prøvet at gøre som I har sagt men det syntes bare ikke at virke :-(
Avatar billede cdc Novice
17. december 2002 - 15:48 #23
Her er en med div, men ved ikke om man kan hente noget fra en database ind:

<html>

<head>

<title></title>

</head>

<body>


<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<td width="300">&nbsp;</td>
<td width="300">
<div style="width:100%; height:190px; overflow:auto">
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
tekst tekst tekst tekst tekst tekst<br>
</div></td>
<td width="300">&nbsp;</td>
</tr>
</table>
</body>

</html>
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 15:52 #24
ømmmmm
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 16:06 #25
Jeg viser lige hvad det er jeg gerne vil have
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 16:30 #26
hvad er der galt med min kode :-(

http://www.web-oasen.dk/test

Der kommer ikke en scrollbar frem
Avatar billede mikmakmuk Nybegynder
17. december 2002 - 16:53 #27
Nu virker det næsten
Avatar billede cdc Novice
17. december 2002 - 18:10 #28
kan dette hjælpe dig lidt på vej:
<html>

<head>

<title></title>

</head>

<body>


<table border="1" cellspacing="0" cellpadding="0" height="200">
<tr>
<td width="100">&nbsp;</td>
<td width="100">
</td>
<td width="100">&nbsp;</td>
</tr>
<tr>
<td width="300" colspan="3">
<div style="width:100%; height:190px; overflow:auto">
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
tekst tekst tekst tekst tekst tekst
</div></td>
</tr>
</table>
</body>

</html>
Avatar billede mikmakmuk Nybegynder
18. december 2002 - 13:54 #29
Det virker ikke som om at flere kan hjælpe mig så jeg lukker spørgsmålet :-(
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »