Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

div/layer stilstaand boven scrollend scherm

None
13 antwoorden
  • Ik zal maar meteen van wal steken; ik heb nooit meer een div of een layer neergezet sinds ik heb gezien hoe Frontpage ze gebruikte.

    Maar nu wil ik weer wat nieuws. En dat is:
    Stel, ik heb een menu dat zeg maar, 200px breed is, en 300px hoog (een frame van die afmetingen dus). zodra de lijst langer wordt, gaat hij scrollen. nou is het wel leuk dat de items aan de bovenkant altijd maar onder een houterig recht randje verdwijnen, maar ik wil er een mooie golf aan geven.

    dit wil ik doen door een transparante gif te maken, met die golf. een lichte antialias, geen schaduw of wat, kweet dat dat niet kan. maar dan moet die gif nog bovenaan de lijst blijven staan, én on top. ik heb geen verstand van layers/divs en wil dus een van beide bovenaan de lijst pleuren en hem dan een z-index meegeven zodat hij iig bovenaan staat.
    vervolgens wil ik hem stil laten staan, ook al scrollt de pagina. dit is ook wel in van die dhtml menuutjes te vinden, maar dan gaat het zo houterig, met vertraging. zal dat in dit geval ook zo zijn?
    hoe moet je - als het al nodig is - z-index instellen? is 1 het hoogste of 200zoveel het hoogste?
    zal de layer in alle browsers stil blijven staan of is mijn idee totaal niet compatible? is een layer van nature transparant of is hij (in sommige browsers) gewoon wit en overlapt hij dus de content eronder?
    hij hoeft dus niet 'over frames heen' te liggen, hij blijft binnen de randen van dat frame. ik wil alleen dat hij bóven de tekst blijft staan en dat hij stil blijft staan.
    is dit te realiseren, liefst browser compatible?

    Groetz, Toeter84

    _________________
    www.heidi.stylite.nl
    If I keep it up, I'm gonna make it - I'm so very close can't you see - [i:34c34d2423]No Doubt[/i:34c34d2423]

    [ Dit Bericht is bewerkt door: Toeter84 op 2002-02-10 00:23 ]
  • Een layer is normaal transparant dacht ik (zolang je er geen achtergrondkleur aan geeft), en hoe hoger het getal van de z-index, hoe hoger hij op de stapel van layers ligt.
  • Dan heb je het dus over
    [code:1:b01558d6ca]
    <layer></layer>
    [/code:1:b01558d6ca]
    ?
    Ondersteunt Netscape dat, en Internet Explorer?
  • Ik heb het over <div></div>, en zowel netscape als internet explorer ondersteunen dat.
  • http://home-3.tiscali.nl/~jwavl/dilbert/layer/

    Bekijk layers.html en layers.css. Kijk dus ook goed naar de bron. Je ziet dat er twee dingen over elkaar heen gaan. Ik gebruik hiervoor een .css bestand, reuze handig.

    De bestanden kun je downloaden door even je rechtermuisknop te gebruiken > Doel opslaan als.

    Dilbert
  • handig… :smile: okee en nou wil ik dus dat div 1 stil blijft staan terwijl div 2 eronder door scrollt. Kan dat, en door welke code?
  • Op http://www.dhtmlcentral.com/ zijn van die scrollscripts te downloaden.

  • Ik denk dat ik snap wat jij bedoelt.
    Ga eens naar http://www.htmlstudios.f2s.com > Over HTML Studios > formulier. Als je dan naar beneden scrollt blijft het menu op z'n plek.

    Is dit het? In de bron staat de volledige code.
  • [way off-topic]Leuke site, een complete site met meer dan 100 pagina's kost 400 euro, dan mogen ze van mij http://www.microsoft.com wel opnieuw maken :wink:[/way off-topic]
  • Dat gaat inderdaad errug hobbel-de-bobbel!
    Ik heb nu een oplossing gevonden, zie:

    [code:1:b08ad8c31d]<div><img src="http://localhost/portfolio/map/plaatje.jpg"></div>
    <div style="OVERFLOW: scroll; WIDTH: 100%; HEIGHT: 100%">blaat</div>
    [/code:1:b08ad8c31d]

    maar nu werkt het in Netscape niet… die scrollt de bovenste div mooi mee :sad:
  • [quote:b1bad850c1]
    Op 10-02-2002 19:19, schreef Dilbert:
    Ik denk dat ik snap wat jij bedoelt.
    Ga eens naar http://www.htmlstudios.f2s.com > Over HTML Studios > formulier. Als je dan naar beneden scrollt blijft het menu op z'n plek.

    Is dit het? In de bron staat de volledige code.

    [/quote:b1bad850c1]

    Is wel een oudje zeg. Helemaal vergeten dat je die had. Heb je die prijzen laatst overgezet naar Euro's?
  • [quote:a3f7474a6c]
    Op 10-02-2002 19:47, schreef Bill Gates:
    [way off-topic]Leuke site, een complete site met meer dan 100 pagina's kost 400 euro, dan mogen ze van mij http://www.microsoft.com wel opnieuw maken :wink:[/way off-topic]

    [/quote:a3f7474a6c]

    Ik heb deze site ik denk nu iets meer dan 1,5 jaar geleden gemaakt. Zoals jij hem stelt >100 pagina's = 400 Euro is idd :grin: :grin: :grin: , nooit bij nagedacht. De site is dus van mij, maar ik kan hem niet meer bereiken, passwords kwijt en dergelijke.
    Het enige dat ik nog heb, is dat hij bestaat. :cry:

    En voor George: Antwoord eens iets dat jij niet aan mij persoonlijk hoeft te vertellen. Ongeveer driekwart van je posts zijn korte nutteloze reacties die echt totaal niets te maken hebben met de topic. En nee, de prijzen stonden al in Euro's :razz: :razz: :razz:

  • [quote:237f9b201a]
    Op 10-02-2002 19:55, schreef Toeter84:
    Dat gaat inderdaad errug hobbel-de-bobbel!
    Ik heb nu een oplossing gevonden, zie:

    [code:1:237f9b201a]<div><img src="http://localhost/portfolio/map/plaatje.jpg"></div>
    <div style="OVERFLOW: scroll; WIDTH: 100%; HEIGHT: 100%">blaat</div>
    [/code:1:237f9b201a]

    maar nu werkt het in Netscape niet… die scrollt de bovenste div mooi mee :sad:

    [/quote:237f9b201a]

    Niet geweten dat dat ook kon. - Wat is je bron-> Waar heb je het vendaan? :razz:
    Alleen jammer van Netscape.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.