Avatar billede mikmakmuk Nybegynder
12. maj 2003 - 13:00 Der er 7 kommentarer og
1 løsning

tabel med låst overskrift

Hej Eksperter,

Jeg har længe tænkt over hvordan man laver en tabel hvor overskriften er låst, altså ikke bevæger sig når man scroller. Dette er midt bedste bud

<html>
<head>
<title></title>
</head>
<body style="overflow-y:hidden;overflow-x:hidden;">

<table style="height:100%;width:200px;table-layout:fixed;">
<tr>
<td style="height:20px;width:100px;">overskrift1</td>
<td style="height:20px;width:100px;">overskrift2</td>
</tr>

<tr>
<td colspan="2" style="height:100%;position:relative;">
<div style="overflow-y:auto;overflow-x:hidden;width:100%;height:100%;">
   
    <table style="width:200px;">
    <tr>
    <td style="width:100px;">123</td>
    <td style="width:100px;">321</td>
    </tr>
    </table>
</div>
</td>
</tr>
</table>
</body>
</html>

Kan jeg på nogen måde få det hele lagt i en tabel?
Avatar billede roenving Novice
12. maj 2003 - 13:05 #1
En tabel mere ?
Avatar billede mikmakmuk Nybegynder
12. maj 2003 - 13:10 #2
Det jeg mener er at det er en lidt kikset måde jeg har fået lagt tabel 2 ind på :-)
Avatar billede doggy82 Praktikant
12. maj 2003 - 13:14 #3
Nej du kan ikke ha' det i en tabel.
Med mindre du laver overskriften som grafik.
Så kan du bruge CSS:
body{
    background-image: url("overskrift1.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left top;
}

- er en mulighed.
Avatar billede roenving Novice
12. maj 2003 - 13:16 #4
Hvad med at lægge dit indhold ind i en iframe -- det giver en masse muligheder ...

hth
jes
Avatar billede doggy82 Praktikant
12. maj 2003 - 13:16 #5
Om det skal være under eller over teksten kan sættes med z-index.
http://www.w3schools.com/css/css_positioning.asp
Avatar billede doggy82 Praktikant
12. maj 2003 - 13:18 #6
Eller så'n her:
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0;
top:0;
z-index:-1
}
</style>
</head>

<img class="x" src="overskrift1.gif"
Avatar billede mikmakmuk Nybegynder
12. maj 2003 - 13:44 #7
Tak for hjælpen. Jeg tror det letteste for mig at er gøre således. Det som skal være i tabellen er et databaseudtræk baseret på nogle variable som bliver sendt til siden. Derfor er jeg ikke så meget for at sætte en IFrame ind

<html>
<head>
<title></title>
</head>
<body style="overflow-y:hidden;overflow-x:hidden;">
<p align="center">Tabel med låst overskrift</p>
<p align="center">
<table border="0" style="height:90%;width:220px;table-layout:fixed;text-align:center;" cellpadding="0" cellspacing="0">
<tr>
<td style="height:20px;width:100px;">overskrift1</td>
<td style="height:20px;width:100px;">overskrift2</td>
<td style="height:20px;width:20px;"></td>
</tr>

<tr>
<td colspan="3" style="height:100%;position:relative;">
<div style="overflow-y:auto;overflow-x:hidden;width:100%;height:100%;">

<table border="0" style="width:220px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width:100px;">123</td>
<td style="width:100px;">321</td>
<td style="width:20px;"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</p>
</body>
</html>
Avatar billede mikmakmuk Nybegynder
14. maj 2003 - 19:28 #8
Lukker og slukker
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