Fixed Background

zaterdag 28 oktober 2000 17:59

( . Y . )

In je <BODY tag...

<BODY bla allemaal properties BACKGROUND="plaatje.gif" BGPROPERTIES="FIXED">

Acties:

je wéét toch

en dat werkt niet in Netscape...

beter is om je image in een div te zetten...

<div id="BackGroundImage" style="position:absolute; z-index:0; left: 0px; top: 0px; visibility: visible; }
[img]"backgroundplaatje"> </div[/img]

zaterdag 28 oktober 2000 18:00

Acties:

Verwijderd

Topicstarter

Kan je dat laatste wat verder difineren?

zaterdag 28 oktober 2000 18:13

Acties:

Verwijderd

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 28 oktober 2000 18:00 schreef YNLK het volgende:
Kan je dat laatste wat verder difineren?[/quote][ff mierenneuken]zullen we er definieren van maken??[/ff mierenneuken]

zaterdag 28 oktober 2000 18:22

Acties:

zaterdag 28 oktober 2000 18:56

( . Y . )

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 28 oktober 2000 18:13 schreef J-roen het volgende:
[ff mierenneuken]zullen we er definieren van maken??[/ff mierenneuken][/quote]Nog meer mierengeneuk: definiëren.

Acties:

je wéét toch

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 28 oktober 2000 18:00 schreef YNLK het volgende:
Kan je dat laatste wat verder difineren?[/quote]alle mierengeneuk ten spijt...

gewoon copy paste,
valt verder niks aan te definiëren...

zaterdag 28 oktober 2000 19:19

Acties:

Verwijderd

Topicstarter

<mierenneuken> hier heb ik natuurlijk niets aan!!!!!</mierenneuken>

Kan iemand mij helpen of niet?
Difineer, Definier, Definiëren, maakt mij niets uit. Help mij aub...

zaterdag 28 oktober 2000 19:27

Acties:

{ @$%&# }

hoeft niets speciaals mee te gebeuren, gewoon Defect's advies opvolgen..

i.p.v in de body tag iets van background=fixed of background="blaat.jpg" zet je na de <body> tag de code van Defect neer.
Dit zorgt voor een layer waarin jouw plaatje als achtergrond komt te staan.
De z-index (z-as dus (diepte)) op 0 (nul) zetten zorgt ervoor dat deze altijd op het laagste niveau geparst wordt. Alle andere content, tables, plaatjes, noem maar op wordt hier overheen gezet.
De properties in het gegeven voorbeeld zorgen ervoor dat de layer zich bevindt op 0 pixels van de bovenzijde cq linkerzijde.
visibility draagt zog voor het wel of niet zichtbaar zijn van die laag.
Als je de code overneemt en het gedeelte:
[img]"backgroundplaatje"[/img]
wijzigt in voor jouw relevante gegevens moet het werken.
suc6

zaterdag 28 oktober 2000 19:31

Acties:

Verwijderd

Topicstarter

Wat voorn background image dan?

zaterdag 28 oktober 2000 19:36

Acties:

zaterdag 28 oktober 2000 19:38

( . Y . )

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 28 oktober 2000 19:31 schreef YNLK het volgende:
Wat voorn background image dan?[/quote]De image die je wilde fixen...?

Ga ff met de twee verschillende codes spelen, je zult zien dat ze beiden werken, en de laatste zelfs in NS.

Acties:

Verwijderd

Topicstarter

Thanks

zaterdag 28 oktober 2000 19:41

Acties:

{ @$%&# }

nou, zorg voor een image van 800 x 600 pixels ofzo, die lekker het beeld vult.
Let alleen op dat het geen astronomische afmetingen heeft. maximaal 10kb lijkt me fair.
Probeer anders eerst eens de code uit met een fictief plaatje, dat verklaar denk al een hoop.

[okee]
Phrea was eerder

[/okee]

zaterdag 28 oktober 2000 19:43

Acties:

Verwijderd

Topicstarter

Maar bij mij accepteert hij background='fixed' niet dus wat moet ik doen?

zaterdag 28 oktober 2000 19:43

Acties:

zaterdag 28 oktober 2000 19:45

( . Y . )

Welke code probeer je nu, en met welke browser test je...?

Acties:

zaterdag 28 oktober 2000 19:45

( . Y . )

Als je mijn code gebruikt, kijk dan eens goed naar de code...?
Daar staat niet background='fixed'... Daar staat iets heel anders...

Acties:

Verwijderd

Topicstarter

background=fixed en expl.5

maar hoe moet ik <div> dan gebruiken?
dat snap ik niet

zaterdag 28 oktober 2000 19:47

Acties:

Verwijderd

Topicstarter

bgpropeties dan, maar dat doet het niet, vergiste mij met typen...

kijk anders eens op http://www.worldbase.nl/~y3354ka6/test/

is niet geupload, maar misschien hebben jullie andere ideen hoe ik de links daaronder op elke res. goed zichtbaar kan maken...

zaterdag 28 oktober 2000 19:48

Acties:

Verwijderd

Topicstarter

Alleen Nederlands-1024X768 doet het nog

zaterdag 28 oktober 2000 19:56

Acties:

zaterdag 28 oktober 2000 19:57

( . Y . )

Mijn code, en die van Defect staan los van elkaar...

Je gebruikt OF die van mij [werkt niet in NS] OF die van Defect [werkt in zowel IE als NS]...

Verder valt er echt weinig over te zeggen hoor... Ga gewoon ff een uurtje spelen, je komt er vanzelf uit, gewoon goed lezen...

Acties:

{ @$%&# }

dit ff overnemen:
<HTML>
<HEAD>
<TITLE>Welkom</TITLE>
<script language="JavaScript">



</script>
</HEAD>
<BODY bgcolor="99ccff" TEXT=#000000 LINK=#FF0000 VLINK=#000000 ALINK=#FF0000>

<div id="BackGroundImage" style="position:absolute; z-index:0; left: 0px; top: 0px; visibility: visible; }
[img]"achtergrond[/img]
</div>

<p align=center>
<a href="reseng.html" onMouseOver="img_act('menu1')" onMouseOut="img_inact('menu1')" target=_top>
[img]"yoriw100.jpg"[/img]</a></p>

</BODY>
</HTML>

LET OP: ik heb het javascript in de HEAD-tag gezet, dat is een soort wet.
Als je verder de code knipt en plakt zou het moeten werken.

zaterdag 28 oktober 2000 20:46

Acties:

zaterdag 28 oktober 2000 23:58

( . Y . )

Hehehe, Hanglooze je bent een volhouder!

* Phrea had al opgegeven.

Acties:

{ @$%&# }

Phrea:
ik zag dat Yori(?) waarschijnlijk een ventje van een jaar of 14 is, nah laat ik die maar ff goed op weg helpen.
Voor hetzelfde geldt moet ie de toekomstige webgeneratie redden..dan kannie maar beter een redelijke ondergrond hebben

zondag 29 oktober 2000 00:07

Acties:

zondag 29 oktober 2000 13:05

( . Y . )

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 28 oktober 2000 23:58 schreef Hangloozz het volgende:
Phrea:
ik zag dat Yori(?) waarschijnlijk een ventje van een jaar of 14 is, nah laat ik die maar ff goed op weg helpen.
Voor hetzelfde geldt moet ie de toekomstige webgeneratie redden..dan kannie maar beter een redelijke ondergrond hebben ;)[/quote]Je hebt volkomen gelijk... Alles staat of valt met het fixen van een achtergrondje.

Acties:

Verwijderd

Topicstarter

De betreffende file is:

http://www.worldbase.nl/~y3354ka6/test/linksned1024.html

daar doet ie het niet...

zondag 29 oktober 2000 22:51

Acties:

{ @$%&# }

Yori:
je moet een property (een gedrag of specificatie van een element) altijd afsluiten met een ' of een ".
in dit geval heeft het stukje code:
style="position:absolute; z-index:0; left: 0px; top: 0px; visibility: visible;
geen afsluitende ".
als je deze ff invoegd zal je zien dattie tevoorschijn komt

maandag 30 oktober 2000 09:52

Acties:

je wéét toch

* DeFeCt again again vraagt zich af of Hanglooz dit consult gratis aan het doen is..

[edit]

[reclame voor mijn topic]

div in div?

[/reclame voor mijn topic]

maandag 30 oktober 2000 18:57

Acties:

Verwijderd

Topicstarter

BEDANKT!

Maar het volgende probleem komt nu weer te voorschijn: De rest van de scripts in dat frame doen het nu niet....

maandag 30 oktober 2000 22:56

Acties:

{ @$%&# }

<BLOCKQUOTE><font size=1 face=Verdana, Arial, Helvetica>quote:</font><HR>Op 30 oktober 2000 09:52 schreef DeFeCt again het volgende:
* Hangloozz again again vraagt zich af of Hanglooz dit consult gratis aan het doen is..

[/quote]* Hangloozz denkt dat een beetje vasthoudendheid niet misstaat?

Yori:
ff tegen de regels in (want waarschijnlijk gebruik je Netscape): knip het javascript inclusief < script>-tags uit de head en flikker het in de DIV, gewoon net na de style="blablablaat">
en weer ff testen...

maandag 30 oktober 2000 23:53

Acties:

Verwijderd

Ik zou toch maar de copy+paste code beter bekijken, je zult dan zien dat de <div></div> tags binnen de <body></body> tag staan, bij jou staan ze in de <head></head> tag, daar waar eigenlijk alleen de <script></script> en <title></title> (en nog wat) tags horen. Je layer, dat is een <div></div> tag in feite wil je zichtbaar op je scherm hebben, wat je op je scherm ziet is de body dus moet je layer in de body, en niet in de head

dus verplaats:
<div id="BackGroundImage" style="position:absolute; z-index:0; left: 0px; top: 0px; visibility: visible;" >
[img]"linksbackground.jpg"> </div[/img]
ff twee regels naar beneden en je bent een heel eind verder!

dinsdag 31 oktober 2000 00:02

Acties:

{ @$%&# }

Takkie:
ik had z'n page niet meer bekeken, had ik eerst moeten doen

maar inderdaad moet hij ff die div's verschuiven.
scherp...

dinsdag 31 oktober 2000 00:47

Acties:

Gert

Je zit te hoog met je <div>. Hij moet onder de <body> komen te staan. Dus:

...
</script>
</HEAD>
<BODY bgcolor="#99ccff" TEXT=#000000 LINK=#FF0000 VLINK=#000000 ALINK=#FF0000>
<div id="BackGroundImage" style="position:absolute; z-index:0; left: 0px; top: 0px; visibility: visible;" >
<img >linksbackground.jpg</img >
</div>
...

[da's al de 25e keer da'k de 2e pagina over het hoofd zie :'(]

dinsdag 31 oktober 2000 20:14

Acties:

Verwijderd

Topicstarter

Nu zet hij de background over de links zelf heen. Wat kan ik HIER aan doen?
Want de background is nu fixed, maar de rest van die HTML-file doet het niet meer...

dinsdag 31 oktober 2000 20:39

Acties:

je wéét toch

z-index: -100000; toevoegen aan de code

dinsdag 31 oktober 2000 22:58

Acties:

Verwijderd

-1 lijkt me wel voldoende

speel een beetje met de dingen die bij style='' staan, dus z-index:-1; in plaats van 0, je ziet dan vanzelf wat er veranderd... en het is nog leerzaam ook!

woensdag 1 november 2000 17:14

Acties:

Verwijderd

Topicstarter

bedankt, nu werkt het !+!=!!

Nee, ik heb niet geprobeerd een width en heigt van 100% te krijgen.

woensdag 1 november 2000 17:27

Acties:

Simkin

Bzzzzz

ennu kan je die fixed background nu ook een widht en height van 100% geven?

ik bedoel dus procenten en geen pixels

hier ben ik nog nooit uitgekomen en ik vraag me af of dit mogelijk is.

woensdag 1 november 2000 19:33

Acties:

Verwijderd

als je met een divje werkt kan je gewoon de groote van het plaatje aangeven in een <img> tag

woensdag 1 november 2000 21:10

Acties:

{ @$%&# }

ja kan wel.
Als je een image in een verder kale HTML-doc mietert en je geeft bij de image width en height 100% aan dan rekt ie um op tot je huidige browser-window.
Maar:
kijk niet gek op dat je image een beetje vervormd als je je window resized

donderdag 2 november 2000 10:56

Acties:

PhoneTech

HET IS ZO MAKKELIJK....

CSS IS HET MAGISCHE WOORD!!!!

EN HET WERKT PERFECT IN NETSCAPE

Je moet dus een background attachment gebruiken.

Maak een CSS aan, of pleur dit tussen je HEAD tags.
<style>
body { background-image : url(achtergrond plaatje); background-attachment : scroll;}
</style>

donderdag 2 november 2000 13:13

Acties:

{ @$%&# }

Phone:
ben je er wel helemaal bij?

hij is dan niet fixed volgens mij.
En zeker niet schalend!