php en html resolutie

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mireille grinszpan

mireille grinszpan

19/03/2015 15:07:25
Quote Anchor link
Hallo,

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)
PHP script in nieuw venster Selecteer het PHP script
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
<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!
Gewijzigd op 19/03/2015 15:08:40 door - Ariën -
 
PHP hulp

PHP hulp

05/12/2024 03:22:17
 
- Ariën  -
Beheerder

- Ariën -

19/03/2015 15:09:28
Quote Anchor link
Heb je een live voorbeeld?
Verder horen er geen div-jes om je HTML-tags.
 
Rick B

Rick B

19/03/2015 15:24:11
Quote Anchor link
Een beetje slordige code
- 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
 
- SanThe -

- SanThe -

19/03/2015 15:47:13
Quote Anchor link
Ik zie ook nog 2 keer body.

<body bgcolor=
...
<body onload="
 
Mireille grinszpan

mireille grinszpan

19/03/2015 16:06:57
Quote Anchor link
Bedankt voor jullie reactie!

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.
 
- Ariën  -
Beheerder

- Ariën -

19/03/2015 16:10:14
 
Mireille grinszpan

mireille grinszpan

19/03/2015 16:11:35
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<?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 '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></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!
Gewijzigd op 19/03/2015 16:54:29 door - Ariën -
 
- SanThe -

- SanThe -

19/03/2015 16:12:16
Quote Anchor link
Kijk eens in de broncode van de pagina.
Dan zie je dat er veel dubbele html in staat. (html, head, title, body)
Dat werkt niet zo.
 
Rick B

Rick B

19/03/2015 17:04:30
Quote Anchor link
Verander je code naar:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<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
 
Mireille grinszpan

mireille grinszpan

19/03/2015 19:07:11
Quote Anchor link
Beste Rick,

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)
PHP script in nieuw venster Selecteer het PHP script
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
<?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 '&nbsp;&nbsp;' . $breadcrumb->trail(' &raquo; '); ?></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!
Gewijzigd op 19/03/2015 19:46:19 door - Ariën -
 
- Ariën  -
Beheerder

- Ariën -

19/03/2015 19:49:01
Quote Anchor link
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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.