Søg
Avatar billede ferrari_brian Nybegynder
29. november 2002 - 11:43 Der er 6 kommentarer og
1 løsning

Tabeller og scroll

Jeg har lavet en side i tabeller og jeg vil gerne have den til at kunne scroll i det felt hvor min tekst skal stå for at siden ikke skal blive for lang...

jeg har prøvet lidt forskelligt, men jeg har ikke kunnet få det til at virke...

der er en del celler i min tabel men det er kun i den ene celle der skal scrolles....
Avatar billede ferrari_brian Nybegynder
29. november 2002 - 11:49 #1
Her er min kode, hvis det er en hjælp:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>


    <LINK REL=Stylesheet HREF="style.css" TYPE="text/css">
</head>
<body>
<center>
    <table width="670" height="539" border="4" cellspacing="1" cellpadding="0">
        <tr height="35">
            <td width="110" height="35"></td>
            <td width="10" height="35"></td>
            <th valign="top" nowrap bgcolor="#DCDCDC" align="center" height="35" width="400"><h1>overskrift</h1></th>
            <td width="10" height="35"></td>
            <td width="110" height="35"></td>
        </tr>
        <tr height="10">
            <td height="10"></td>
            <td height="10" width="10"></td>
            <td height="10" width="400"></td>
            <td height="10" width="10"></td>
            <td height="10"></td>
        </tr>
        <tr height="200">
                    <td valign="middle" width="110" bgcolor="#dcdcdc" align="center" nowrap>
<!-- start p menu--!>
    <table border="0" cellpadding="0" cellspacing="0" width="100">
        <tr>
            <td class=overskrift>MENU</td>
        </tr>
        <tr>
            <td class=menu><a href="index.html" class=menupunkt>Forsiden</a></td>
        </tr>
        <tr>
            <td class=menu><a href="profil.html" class=menupunkt>Profil</a></td>
        </tr>
        <tr>
            <td class=menu><a href="produkter.html" class=menupunkt>Produkter</a></td>
        </tr>
        <tr>
            <td class=menu><a href="designanalyse.html" class=menupunkt>Designanalyse</a></td>
        </tr>
        <tr>
            <td class=menu><a href="links.html" class=menupunkt>Links</a></td>
        </tr>
    </table>
<!--slut p menu--!>
            </td>
            <td width="10"></td>
            <td valign="top"bgcolor="#f5f5f5" rowspan="2" height="450"  width="400" nowrap>

teksten skal være her


  </td>
            <td valign="top" width="10"></td>
            <td valign="top" width="110" bgcolor="#dcdcdc">Menu 2</td>
        </tr>
        <tr height="220">
            <td valign="top" width="110" height="220"></td>
            <td width="10" height="220"></td>
            <td valign="top" width="10" height="220"></td>
        <td valign="top" width="110" height="220"></td>
        </tr>
        <tr height="10">
            <td></td>
            <td width="10"></td>
            <td width="400"></td>
            <td width="10"></td>
            <td></td>
        </tr>
        <tr height="25">
            <td valign="top" height="25"></td>
            <td height="25" width="10"></td>
            <td bgcolor="#dcdcdc" height="25" width="400">links - links</td>
            <td height="25" width="10"></td>
            <td height="25"></td>
        </tr>
    </table>   
</center>
</body>
</html>
Avatar billede ameq Nybegynder
29. november 2002 - 11:50 #2
keder du <ifram></ifram>
Avatar billede ferrari_brian Nybegynder
29. november 2002 - 11:54 #3
det virker ikke helt for min tekst forsvinder så... jeg har prøvet med

<iframe scrolling="yes" width="400" height="450"> her er min tekst</iframe>

men der forsvinder teksten og der bliver en kant i den side hvor scroll-baren er ...
Avatar billede corax Nybegynder
29. november 2002 - 11:54 #4
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>


    <LINK REL=Stylesheet HREF="style.css" TYPE="text/css">
    <style>
.scroll {
overflow : auto;
height : 100%;
}
</style>
</head>
<body>
<center>
    <table width="670" height="539" border="4" cellspacing="1" cellpadding="0">
        <tr height="35">
            <td width="110" height="35"></td>
            <td width="10" height="35"></td>
            <th valign="top" nowrap bgcolor="#DCDCDC" align="center" height="35" width="400"><h1>overskrift</h1></th>
            <td width="10" height="35"></td>
            <td width="110" height="35"></td>
        </tr>
        <tr height="10">
            <td height="10"></td>
            <td height="10" width="10"></td>
            <td height="10" width="400"></td>
            <td height="10" width="10"></td>
            <td height="10"></td>
        </tr>
        <tr height="200">
                    <td valign="middle" width="110" bgcolor="#dcdcdc" align="center" nowrap>
<!-- start p menu-->
    <table border="0" cellpadding="0" cellspacing="0" width="100">
        <tr>
            <td class=overskrift>MENU</td>
        </tr>
        <tr>
            <td class=menu><a href="index.html" class=menupunkt>Forsiden</a></td>
        </tr>
        <tr>
            <td class=menu><a href="profil.html" class=menupunkt>Profil</a></td>
        </tr>
        <tr>
            <td class=menu><a href="produkter.html" class=menupunkt>Produkter</a></td>
        </tr>
        <tr>
            <td class=menu><a href="designanalyse.html" class=menupunkt>Designanalyse</a></td>
        </tr>
        <tr>
            <td class=menu><a href="links.html" class=menupunkt>Links</a></td>
        </tr>
    </table>
<!--slut p menu-->
            </td>
            <td width="10"></td>
            <td valign="top"bgcolor="#f5f5f5" rowspan="2" height="450"  width="400" nowrap>
            <div class="scroll">

teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>
teksten skal være her<br>


</div>
  </td>
            <td valign="top" width="10"></td>
            <td valign="top" width="110" bgcolor="#dcdcdc">Menu 2</td>
        </tr>
        <tr height="220">
            <td valign="top" width="110" height="220"></td>
            <td width="10" height="220"></td>
            <td valign="top" width="10" height="220"></td>
        <td valign="top" width="110" height="220"></td>
        </tr>
        <tr height="10">
            <td></td>
            <td width="10"></td>
            <td width="400"></td>
            <td width="10"></td>
            <td></td>
        </tr>
        <tr height="25">
            <td valign="top" height="25"></td>
            <td height="25" width="10"></td>
            <td bgcolor="#dcdcdc" height="25" width="400">links - links</td>
            <td height="25" width="10"></td>
            <td height="25"></td>
        </tr>
    </table>   
</center>
</body>
</html>
Avatar billede ferrari_brian Nybegynder
29. november 2002 - 12:01 #5
fantastisk... det virkede med... :-)

<style>
.scroll {
overflow : auto;
height : 100%;
}
</style>

<div class="scroll"></div>

så det må helt klart være corax's point... :-)
Avatar billede corax Nybegynder
29. november 2002 - 12:03 #6
Du kan bare sætte selectoren .scroll ind i dit eksisterende stylesheet og fjerne dét, jeg har sat ind i headeren.

Hilsen Corax.
Avatar billede ferrari_brian Nybegynder
29. november 2002 - 12:12 #7
takker
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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
I går 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I går 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I går 11:16 problem med mailbesked Af Pestilensen i Excel
I går 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »