div vraagje .......

[NuKeFaCe]

heb de search gebruikt en zelf geprobeert .. maar ik kom er niet uit .....

Ik wil dus in het MIDDELSTE frame van mijn pagina een plaatje bovenaan zetten met <div> ...
gaat prima ... alleen hij SCROLT mee

dit is de code

code:

<div> [img]"[/img]

ik wil hem dus FIXED hebben ....

THNX

[D2k]

das voor de buurtjes
vangen OzBoz
P&W -> W&G

[Willem]

Wat scrolt er precies dan ?

Stuur anders even een URL of een screenshot, dan kunnen we makkelijker helpen.

[NuKeFaCe]

drie frames ... boven, midden, onder.

ik heb een soort DROPSHADOW in elkaar geknutseld in photosjop ... nu moet die DROPSHADOW in het middelste frame BOVENAAN blijven plakken .....

hopenlijk is dit genoeg info ... thnx

[Thijsmans]

in je css zetten:

code:

#divnaam{
       background: kleur url(pad naar plaatje) fixed;
      }

zoiets dus. voor meer info: www.w3schools.com

[Dark Blue]

Op woensdag 13 februari 2002 21:12 schreef NuKeFaCe het volgende:
drie frames ... boven, midden, onder.

ik heb een soort DROPSHADOW in elkaar geknutseld in photosjop ... nu moet die DROPSHADOW in het middelste frame BOVENAAN blijven plakken .....

hopenlijk is dit genoeg info ... thnx

Even ter aanvulling: ik neem aan dat die dropshadow zoals die in je Linux icon is, en dus niet transparant...?
En hij moet dus ónder de content blijven of er overheen gaan?

[NuKeFaCe]

het zag er eerst ook zo uit .....

code:

<div id="schaduw" style="POSITION: fixed; TOP: 0px; LEFT: 0px; Z-INDEX:
 -2; background-image: fixed;"> [img]"[/img]</div>

maar dat hielp niets ....
het is eigenlijk niks ... maar het is een begin ...
http://www.xs4all.nl/~nukeface/test/

[Dark Blue]

Misschien kan deze url je helpen:

http://www.mijnkopthee.nl/version3a

Hier lossen ze die fade op met een mooie div- en opacity fade. Als je daarvan de css en divs eens doorspit, kom je er ook wel. Tis helaas niet cross-browser.
Er staan 2 css files in de source, je moet dacht ik die met de x erin hebben...

[Thijsmans]

http://www.w3schools.com/css/pr_background.asp

[Verwijderd]

Op woensdag 13 februari 2002 21:18 schreef NuKeFaCe het volgende:
het zag er eerst ook zo uit .....

maar dat hielp niets ....
het is eigenlijk niks ... maar het is een begin ...
http://www.xs4all.nl/~nukeface/test/

Je hebt nu een plaatje van de shadow gewoon in je bovenin pagina geplaatst. Net als de tekst scrolled dit weg.
Je kan 2 manieren de shadow laten staan, dmv een background in een td (of table) of als background van de pagina zelf. Ik zou voor het eerste gaan:

maak van die shadow een 1 px width en laten we zeggen 20 px hoog plaatje, zet die als background in een td, en zet vervolgens de table daarvan op width="100%".
Op deze wijze hoef je de dropshadow niet als background van de pagina te gebruiken en voorkom je het wegscrollen.

Wil je de background van je pagina zoals die nu is toch vastzetten, doe je dit middels een style, wat overigens het scrollprobleem voor ns4 nog niet oplost.

[NuKeFaCe]

Op woensdag 13 februari 2002 21:48 schreef prod het volgende:

[..]

Je hebt nu een plaatje van de shadow gewoon in je bovenin pagina geplaatst. Net als de tekst scrolled dit weg.
Je kan 2 manieren de shadow laten staan, dmv een background in een td (of table) of als background van de pagina zelf. Ik zou voor het eerste gaan:

maak van die shadow een 1 px width en laten we zeggen 20 px hoog plaatje, zet die als background in een td, en zet vervolgens de table daarvan op width="100%".
Op deze wijze hoef je de dropshadow niet als background van de pagina te gebruiken en voorkom je het wegscrollen.

Wil je de background van je pagina zoals die nu is toch vastzetten, doe je dit middels een style, wat overigens het scrollprobleem voor ns4 nog niet oplost.

Nope ... het is een divje ....

code:

<div id="schaduw" style="position:absolute;left:0;top:0;z-index:-2;
 background-image: fixed;"> [img]"[/img]</div>

Dit werkt GOED .... alleen moet ie BOVANAAN blijven staan.......

B.T.W. dit is een HELE MOOIE site >>>
http://www.mijnkopthee.nl/version3a/

[Verwijderd]

Op woensdag 13 februari 2002 22:00 schreef NuKeFaCe het volgende:

[..]

Nope ... het is een divje ....

Dit werkt GOED .... alleen moet ie BOVANAAN blijven staan.......

B.T.W. dit is een HELE MOOIE site >>>
http://www.mijnkopthee.nl/version3a/

Correct, dat snap ik. Maak er geen divje van.

[NuKeFaCe]

maak van die shadow een 1 px width en laten we zeggen 20 px hoog plaatje, zet die als background in een td,

Ik ben HTML NEWBIE

wat is een td ????? (mischien heel logisch maar weet het nu ff niet )

[Verwijderd]

Op woensdag 13 februari 2002 22:08 schreef NuKeFaCe het volgende:

[..]

Ik ben HTML NEWBIE

wat is een td ????? (mischien heel logisch maar weet het nu ff niet )

code:

<table cellspacing="0" cellpadding="0" border="0" width="100%">
 <tr>
  <td background="finaldrop.jpg"></td>
 </tr>
</table>

Maak van het finaldrop.jpg een horizontaal streepje 1px width en 30 px height.
doordat dit plaatje als background in de td staat, zal dit plaatje zich herhalen, met als effect een dropshadow zoals je het nu hebt.

Overigens, plaats een transparant pixeltje in de <td></td>, zodat het dropshadowtje ook in netscape zichtbaar is

[Verwijderd]

Positioneer die schaduw in een aparte div met top = 0 en left = o