Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Het lukt me niet om alg1.jpg als 1xs achtergrond te krijgen

10 antwoorden
  • </script> <bgsound src="http://www.bettyzingt.nl/muziek/Aretha.mp3" loop="-1"> </head> div { background-image: http://www.bettyzingt.nl/foto's/alg/ag1.jpg; background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box } <body onload="FP_preloadImgs(/*url*/'knoppen/button5.jpg',/*url*/'knoppen/button6.jpg',/*url*/'knoppen/button8.jpg',/*url*/'knoppen/button9.jpg',/*url*/'knoppen/buttonB.jpg',/*url*/'knoppen/buttonC.jpg',/*url*/'knoppen/button1E.jpg',/*url*/'knoppen/button1F.jpg')"> <p align="center"><a href="http://www.bettyzingt.nl/foto's/alg/betty0.jpg">
  • @Ronarent: Het is fijner als je een eigen topic opent hiervoor, maar ik zal toch even helpen. Als je een background-image instelt, moet je zorgen dat je altijd de locatie van je afbeelding tussen url('') zet, dus zo... [code:1:171b703b5a] div{ background-image: url('http://www.bettyzingt.nl/foto's/alg/ag1.jpg'); ... ... }[/code:1:171b703b5a]
  • Dank je Mike dat je me toch wilt helpen.... Het lukt me niet... ik heb e.e.a. aangepast...maar t erkt dus niet zou jij zo vriendelijk willen zijn om 'ns in de code van www.bettyzingt.nl te kijken. volgens mij klopt de invoer van mijn codes niet echt <div{ background-image: url('http://www.bettyzingt.nl/foto''s/alg/ag1.jpg') ; background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box } <body onload="FP_preloadImgs(/*url*/'knoppen/button5.jpg',/*url*/'knoppen/button6.jpg',/*url*/'knoppen/button8.jpg',/*url*/'knoppen/button9.jpg',/*url*/'knoppen/buttonB.jpg',/*url*/'knoppen/buttonC.jpg',/*url*/'knoppen/button1E.jpg',/*url*/'knoppen/button1F.jpg')">
  • Ten eerste heb je helemaal geen doctype. [code:1:9a2c36507d] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> [/code:1:9a2c36507d] zet je helemaal bovenaan elke pagina. Dan de fout die ervoor zorgt dat je css niet werkt: Je hebt je css gewoon los tussen de html staan. Deze moet omgeven worden door <style> tags, dus als volgt: [code:1:9a2c36507d] <style type="text/css"> /* HIERTUSSEN PLAK JE ALLE CSS CODE */ </style> [/code:1:9a2c36507d] en alles in deze style tags moet worden gezet tussen de <head> en </head> tags. Omdat je nu als doctype xhtml 1.1 hebt, zijn er een heel aantal errors (45). Je moet de <html> tag een xmlns attribuut geven, dus zo: [code:1:9a2c36507d] <html xmlns="http://www.w3.org/1999/xhtml"> [/code:1:9a2c36507d] na de head staat ook een <meta> tag. Deze is self-closing, dus je moet hem afsluiten met /> [code:1:9a2c36507d]<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />[/code:1:9a2c36507d] Volgend probleem: de <script> tag heeft helemaal geen language attribuut meer, maar je moet het een type attribuut geven met als waarde "text/javascript", als volgt: [code:1:9a2c36507d]<script type="text/javascript"></script>[/code:1:9a2c36507d] De <bgsound> tag mag niet meer gebruikt worden, in je andere topic heb je gezien hoe je het moet doen, alleen heb je daar de <object> tag buiten de <body> tag gezet, dus deze moet binnen de <body> tags komen. Je gebruikt <p align="center"></p>. Dit gaat niet meer, het moet <p style="align:center;"></p> worden. Je gebruikt ook <img border="0">. Dit moet je vervangen door <img style="border:none;"/> en je moet je <img> tag ook afsluiten met />, zoals al eerder vernoemd bij de <meta> tag. Ook moeten alle <img> tags een alt="" attribuut krijgen. Dit is voor als de afbeeldingen niet kunnen geladen worden of als de pagina bezocht wordt door een slechtziende/blinde persoon. Je doet dat als volgt: <img alt="" /> en tussen de dubbele aanhalingstekens zet je je beschrijving. De <font> tag bestaat niet meer. Je moet deze vervangen door de <b> tag waar hij in staat een style attribuut te geven, als volgt: (met het font Arial Black en kleur #800000) [code:1:9a2c36507d] <b style="font-family:'Arial Black';color:#800000"></b> [/code:1:9a2c36507d] Je moet zeker niet vergeten de <font> tag, maar ook de </font> tag te verwijderen. Je hebt in je code ook een <br> staan. Je moet die net zoals de <img> en de <meta> afsluiten met een />. De <marquee> tag bestaat ook niet mee. Trouwens is het ZEER vervelend om te moeten wachten tot de tekst nog een doorkomt zodat je hem kan lezen. Kopiëer daarom alles in zijn style="" attribuut, verander daarom de het woord "marquee" in "b" en vergeet dit ook niet te doen voor de sluit-tag (</marquee> word dus </b>). De <blink> tag is nog vervelender. Dus deze moet ook ZEKER weg. Je kan hem zoals ik bij marquee uitgelegd heb vervangen door een <b> tag, alleen hoef je hier het style attribuut niet te kopiëren. Als laatste, maar ZEKER niet onbelangrijk, moet je je body tag afsluiten. Dit doe je door op de regel voor "</html>" "</body>" te plaatsen. Als je al het bovenstaande hebt gedaan en de pagina online hebt gezet, laat me dan iets weten, dan kan ik kijken naar nog eventuele fouten. Ik hoop dat je alles snapt.
  • Als je 'm gewoon een html transitional doctype meegeeft, zul je zien dat er veel minder 'fouten' worden gevonden en er dus veel minder gefixt hoeft te worden. [code:1:d465513698]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/code:1:d465513698] Ten eerste gebruikt bijna niemand xhtml 1.1 (IE snapt dat niet), ten tweede gaat het hier om een simpele achtergrondafbeelding; ik vind het erg drastisch om daar de hele code voor overhoop te halen.
  • topic opgesplitst. @ronarent: iemand anders zijn topic "kapen" is niet heel netjes; graag een eigen topic openen de volgende keer.
  • @boelieboelie: ik vind transitional niet echt een oplossing, en ten tweede is zijn code toch al zo fel overhoop gehaald, met <blink> en <marquee> tags, geen afsluit-tags, en noem maar op. Het is misschien wel drastisch, maar zijn code zou er een stuk beter door worden.
  • [quote:1e3c659186="boelieboelie"]Ten eerste gebruikt bijna niemand xhtml 1.1 (IE snapt dat niet)[/quote:1e3c659186]Ik moet hier toch even op inhaken. Het is waarschijnlijk waar dat bijna niemand XHTML 1.1 gebruikt, maar dat IE het niet zou snappen is flauwe kul. Ik neem aan dat je doelt op de MIME type "application/xhtml+xml", maar deze MIME type is (in tegenstelling tot wat veel mensen denken) [url=http://www.w3.org/TR/2009/NOTE-xhtml-media-types-20090116/]niet verplicht[/url] voor XHTML 1.1. Het heeft wel de voorkeur, maar daar is ook alles mee gezegd. Verder sluit ik me aan bij boelieboelie waar het gaat om de doctype, voor sommige mensen is HTML Transitional voldoende, waarschijnlijk ook in dit geval. - Bas
  • [offtopic]@Bas: da's niet eerlijk, ze hebben tussendoor de spelregels veranderd! ;) [url=http://www.w3.org/MarkUp/2004/xhtml-faq#mime11]Vóór 2009 mocht je het nog niet als text/html serveren[/url]. Maar ik zou denken, als je toch zo'n doctype neemt, doe het dan goed (dus correct serveren). Genoeg doctypes om wel flexibel mee om te gaan. O ja, [url=http://try.powermapper.com/demo/statsversions.aspx]XHTML 1.1 usage stats[/url], schatting is dat 2% van de sites het gebruikt.[/offtopic] [code:1:009ded33ee]div { background-image: http://www.bettyzingt.nl/foto's/alg/ag1.jpg; background-repeat: no-repeat; background-size: 100% 100%; background-origin: content-box } [/code:1:009ded33ee]Dat plak je tussen: [code:1:009ded33ee]<style type="text/css">[/code:1:009ded33ee] en [code:1:009ded33ee]</style>[/code:1:009ded33ee] Dus dan wordt het misschien zoiets als:[code:1:009ded33ee] <style type="text/css"> body {background: url("http://www.bettyzingt.nl/foto's/alg/ag1.jpg") no-repeat;} </style> </head> <body onload="FP_preloadImgs(/*url*/'knoppen/button5.jpg',/*url*/'knoppen/button6.jpg',/*url*/'knoppen/button8.jpg',/*url*/'knoppen/button9.jpg',/*url*/'knoppen/buttonB.jpg',/*url*/'knoppen/buttonC.jpg',/*url*/'knoppen/button1E.jpg',/*url*/'knoppen/button1F.jpg')"> <p align="center"><a href="http://www.bettyzingt.nl/foto's/alg/betty0.jpg">[/code:1:009ded33ee]Ofzo.
  • [quote:041744b3a8="boelieboelie"][offtopic]@Bas: da's niet eerlijk, ze hebben tussendoor de spelregels veranderd! ;) [url=http://www.w3.org/MarkUp/2004/xhtml-faq#mime11]Vóór 2009 mocht je het nog niet als text/html serveren[/url]. Maar ik zou denken, als je toch zo'n doctype neemt, doe het dan goed (dus correct serveren). Genoeg doctypes om wel flexibel mee om te gaan. [...][/offtopic][/quote:041744b3a8]Ik kon het niet laten. :D Ik ben het trouwens helemaal eens met alles wat je in bovenstaand bericht over XHTML zegt! Dus TS: houd het makkelijk voor jezelf, kies voor Transitional, en mocht je ooit serieuzer en dieper op de stof ingaan, kies dan tzt voor een Strict doctype. - Bas

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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