Hallo

Welkom, Gast. Alsjeblieft inloggen of registreren.

Recent

291 gasten, 0 leden

Welkom, Gast. Alsjeblieft inloggen of registreren.

20 april 2024, 01:31:49

Login met gebruikersnaam, wachtwoord en sessielengte

Nieuws

Welkom op het vernieuwde NL Computer Forum!

Auteur Topic: Background plaatje  (gelezen 12265 keer)

0 leden en 1 gast bekijken dit topic.

Offline NLCOMP

  • Forumheld
  • *****
  • Berichten: 14.666
    • NL Computer Forum
Background plaatje
« Gepost op: 9 november 2009, 22:30:40 »
Bericht 1 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:07-03-2005
 Aan:AllenMsgID:2094.1
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Ik wil een achtergrondplaatje gebruiken. Ik dacht dat dit met "<body background="huppeldepup.jpg">" zou moeten werken.
Maar ik zie van alles maar geen achtergrond. Terwijl de betreffende .jpg wel degelijk en in de juiste directory aanwezig is.
Wat doe ik fout?
--------------------
Aloha

Ton van Hest




Bericht 2 van 13

NL Computer Forum ~ Homepages & Web
 Van:Michel Uphoff (Sysop)Datum:07-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.2
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Hoi Ton,
<body background="huppeldepup.jpg">
Moet ook werken. Het Html bestand staat in dezelfde map als de jpg, en er is geen hoofdletterprobleem? Geen dubbele body tag, en de body tag staat niet in een of ander element?
Doe even dit testje:
<html><head><title></title></head>
<body background="test.jpg">
bla bla tekst in body
</body></html>
Als je dit notepad plakt en even in een map als .html opslaat, tesamen met een test.jpg, moet die achtergrond toch echt getoond worden.

Michel Uphoff (Sysop)
Homepagina


Bericht 3 van 13

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:07-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.3
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Hoi Ton,
>> en in de juiste directory aanwezig is. <<
Als dat de root-directory van je webspace is: ja, dan staat-ie inderdaad goed. Anders neig ik naar een hoofdletterprobleempje.
 

Stefan

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]



Bericht 4 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:08-03-2005
 Aan:Michel Uphoff (Sysop)MsgID:2094.4
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Ik heb hieronder de hele gegenereerde HTML code geplakt. Kan een van jullie beiden eens kijken want het plaatje ghostglb.jpg staat in de juiste directory (heb hem zelfs in alle directories geknald) en hij wordt door de browser opgehaald maar niet vertoond. Wordt door een ander statement die background wellicht weer te niet gedaan?
===================
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="-1">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="generator" content="RapidWeaver" />
<meta name="description" content="Du Monde Executive Search BV, Wij hebben uw droombaan" />
<link href="styles.css" type="text/css" rel="stylesheet" />
<script language="JavaScript" src="javascript.js"></script>

<title>Du Monde Executive Search BV : Test</title>
</head>
<body background="ghostglb.jpg">

<div id="wrapper">

<div id="title">
<h1>Du Monde Executive Search BV</h1>
<h2>Wij hebben uw droombaan</h2>
</div>

<div id="banner">
<h1>Currently Viewing: Test</h1>
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="170">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170"><a href="index.html"><img src="images/button0.png" ALT="Button 0" Name ="b0" border="0" OnMouseOver="bOver('b0');" OnMouseOut="bOut('b0');"></a><a href="page1.html"><img src="images/button1.png" ALT="Button 1" Name ="b1" border="0" OnMouseOver="bOver('b1');" OnMouseOut="bOut('b1');"></a><a href="page2.html"><img src="images/button2.png" ALT="Button 2" Name ="b2" border="0" OnMouseOver="bOver('b2');" OnMouseOut="bOut('b2');"></a><a href="page3.html"><img src="images/button3.png" ALT="Button 3" Name ="b3" border="0" OnMouseOver="bOver('b3');" OnMouseOut="bOut('b3');"></a><a href="page4.html"><img src="images/button4.png" ALT="Button 4" Name ="b4" border="0" OnMouseOver="bOver('b4');" OnMouseOut="bOut('b4');"></a><a href="page5.html"><img src="images/button5.png" ALT="Button 5" Name ="b5" border="0" OnMouseOver="bOver('b5');" OnMouseOut="bOut('b5');"></a></td>
</tr>
</table>
</td>
<td valign="top"><div id="content"></div></div></td>
</tr>
</table>

</div>

<div id="footer">
&copy; 2005 DMA <a href="mailto:Ton@DuMonde.nl">Contact</a>
</div>

</body>
</html>

--------------------
Aloha

Ton van Hest




Bericht 5 van 13

NL Computer Forum ~ Homepages & Web
 Van:Stefan de Best (Sysop)Datum:08-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.5
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Hoi Ton,
>> <?xml version="1.0" encoding="iso-8859-1"?> <<
En als je deze regel 'ns wegkwakt? ---^
Een XML-bestand is het niet namelijk, maar misschien probeert de browser het toch als zodanig te lezen...

Stefan

    Overzicht van 150 oude en minder bekende zwemslagen
    http://tinyurl.com/yuojv[/]



Bericht 6 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:08-03-2005
 Aan:Stefan de Best (Sysop)MsgID:2094.6
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Stefan,
>>>> <?xml version="1.0" encoding="iso-8859-1"?> <<
En als je deze regel 'ns wegkwakt? ---^
Helaas........

--------------------
Aloha

Ton van Hest




Bericht 7 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ruud (Sysop)Datum:08-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.7
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Ton,

>><?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><<

Het kan zijn dat je browser door bovenstaande je html bestand anders gaat lezen c.q. uitvoeren. Verwijder bovenstaande eens uit je pagina en probeer het nog eens. Ook kun je de volgende schrijfwijze gebruiken:

Plaats de image in de map images en gebruik de tag:

<body background="images/ghostglb.jpg">

Of indien het plaatje en de pagina in de root of in dezelfde map staan:

<body background="./ghostglb.jpg">

------------------------
Groeten,
Ruud de Wit



Bericht 8 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:08-03-2005
 Aan:Ruud (Sysop)MsgID:2094.8
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Ruud,
Zet allemaal geen zoden aan de dijk. Ik denk dat verderop iets staat wat de background blokkeert.
--------------------
Aloha

Ton van Hest




Bericht 9 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ruud (Sysop)Datum:08-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.9
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Ton,

>>Ik denk dat verderop iets staat wat de background blokkeert.<<

Je weet zeker dat het plaatje niet te groot is?

Probeer het anders eens in een css tag:

<html>
<head>

<style type="text/css">
body
{
background-image:
url('jouwplaatje.jpg')
}
</style>

</head>

<body>
</body>

</html>

------------------------
Groeten,
Ruud de Wit



Bericht 10 van 13

NL Computer Forum ~ Homepages & Web
 Van:Michel Uphoff (Sysop)Datum:08-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.10
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Hoi Ton,
>> Wordt door een ander statement die background wellicht weer te niet gedaan? <<
Zo'n statement zie ik niet direct, of het moet dit stukkie code zijn: <script language="JavaScript" src="javascript.js"></script>.
Bij mij werkt sat scriptje natuurlijk niet, en ik krijg een testafbeelding met deze code prima te zien in IE6
Haal die scriptaanroep eens tijdelijk weg. Help dat niet, geef dan de url eens door, kan ik "live" kijken.

Michel Uphoff (Sysop)
Homepagina


Bericht 11 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:08-03-2005
 Aan:Michel Uphoff (Sysop)MsgID:2094.11
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Michel,
Weghalen script gaf ggen oplossing. De pagina staat op't moment op test2.dumonde.nl, kijk niet naar de rommel.<g>
--------------------
Aloha

Ton van Hest




Bericht 12 van 13

NL Computer Forum ~ Homepages & Web
 Van:Michel Uphoff (Sysop)Datum:09-03-2005
 Aan:Ton Van Hest (Sysop)MsgID:2094.12
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Hoi Ton,
Ik heb de oorzaak gevonden. Het CSS voorkomt dat de bedpelde achtergrond wordt getoond. Ik kreeg dat globe watermerk ook niet te zien totdat ik de regel:
<link href="styles.css" type="text/css" rel="stylesheet" />
Uit de code verwijderde. Nu werd die globe wel getoond. Vervolgens dus dat stylesheet van jouw testsite gejat en doorgelopen. Het lijkt mij te liggen aan de volgende code in dat stylesheet:#wrapper {
border: 1px solid #999999;
background: url(images/content_bg.png) #ffffff repeat-y;
margin: 0px;
padding: 0px;
}
Nadat ik dit stukje code verwijderde werkte de background. Hier wordt dus al verwezen naar een background image. Dus pas deze code eens als volgt aan:
#wrapper {
border: 1px solid #999999;
background: url(ghostglb.jpg) #ffffff repeat-y;
margin: 0px;
padding: 0px;
}


Michel Uphoff (Sysop)
Homepagina


Bericht 13 van 13

NL Computer Forum ~ Homepages & Web
 Van:Ton Van Hest (Sysop)Datum:09-03-2005
 Aan:Michel Uphoff (Sysop)MsgID:2094.13
 Onderwerp:Background plaatjeForum:ws-nlcomputer
Michel,
Je had't bijna helemaal goed (het zat'm in die styles.css, alleen moest een andere aangepast worden) dus heeft de jury moeten beslissen of je nu wel/niet die rolmops krijgt.
We hebben besloten het hand over het hart te strijken en de prijs uit te reiken. Hij gaat vandaag op de post. Had je nog voorkeuren voor een speciale, bijv. Halal, Kosher, oid?
Serieus. Mijn dank. Ben gelijk er verder ingedoken en programmatje gevonden die al die CSS styles kan verwerken. Maakt't leven wat eenvoudiger.
--------------------
Aloha

Ton van Hest