Avatar billede starleicht Nybegynder
30. marts 2009 - 10:42 Der er 8 kommentarer og
1 løsning

css overflow

Jeg bruger css overflow til at vise en laaang tabel med scrollbar på en side.

Det er det nederste af tabellen, der er relevant. Kan jeg få siden til at starte op, så det nederste af tabellen vises, så det ikke er nødvendig at scrolle ned?

div.gardin    {
    overflow: auto; width: 890; height: 500;
    scrollbar-3dlight-color:#746636;
    scrollbar-arrow-color:#FFFF00;
    scrollbar-base-color:#94AACE;
    scrollbar-track-color:#94AACE;
    scrollbar-darkshadow-color:#746636;
    scrollbar-face-color:#00009C;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#746636;
}
Avatar billede zips Juniormester
30. marts 2009 - 12:15 #1
Du kan ikke bruge css til at lave en funktion, css er kun til makeover/styling af siden.

Men man kan sætte et anker på din tabel og linke ned på siden og derved få den til at hopper der ned.

Ellers er det noget javasscript du skal have fat i :-)
Avatar billede olebole Juniormester
30. marts 2009 - 12:26 #2
<ole>

- og så virker denne del af din CSS ikke:
    width: 890; height: 500;

Der skal stå:
    width: 890px; height: 500px;

Hvis kun det er den nederste del af tabellen, der er relevant, lader du naturligvis bare være med at udskrive den irrelevante del af tabellen  ;o)

/mvh
</bole>
Avatar billede starleicht Nybegynder
30. marts 2009 - 12:59 #3
Tak - men det øverste af tabellen er nu også relevant, men mindre end bunden.

Kan man lave et anker uden at det fremgår af url'en
Avatar billede starleicht Nybegynder
30. marts 2009 - 13:13 #4
Hej Ole

Dur ikke med anker - jeg skal bruge css

Jeg prøver med noget javascript, har fundet nogle henvisninger

http://www.google.dk/search?hl=da&rlz=1C1GGLS_daDK292DK303&q=css+autoscroll+down&btnG=Søg&meta=
Avatar billede olebole Juniormester
30. marts 2009 - 13:59 #5
Har du overvejet noget i stil med:

<script type="text/javascript">
window.onload = function() {
    location.hash = "#bund"
}
</script>

<p><a href="?id=123">TEST</a></p>

<table>
<tbody>
<tr><td><div style="width:20px;height:2000px;background:red">bla</div></td></tr>
<tr><td id="bund">Bund</td></tr>
</tbody>
</table>
Avatar billede starleicht Nybegynder
30. marts 2009 - 14:16 #6
Sådan Ole - det virker fint!!

Tak!
Avatar billede starleicht Nybegynder
30. marts 2009 - 14:16 #7
skriver du et svar?
Avatar billede olebole Juniormester
30. marts 2009 - 14:22 #8
Selvtak  ;o)
Avatar billede olebole Juniormester
30. marts 2009 - 14:27 #9
- og tak for points  =)
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