Achtergrond afbeelding schermvullend maken.

[anoniem]

Hallo WebWizzards ... :wink: Is er een mogelijkheid om een achtergrond afbeelding automatisch schermvullend te maken ? Dus niet het herhalen van een afbeelding om het scherm te vullen, maar een afbeelding "uitrekken" tot het schermvullend is. Scheelt weer tijd bij het inladen van de site. Grts . Wim ...

[anoniem]

Je kunt een kleine afbeelding wel een beetje resizen d.m.v. een javascript. Maar een hele achtergrond, dat zou ik niet doen. Als je normaal gesproken een achtergrondafbeelding herhaald, dan hoeft het plaatje maar 1 x geladen te worden. Als je dan nog zorgt dat het een klein bestandje is, dan is het laden zo gepiept. :wink:

[anoniem]

Bedankt voor de reaktie Mrs. B. [quote:44f5fbc5bb]Als je normaal gesproken een achtergrondafbeelding herhaald, dan hoeft het plaatje maar 1 x geladen te worden. Als je dan nog zorgt dat het een klein bestandje is, dan is het laden zo gepiept. [/quote:44f5fbc5bb] Is precies wat ik bedoel , maar dan zonder herhaling en met eveneens een klein file'tje. Voorbeeld: Ik kwam via dit forum op een site over startrek , hele leuke site , maar met een grote afbeelding als achtergrond , mooie afbeelding , maar niet te zien door de inhoud van de site. Dus dacht ik waarom een grote afbeelding inladen die je toch niet ziet , een kleine afbeelding uitrekken is dan toch logischer , het gaat bij de achtergrond meestal toch maar om een idee of het thema van de site te accentueren. Door jou opmerking over javascript ben ik op diverse JS sites wezen neuzen en heb een JS routine gevonden die precies doet wat ik bedoel. Voor de geinteresseerden , je kunt hem op http://people.zeelandnet.nl/visscherw/downloads/full_size_image.zip downloaden. Nogmaals bedankt voor de reaktie.. Grts . Wim ...

[anoniem]

Wat dacht je van gewoon html en een beetje css? [code:1:1a7a553386]<div id="mainpix"><img src="http://66.137.184.11/cms/images/tg_deepwoods.gif" width="100%" height="100%" alt="" /></div> <div id="wrapper"> hier de rest van je site </div> [/code:1:1a7a553386] Check: http://www.totalgayness.com/

[anoniem]

Bedankt voor de sugestie [M] . Ik zal er eens mee aan de gang gaan.. Ik krijg wel een grotere afbeelding maar de rest van de site wordt er onder geplaatst , dus werkt het nog niet als achtergrond maar als een soort titelblad , ik zal wel iets over het hoofd zien , maar op de link die je toegevoegd had komt het wel zoals ik in gedachte heb. Ik moet mezelf nog eens verder gaan verdiepen in CSS. Grts . Wim ...

[anoniem]

Gewoon spelen met 'position: absolute' etc.

[anoniem]

Bedankt Johnny321 .. Ik heb voorlopig wat uit te zoeken en uit te testen , ik ben er wel achter gekomen dat er met CSS meer te doen is dan alleen maar het instellen van de fonts , lettergrootte ed. Grts . Wim ...

[anoniem]

CSS is bedacht om alle opmaak gedoe uit de structuur van je pagina, dus je kan er je hele site mee opmaken. Zie bijvoorbeeld, http://www.csszengarden.com/ (allemaal andere designs met dezelfde html pagina), http://www.cssbeauty.com/ en http://www.cssvault.com/ .

[anoniem]

Bedankt voor de voorbeeld links [m] ... Ik heb mijn bezigheid voor de komende winter in iedergeval al uitgestippelt. Was het vorige winter de cursus webpagina's maken van de LOI (kan ik niemand aanraden , zonde van het geld.) Deze winter ga ik eens de diverse CSS sites bekijken en proberen over te stappen van frames en tabellen naar de CSS opmaak. Zijn hele mooie dingen mee te maken heb ik wel gezien. Misschien nog tips over boeken over CSS ? Grts . Wim ...

[anoniem]

[quote:7ef07d8551="Wilhelmus"]Was het vorige winter de cursus webpagina's maken van de LOI (kan ik niemand aanraden , zonde van het geld.)[/quote:7ef07d8551] :D Wat leerde je daar mee? [quote:7ef07d8551="Wilhelmus"]Zijn hele mooie dingen mee te maken heb ik wel gezien. Misschien nog tips over boeken over CSS ? Grts . Wim ...[/quote:7ef07d8551] Het is net de CSS die mooie dingen maakt, maar diegene die de mooie plaatjes verzint. ;) CSS is niet makkelijk om te leren, omdat het nogal anders is dan bijvoorbeeld HTML of javascript. Ook zijn niet zlle browsers even goed met CSS, IE is nogal berucht om zijn vreemde intrepertaties. Gelukkig kan je dat wel gewoon met een omwegje omzeilen. (de problemen dus ;)) Maar als je CSS gaat gebruiken, en hopelijk alle opmaak uit de html laat (foei!), zijn er veel voordelen. Een paar belangrijke: 1) Je site is kleiner in gewicht. Ook kan je veel gebruik maken van de browsercache, dus je sites zullen sneller laden 2) je website is automatisch veel beter bereikbaar, voor bijv, slechtzienden en niet te vergeten searchengines. 3) je kan veel makkelijker (delen van) je site veranderen. Als je overstapt op CSS en je gaat lekker surfen voor informatie, zal je veel vinden dat ook niet te maken heeft met CSS direct, maar wel heel erg handig is om te weten. Webstandaarden (volgens de specs websites schrijven en waarom), IA (information architecture, hoe je informatie het best rangschikt (voor bijv. menus) ) en semantiek (gebruik html elementen waar ze bedoeld voor zijn, h1 voor headings en p voor paragrafen, etc) zal je vaak terug zien komen. Ik moedig je aan om dat soort artikelen eens goed door te lezen, zodat je meer weet hoe websites in elkaar zitten op op welke manieren ze allemaal werken. Nou, en nu maar een paar links en boekentips! [boek]http://zeldman.com/dwws/ Designing With Webstandards [boek]http://www.ericmeyeroncss.com/ [boek]http://more.ericmeyeroncss.com/ [boek]http://www.meyerweb.com/eric/books/css-tdg/ (wat-is-wat in css) [boek]http://www.amazon.com/exec/obidos/ASIN/159059231X/skdesigns/102-7860846-7578547 (zie zeker ook de boeken onderaan) http://www.alistapart.com/ http://www.webstandards.org/learn/faq/#p312 http://www.browsehappy.com/ http://www.o2b.net/articles/browser-specs/ http://www.sitepoint.com/books/css1/ http://tantek.com/presentations/2003SXSW/stylesheets.htmlhttp://tantek.com/presentations/2003SXSW/stylesheets.html http://www.thenoodleincident.com/tutorials/css/ http://www.mezzoblue.com/zengarden/resources/ http://css.maxdesign.com.au/index.htm (handig!) http://www.alistapart.com/articles/taminglists/ [edit] spellchecker anyone?[/edit]

[anoniem]

[quote:89e690b0d7]Wat leerde je daarmee ?[/quote:89e690b0d7] Misschien iets overdereven van me , maar voor de absolute beginner zou het iets kunnen zijn , maar dan is 360 euro toch nog veel geld. Je krijgt daarvoor 13 hoofdstukken/lessen: 1] Introduktie internet !!!! 2] Internet explorer en outlook express 3] Zoekmachines 4] Een website ontwerpen (he he we kunnen beginnen denk je dan, gewoon een serie websites opzoeken en bekijken ..) 5] Homesite (een wysiwyg onding.) 6] introduktie HTML ( halverwege de cursus lijkt het te beginnen..) 7] Praktijopdrecht: een website maken aan de hand van instrukties (overtypen van html uit de les...) 8] Tabellen maken en toepassen 9] De vakaturepagina's maken ( weer een hele zooi overtypen.) 10] Het formulier maken( je raad het al :overtypen) 11] de website uploaden en domeinregistratie 12] verfraaiingen aanbrengen (gifconstruktion set , psp) 13] uw webpagina aanmelden (meta tags , aanmelden zoekmachines ed.) Dit is de cursus in het kort , een weekje struinen door dit forum en je weet al veel meer. Bedankt voor de links [m], ik zal ze allemaal eens op het gmakje gaan bekijken.. Grts . Wim ...