Scrollen binnen een cel van een tabel.... - Softwareontwikkeling

woensdag 20 februari 2002 17:58

Acties:

0 Henk 'm!

Topicstarter

Is er een tag die het mogelijk maak om binnen een cel van een tabel te scrollen, zodat als er veel tekst erin zit de tabel niet uitrek maar dat je kan scrollen ????

MacBook Pro 2019 | Oppo Reno 2 | Panasonic Lumix TZ70

woensdag 20 februari 2002 18:06

Acties:

0 Henk 'm!

Woudloper

« - _ - »

Het is mogelijk, maar dat wordt dan alleen gesupport door IE4+ en door NS6+, het voorbeeld is als volgt:

code:

<table>
 <tr>
  <td><iframe src="blabla.html" width="10" height="400"></iframe></td>
 </tr>
</table>

woensdag 20 februari 2002 18:09

Acties:

0 Henk 'm!

Ms_Hyde

Topicstarter

Bedank, ik zal het proberen....

MacBook Pro 2019 | Oppo Reno 2 | Panasonic Lumix TZ70

woensdag 20 februari 2002 18:12

Acties:

0 Henk 'm!

Hangloozz

{ @$%&# }

Op woensdag 20 februari 2002 18:06 schreef Woudloper het volgende:
Het is mogelijk, maar dat wordt dan alleen gesupport door IE4+ en door NS6+, het voorbeeld is als volgt:

nee hoor, da's niet helemaal waar.
Je hoeft bijvoorbeeld al geen iframe te gebruiken.

hier een voorbeeldje:

code:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="2" cellpadding="3" cellspacing="0" bgcolor="#CCDDCC">
    <tr>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
    </tr>
    <tr>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
    </tr>
</table>
</body>
</html>

www.jurgroessen.nl

woensdag 20 februari 2002 18:14

Acties:

0 Henk 'm!

Woudloper

« - _ - »

Hangloozz:
nee hoor, da's niet helemaal waar.
Je hoeft bijvoorbeeld al geen iframe te gebruiken.

Hangloozz je hebt helemaal gelijk, al gebruik ik de CSS functie niet zo vaak.... Maar dat is wel een betere oplossing...

woensdag 20 februari 2002 18:23

Acties:

0 Henk 'm!

Verwijderd

of zo:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en">
<head>
    <title>Untitled Document</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#ffffff" text="#000000">
<table border="0" cellpadding="4" cellspacing="0">
    <tr>
        <td>
            <table border="1" width="200">
                <thead>
                    <tr>
                        <th bgcolor="#C6CED6">
                            HEADER
                        </th>
                    </tr>
                </thead>
                <tbody style="height: 200px; overflow: auto;">
<tr>
<td>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
bla bla bla bla bla bla bla bla bla bla<br>
</td>
</tr>
            </tbody>
        </table>
    </td>
</tr>
</table>
</body>
</html>

dat zou moeten werken volgens de HTML 4.01 norm

woensdag 20 februari 2002 18:57

Acties:

0 Henk 'm!

Ms_Hyde

Topicstarter

Nou die iframe lijkt toch wat makkelijker, maar weinig mensen gebruiken internet explorer lager dan 4.0.

ik heb al geprobeerd, en in mijn MSN Explorer doet ie het goed, maar ik ga de andre methodes ook ff proberen....

MacBook Pro 2019 | Oppo Reno 2 | Panasonic Lumix TZ70

woensdag 20 februari 2002 22:09

Acties:

0 Henk 'm!

Hangloozz

{ @$%&# }

nadeel van die iframe is dat je een extra html-document op moet maken, en bij communicatie moet je te werk gaan als bij communicatie tussen frames.

www.jurgroessen.nl

dinsdag 18 juni 2002 18:19

Acties:

0 Henk 'm!

Verwijderd

en hoe kan je met dat van Hanglooz alleen verticaal scrollen ???

dinsdag 18 juni 2002 19:09

Acties:

0 Henk 'm!

Verwijderd

Niet helemaal netjes, maar je kan ook gebruik maken van een DIV icm overflow: auto...

dinsdag 18 juni 2002 21:18

Acties:

0 Henk 'm!

Hangloozz

{ @$%&# }

Op dinsdag 18 juni 2002 18:19 schreef Xenation het volgende:
en hoe kan je met dat van Hanglooz alleen verticaal scrollen ???

door aan te geven dat alleen in de Y richting gescrolled mag worden:

code:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table border="2" cellpadding="3" cellspacing="0" bgcolor="#CCDDCC">
    <tr>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow-y:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow-y:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
    </tr>
    <tr>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow-y:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
        <td>
            <span style="position:relative; top:0px; left:0px; width:120px; height:120px;overflow-y:scroll;"><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr><nobr>Blues is cool; Blues is cool;</nobr></span>
        </td>
    </tr>
</table>
</body>
</html>

[skoezaa] fat ass topic layout verklooiing

[/skoezaa]