Toon posts:

[HTML/CSS] Pagina werkt niet

Pagina: 1
Acties:

woensdag 24 juni 2009 19:44

Acties:
  • 0 Henk 'm!
  • Giel1
  • Registratie: Juni 2009
  • Laatst online: 15:10

Giel1

Topicstarter
Hoi iedereen,

Ik heb een website voor school moeten designen met photoshop, en nu ben ik hem in een html/css bestand aan het zetten. Probleem is dat ik de afbeeldingen niet zie,, terwijl ik hun plaats met css wel heb aangeduid. Ik snap het echt niet, zouden jullie mij even kunnen helpen?

Even een voorbeeldje van hoe de site eruit moet komen te zien:
http://informaticawebsite.woelmuis.nl/

Codes zijn:


HTML: index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="website.css" type="text/css" />
<title>
Hacken
</title>
</head>
<body>
<div id="website1">
</div>
<div id="website2"> 
</div>
<div id="website3"> 
</div>
<div id="website4"> 
</div>   
<div id="website5"> 
</div> 
<div id="website6"> 
</div>
<div id="website7"> 
</div>
<div id="website8"> 
</div>
<div id="website9"> 
</div> 
<div id="website10"> 
</div>
<div id="website11"> 
</div>  
<div id="website12"> 
</div>   
</body>
</html>

Cascading Stylesheet: website.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111

body {  
    background: #00000;
    } 
 
#website1 { 
    left: 0px; 
    top: 0px; 
    width: 109px; 
    height: 768px; 
    position: absolute;
    background: url(/images/Website_01.gif) no-repeat;
    }


#website2 { 
    left: 109px; 
    top: 0px; 
    width: 832px; 
    height: 768px; 
    position: absolute;
    background: url(/images/Website_02.gif) no-repeat;
    } 
 
#website3 { 
    left: 941px; 
    top: 0px; 
    width: 83px; 
    height: 768px; 
    position: absolute;
    background: url(/images/Website_03.gif) no-repeat;
    } 
 
#website4 { 
    left: 109px; 
    top: 122px; 
    width: 82px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_04.gif) no-repeat;
    } 
 
#website5 { 
    left: 191px; 
    top: 122px; 
    width: 151px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_05.gif) no-repeat;
    } 
 
#website6 { 
    left: 342px; 
    top: 122px; 
    width: 179px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_06.gif) no-repeat;
    } 
 
#website7 { 
    left: 447px; 
    top: 122px; 
    width: 105px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_07.gif) no-repeat;
    } 
 
#website8 { 
    left: 560px; 
    top: 122px; 
    width: 113px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_08.gif) no-repeat;
    } 
 
#website9 { 
    left: 696px; 
    top: 122px; 
    width: 136px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_09.gif) no-repeat;
    } 
 
#website10 { 
    left: 762px; 
    top: 122px; 
    width: 66px; 
    height: 46px; 
    position: absolute;
    background: url(/images/Website_10.gif) no-repeat;
    } 
 
#website11 { 
    left: 109px; 
    top: 168Px; 
    width: 832px; 
    height: 524px; 
    position: absolute;
    background: url(/images/Website_11.gif) no-repeat;
    } 
 
#website12 { 
    left: 109px; 
    top: 692px; 
    width: 832px; 
    height: 76px; 
    position: absolute;
    background: url(/images/Website_12.gif) no-repeat;

BVD Scumrules

woensdag 24 juni 2009 19:56

Acties:
  • 0 Henk 'm!
  • Fuzzillogic
  • Registratie: November 2001
  • Laatst online: 01-07 22:34

Fuzzillogic

Cool

XHTML:
1
2
3

<style type="text/css"> 
<link rel="stylesheet" href="website.css" type="text/css" /> 
</style>

Haal dat <style> en </style> eens weg. Je stylesheet wordt nu niet eens geladen...

Overigens weet ik niet precies wat je schoolopdracht is, maar nette HTML is het nog zeker niet...

woensdag 24 juni 2009 19:59

Acties:
  • 0 Henk 'm!
  • ZpAz
  • Registratie: September 2005
  • Laatst online: 19-09 22:44

ZpAz

Inderdaad, dit lijkt op, 'oe ik mag geen tables gebruiken', dus ik gooi een search & replace over de html die photoshop uitspuugt.. ;)

Tweakers Time Machine Browser Extension | Chrome : Firefox

woensdag 24 juni 2009 20:06

Acties:
  • 0 Henk 'm!
  • Giel1
  • Registratie: Juni 2009
  • Laatst online: 15:10

Giel1

Topicstarter
Ik haal <style></style> weg, maar dan krijg ik nog steeds een witte pagina??

Nee het hoeft geen netjese html te zijn, ik zit in 4VWO, en ik moet voor het eerst een website maken, dus het gaat erom dat de website werkt, maakt niet uit hoe het is gescript.

woensdag 24 juni 2009 20:19

Acties:
  • 0 Henk 'm!
  • Fuzzillogic
  • Registratie: November 2001
  • Laatst online: 01-07 22:34

Fuzzillogic

Cool

Kun je die pagina niet even ergens online zetten? Nu blijft het voor ons ook maar gissen...

woensdag 24 juni 2009 20:26

Acties:
  • 0 Henk 'm!
  • Xyzer
  • Registratie: Januari 2007
  • Niet online

Xyzer

Valid XHTML & CSS.

Cascading Stylesheet:
1
2
3
4
5
6
7
8

#website1 { 
    left: 0px; 
    top: 0px; 
    width: 109px; 
    height: 768px; 
    position: absolute;
    background: url(/images/Website_01.gif) no-repeat;
}


Die / voor /images/Website_01.gif weghalen heeft geen zin?

Dus

Cascading Stylesheet:
1
2
3
4
5
6
7
8

#website1 { 
    left: 0px; 
    top: 0px; 
    width: 109px; 
    height: 768px; 
    position: absolute;
    background: url(images/Website_01.gif) no-repeat;
}


Over valid XHTML zullen we het maar niet hebben bij dit document :X.

//Edit
Sorry Mr. Spuit 11 O-).

//Edit 2
Cascading Stylesheet:
1
2
3
4
5
6
7

#website12 { 
    left: 109px; 
    top: 692px; 
    width: 832px; 
    height: 76px; 
    position: absolute;
    background: url(/images/Website_12.gif) no-repeat;

Sluit die ook even af met } :).

[ Voor 57% gewijzigd door Xyzer op 24-06-2009 20:42 ]

Hier komt ooit nog wat te staan..

woensdag 24 juni 2009 20:27

Acties:
  • 0 Henk 'm!
  • Barleone
  • Registratie: Maart 2009
  • Laatst online: 15:55

Barleone

Ligt het niet aan je paden naar je images?
Haal bijvoorbeeld de eerste slash eens weg in: background: url(/images/Website_XX.gif) no-repeat;
Dus: background: url(images/Website_XX.gif) no-repeat;

offtopic:
Faq, ik haat bluescreens, nu ben ik spuit11.
Jo, Xyzer. BSOD met mn Windows 7. }:| Ik had mn post al klaar, en na reboot moest ik opnieuw inloggen. }:|

[ Voor 29% gewijzigd door Barleone op 24-06-2009 20:32 ]

Tweakers.net 6 nostalgie! - Wayback Machine
Have you tried turning it off and on again?

woensdag 24 juni 2009 20:31

Acties:
  • 0 Henk 'm!
  • Cadezo
  • Registratie: Februari 2006
  • Niet online

Cadezo

Je hebt ook alles geupload op je juiste locatie? Dus je html en css en alle images?

woensdag 24 juni 2009 20:33

Acties:
  • 0 Henk 'm!
  • Barleone
  • Registratie: Maart 2009
  • Laatst online: 15:55

Barleone

Ik heb het zelf draaien lokaal.
Deze layout in mapje 'test'.
test/index.html
test/website.css
test/images/Website_XX.gif
test/images/Website_XX.gif
test/images/Website_XX.gif
test/images/Website_XX.gif

Als jij het ook zo hebt moet je inderdaad die eerste slash weghalen voor /images/...

[ Voor 107% gewijzigd door Barleone op 24-06-2009 20:36 ]

Tweakers.net 6 nostalgie! - Wayback Machine
Have you tried turning it off and on again?

woensdag 24 juni 2009 21:09

Acties:
  • 0 Henk 'm!
  • Giel1
  • Registratie: Juni 2009
  • Laatst online: 15:10

Giel1

Topicstarter
Idd die / deed het hem. De site werkt nu perfect, thanks voor jullie reacties;)
Pagina: 1
Reageer

Apple iPhone 16e LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq