scrollen in tabel (heb gezocht)

Pagina: 1
Acties:

  • TeasingU
  • Registratie: Juni 2001
  • Laatst online: 15-09-2022

TeasingU

I Live Longer

Topicstarter
Hoi allemaal,

Ik heb een website gemaakt met Photoshop 7.0 en Dreamweaver 4.0. Na het photoshop gedeelte gesliced te hebben heb ik de images verwerkt in een tabel. (nou ja ik.... photoshop doet dat automatisch)

Aan de rechterkant van het geheel moet een tekstgedeelte komen, net zoals je bij vrijwel elke website ziet. Nu is die tekst soms langer de de tabel, en zonder enige aanpassingen rekt de tabel helemaal uit elkaar. Daarvoor wil ik scrollen in een tabel toepassen. Na wat zoeken ben ik de volgende topic tegengekomen:

[topic=417574/1/25]

Daarin hebben ze het over iframes en css. Omdat ik mijn website niet IE afhankelijk wil maken ga ik dus voor css.

De volgende code heb ik rechtstreeks overgenomen, en heb alleen de width en de height aangepast:

<!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>
// Hier stond nog meer.......
</table>
</body>
</html>

Dit is een gedeelte van mijn code, waar ik alleen de height en de width heb aangepast: (ik gebruik dreamweaver 4)

<td ROWSPAN=7 width=560 height=376 bgcolor="#000066"><span style="position:relative; top:0px; left:0px; width:560px; height:376px;overflow-y:scroll;">

Om een lang verhaal kort te maken, dit werkt wel goed in IE maar niet in Netscape (6.2.3)kan iemand zeggen wat ik fout doe? Ik geloof dat Netscape toch gewoon css aankan.

cd /usr/ports/www/porn make install


  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

dat moet je ff aan Blues vragen; die is cool :P

Volgens mij is die code toch W3 approved zou dus voor de meeste browsers moeten werken...

www.jurgroessen.nl


Verwijderd

als ik de span vervang door een div werkt het wel... RAAAAARRRRR

edit ----------------->

als je dit toevoegd aan jouw voorbeeld werkt het iig in Mozilla 1.1b
code:
1
display: block;

Verwijderd

Op dinsdag 23 juli 2002 16:16 schreef Shadow3333 het volgende:
code:
1
display: block;
Lijkt me ook logisch dat de overflow-property alleen van toepassing is op block-level elements. SPAN is inline.

Verwijderd

Op dinsdag 23 juli 2002 16:30 schreef Milkman_Dan het volgende:

Lijkt me ook logisch dat de overflow-property alleen van toepassing is op block-level elements. SPAN is inline.
yup, je hebt gelijk :) daar kwam ik dus ook achter.

  • TeasingU
  • Registratie: Juni 2001
  • Laatst online: 15-09-2022

TeasingU

I Live Longer

Topicstarter
Dus dan toch met SPAN blijven werken?

btw na de aanpassing werkt het nog niet.

Ondertussen zoek ik nog ff verder :)

cd /usr/ports/www/porn make install


Verwijderd

Op dinsdag 23 juli 2002 16:54 schreef TeasingU het volgende:
Dus dan toch met SPAN blijven werken?

btw na de aanpassing werkt het nog niet.

Ondertussen zoek ik nog ff verder :)
welke aanpassing? naar div veranderd, of display: block; in je style gezet?

Als je het werkend wil krijgen in NS 6.2 zou ik gewoon een div gebruiken. (nogmaals, het werkt met die span en display: block dus wel in Mozilla 1.1b, dus misschien een bug in NS?)

Verwijderd

Op dinsdag 23 juli 2002 16:58 schreef Shadow3333 het volgende:
Als je het werkend wil krijgen in NS 6.2 zou ik gewoon een div gebruiken. (nogmaals, het werkt met die span en display: block dus wel in Mozilla 1.1b, dus misschien een bug in NS?)
Of toch gewoon een inline frame gebruiken, dat werkt wel in NS 6 en (recente versies van) Opera.
Pagina: 1