Scrollbar in tabel

[Verwijderd]

Mijn broertje moet voor school een website bouwen over formule 1, en aangezien hij daar weer eens een keer veel te laat aan begonnen is is het nu stressen, en grote broer om hulp vragen... zucht.

Ik heb nu dus een achtergrondje gemaakt, in fireworks in stukken geknipt en menuutje gemaakt en daarna alles geëxporteerd naar dreamweaver. Nu wil ik in een tabel een scrollbalk maken...

Ik heb alle topics al afgelopen, maar ik blijf een probleem houden met het invoegen van die scrollbalk in die tabel. Ik heb het geprobeerd met een iframe en ook met CSS maar volgens mij doe ik iets fout. Kan het er misschien iets mee te maken hebben dat ik de html pagina vanuit fireworks geëxporteerd heb? Of dat ik de lay-out van de pagina niet goed heb staan?

Ik zal hieronder even een plaatje posten van hoe het zou moeten worden... De scrollbalk moet in het middelste blauwe deel, zodat je zeg maar "in de helm" kunt scrollen.



Klik voor grote versie

Namens een wanhopig broertje alvast bedankt

[dominic]

Zoek eens op overflow style attribute, dan heb je het al snel door denk ik.

Ik heb alle topics al afgelopen, maar..

Damn, dan heb je meer gelezen dan ik..

[ Voor 39% gewijzigd door dominic op 22-09-2003 19:12 ]

[crisp]

idd, overflow. Post anders eens een stuk van de HTML en leg ons eens uit wat je al precies geprobeerd hebt en waarom het niet werkt. Een iframe met de juiste attributen zou namelijk ook gewoon moeten werken hoor

[Verwijderd]

Ik heb nu dit voor de betreffende cel in de tabel.

code:

 td>[img]"TimHelm_r4_c1.jpg"[/img]</td>
    <td colspan="7" class="tim"> <p>&nbsp;</p></td>}

[Johnny]

code:

<td>[img]"TimHelm_r4_c1.jpg"[/img]</td>
    <td colspan="7" style="height: 155px; overflow: scroll;" class="tim"> <p>&nbsp;</p></td>

Met overflow-x: en overflow-y: zou je eventueel de horizontale scrollbar kunnen weghalen, maar dat werkt alleen in MSIE, voor Mozilla is daar weer een andere code voor.

[ Voor 23% gewijzigd door Johnny op 22-09-2003 20:01 ]

[Talon]

code:

<DIV STYLE="overflow:auto; 
width:400px; 
height:300px; 
border-left:0px gray solid; 
border-bottom:0px gray solid; 
border-right:0px gray solid; 
border-top:0px gray solid; 
padding:0px; 
margin:0px">  
<!-- insert table here -->
</DIV>

Deze code geeft een scrollable tabel van 400 bij 300 pixels met normale scrollbars.
Daar moet je wel een tabel in zetten van 100% breed.
Deze code komt van http://www.pointofview-online.com
Hij werkt gelukkig bij alle browsers (of de browser waar hij het niet doet moet ik nog tegen komen)

[ Voor 16% gewijzigd door Talon op 22-09-2003 20:07 . Reden: layout verneuking verholpen ]

[Verwijderd]

...Hij werkt gelukkig bij alle browsers (of de browser waar hij het niet doet moet ik nog tegen komen)

Probeer Opera eens, daar werkt het niet in


Misschien ook een oplossing via dhtml en divs:

- de demo: http://www.dhtmlcentral.com/script/script4_demo.html
- de source code: http://www.dhtmlcentral.com/script/script.asp?id=4


Deze werkt in zowel IE, NN, Mozilla, Opera en Safari op Mac.

[ Voor 43% gewijzigd door Verwijderd op 22-09-2003 23:04 ]

[crisp]

Verwijderd schreef op 22 September 2003 @ 22:54:
[...]


Probeer Opera eens, daar werkt het niet in


Misschien ook een oplossing via dhtml en divs:

- de demo: http://www.dhtmlcentral.com/script/script4_demo.html
- de source code: http://www.dhtmlcentral.com/script/script.asp?id=4


Deze werkt in zowel IE, NN, Mozilla, Opera en Safari op Mac.

Opera 6, en anders 7 zeker kunnen ook gewoon omgaan met iframes en overflow binnen divs. Verder vind ik dit toch meer iets wat TS zelf zal moeten uitvogelen verder, er zijn nu wel genoeg tips gegeven lijkt me zo