php en html resolutie
Ik probeer met os-commerce een winkel te bouwen.
In de header heb ik een schilderijlijst geplaatst, waarin een dia show afspeelt.
Echter als de resolutie wordt veranderd, speelt de diashow zich buiten de schilderijlijst af.
Wat moet ik aan het volgende toevoegen, zodat de diashow in iedere resolutie in de schilderijlijst blijft?
:
Code (php)
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
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
<div>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<meta charset=utf-8 />
<title>Slider</title>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</body>
</html>
</div>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<meta charset=utf-8 />
<title>Slider</title>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</body>
</html>
</div>
Ontzettend bedankt bij voorbaat, Mireille.
Aar C:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 19/03/2015 15:08:40 door - Ariën -
Verder horen er geen div-jes om je HTML-tags.
- Inderdaad <div> hoort niet om je html-tags
- 2 <title> tags?
- 2 <body> tags?
- 2 <meta> types?
Vervang de 1e <meta> met <meta charset=utf-8 /> en laat de 2e <meta> weg. dit hoort tussen je <head>
Verder is het stylen van de background color en font color in je <body> tag een beetje ouderwets en kan je dit beter met css stylen
body {
background: #FFFFFF;
color: #000000;
}
Gewijzigd op 19/03/2015 16:25:51 door Rick B
<body bgcolor=
...
<body onload="
Het live voorbeeld is op dit adres: www.europe-anne.eu
Ik heb de div-jes verwijderd, maar dan staat de hele boel door de war.
Verder heb ik <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
vervangen met <meta charset=utf-8 />
De pagina veranderd hierdoor niet, maar als ik de resolutie verander valt de diashow weer buiten de schilderijlijst.
Wat u bedoeld met de tweede tag weg laten begrijp ik niet, sorry.
Het is 10 jaar geleden dat ik een website gebouwd heb en alles is zooo veranderd.
Ik ben vrij ver gekomen met os-commerce, maar ik heb nog een lijstje waar ik echt niet uit kom.
o.a dit probleem dus.
Zouden jullie even kunnen kijken naar mijn website en de code in mijn header pagina hieronder willen veranderen zodat de diashow in de schilderijlijst blijft, ongeacht de resolutie.
Zeer dankbaar, Mireille.
Code (php)
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
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
<?php
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
if ($messageStack->size('header') > 0) {
echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';
}
?>
<div id="header" class="grid_24">
<div id="headerShortcuts">
<?php
echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));
if (tep_session_is_registered('customer_id')) {
echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
}
?>
</div>
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div>
<html>
<head>
<title>Untitled Document</title>
<meta charset=utf-8 />
</head>
<body bgcolor="#FFFFFF" text="#000000">
<meta charset=utf-8 />
<title>Slider</title>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</body>
</html>
</div>
<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading"><?php echo ' ' . $breadcrumb->trail(' » '); ?></div>
</div>
<?php
if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerError">
<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>
</tr>
</table>
<?php
}
if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerInfo">
<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
</tr>
</table>
<?php
}
?>
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
if ($messageStack->size('header') > 0) {
echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';
}
?>
<div id="header" class="grid_24">
<div id="headerShortcuts">
<?php
echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));
if (tep_session_is_registered('customer_id')) {
echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
}
?>
</div>
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div>
<html>
<head>
<title>Untitled Document</title>
<meta charset=utf-8 />
</head>
<body bgcolor="#FFFFFF" text="#000000">
<meta charset=utf-8 />
<title>Slider</title>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</body>
</html>
</div>
<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading"><?php echo ' ' . $breadcrumb->trail(' » '); ?></div>
</div>
<?php
if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerError">
<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>
</tr>
</table>
<?php
}
if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerInfo">
<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
</tr>
</table>
<?php
}
?>
Aar C:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 19/03/2015 16:54:29 door - Ariën -
Dan zie je dat er veel dubbele html in staat. (html, head, title, body)
Dat werkt niet zo.
Code (php)
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<html>
<head>
<title>Untitled Document</title>
<meta charset="utf-8">
<style>
body {
background: #FFFFFF;
color: #000000;
}
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;opacity:0}
</style>
<script>
function voorbeeld(){
// plak hier je javascript functie
}
</script>
</head>
<body onload="voorbeeld()">
blabla rest van je pagina
</body>
</html>
<head>
<title>Untitled Document</title>
<meta charset="utf-8">
<style>
body {
background: #FFFFFF;
color: #000000;
}
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;opacity:0}
</style>
<script>
function voorbeeld(){
// plak hier je javascript functie
}
</script>
</head>
<body onload="voorbeeld()">
blabla rest van je pagina
</body>
</html>
edit: Hierdoor zal je script niet gaan werken maar dit is wel de juiste manier van programmeren en zitten er niet onnodig veel html tags in.
Gewijzigd op 19/03/2015 17:11:04 door Rick B
Het is een php pagina.
Ik zal hem hier nog even posten.
Het gaat om het stukje vanaf style tot de laatste .jpg
te zien op www.europe-anne.eu
Hoe blijven de foto's in de schilderijlijst met andere beeldafmetingen?
Code (php)
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
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
<?php
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
if ($messageStack->size('header') > 0) {
echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';
}
?>
<div id="header" class="grid_24">
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</div>
<div id="headerShortcuts">
<?php
echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));
if (tep_session_is_registered('customer_id')) {
echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
}
?>
</div>
<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading"><?php echo ' ' . $breadcrumb->trail(' » '); ?></div>
</div>
<?php
if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerError">
<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>
</tr>
</table>
<?php
}
if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerInfo">
<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
</tr>
</table>
<?php
}
?>
/*
$Id$
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2010 osCommerce
Released under the GNU General Public License
*/
if ($messageStack->size('header') > 0) {
echo '<div class="grid_24">' . $messageStack->output('header') . '</div>';
}
?>
<div id="header" class="grid_24">
<script type="text/javascript">
$("#headerShortcuts").buttonset();
</script>
</div>
<div>
<style>
#s {list-style:none;position:relative;padding:0;overflow:hidden;width:312px;height:250px}
#s li{position:absolute;_opacity:0}
</style>
<body onload="
// fade (uncomment wanneer je dit wilt gebruiken)
a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=opacity=0,zIndex=d++,!function f(){(opacity=g+=.1)<1&setTimeout(f,15)}();setTimeout(e,2e3)}()
// slide top (uncomment wanneer je dit wilt gebruiken)
//a=s.children,b=a.length,c=d=0,!function e(){with(a[c++%b].style)g=0,!function f(){((top=g++)<250&setTimeout(f,5))||(top=0,zIndex=d-=3)}();setTimeout(e,2e3)}()
">
<ul id="s">
<li><img src="http://www.europe-anne.eu/images/gallerij/gold black and white set.jpg">
<li style="z-index:-1;"><img src="http://www.europe-anne.eu/images/gallerij/plaid and stripes.jpg">
<li style="z-index:-2;"><img src="http://www.europe-anne.eu/images/gallerij/cherrys and horses.jpg">
<li style="z-index:-3;"><img src="http://www.europe-anne.eu/images/gallerij/white and pink.jpg">
<li style="z-index:-4;"><img src="http://www.europe-anne.eu/images/gallerij/pussycats.jpg">
<li style="z-index:-5;"><img src="http://www.europe-anne.eu/images/gallerij/poison green.jpg">
<li style="z-index:-6;"><img src="http://www.europe-anne.eu/images/gallerij/pink streeps and flowers.jpg">
<li style="z-index:-7;"><img src="http://www.europe-anne.eu/images/gallerij/pink eye.jpg">
<li style="z-index:-8;"><img src="http://www.europe-anne.eu/images/gallerij/pastel set.jpg">
<li style="z-index:-9;"><img src="http://www.europe-anne.eu/images/gallerij/helvecita.jpg">
<li style="z-index:-10;"><img src="http://www.europe-anne.eu/images/gallerij/goldfish.jpg">
<li style="z-index:-11;"><img src="http://www.europe-anne.eu/images/gallerij/garfield.jpg">
<li style="z-index:-12;"><img src="http://www.europe-anne.eu/images/gallerij/delfts blue.jpg">
<li style="z-index:-13;"><img src="http://www.europe-anne.eu/images/gallerij/colorfull streeps and patterns.jpg">
<li style="z-index:-14;"><img src="http://www.europe-anne.eu/images/gallerij/cars.jpg">
<li style="z-index:-15;"><img src="http://www.europe-anne.eu/images/gallerij/amsterdam.jpg">
<li style="z-index:-16;"><img src="http://www.europe-anne.eu/images/gallerij/black hot.jpg">
<li style="z-index:-17;"><img src="http://www.europe-anne.eu/images/gallerij/coolcat.jpg">
</div>
<div id="headerShortcuts">
<?php
echo tep_draw_button(HEADER_TITLE_CART_CONTENTS . ($cart->count_contents() > 0 ? ' (' . $cart->count_contents() . ')' : ''), 'cart', tep_href_link(FILENAME_SHOPPING_CART)) .
tep_draw_button(HEADER_TITLE_CHECKOUT, 'triangle-1-e', tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL')) .
tep_draw_button(HEADER_TITLE_MY_ACCOUNT, 'person', tep_href_link(FILENAME_ACCOUNT, '', 'SSL'));
if (tep_session_is_registered('customer_id')) {
echo tep_draw_button(HEADER_TITLE_LOGOFF, null, tep_href_link(FILENAME_LOGOFF, '', 'SSL'));
}
?>
</div>
<div class="grid_24 ui-widget infoBoxContainer">
<div class="ui-widget-header infoBoxHeading"><?php echo ' ' . $breadcrumb->trail(' » '); ?></div>
</div>
<?php
if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerError">
<td class="headerError"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['error_message']))); ?></td>
</tr>
</table>
<?php
}
if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
?>
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr class="headerInfo">
<td class="headerInfo"><?php echo htmlspecialchars(stripslashes(urldecode($HTTP_GET_VARS['info_message']))); ?></td>
</tr>
</table>
<?php
}
?>
Aar C:
Gelieve in het vervolg bij code de [code][/code]-tags gebruiken.
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Hier kan je meer lezen over de mogelijke opmaakcodes.
Alvast bedankt!
Gewijzigd op 19/03/2015 19:46:19 door - Ariën -
Verdiep je eerst eens in de structuur van een HTML-pagina. Regel 13 t/m 18 en regel 26 t/m 29 staan sowieso op de verkeerde plek. Verder mist er een <head> en </head> tag waarbinnen je <title>, metatags en styles en <script>-tags staan.