Hoi Droomwever,
Voordat ik aan het script toekom, eerst even wat andere dingen.
Ontbrekende images
Ik weet niet of het je al is opgevallen, maar als ik de site online bekijk zijn alle achtergrond-afbeeldingen weggevallen: het logo, de kop, enz.:
Als je je site thuis lokaal bekijkt, zie hem wel compleet. Dit zit 'm in het stylesheet, daar staat bv. bij de
body {...}:
Code:
body {
...
background: #523724 url(file:///C|/Users/MSI/Documents/cssetoile/images/bellet-body-bg.png) repeat-y;
...
}
Ook bij de
#header, de
#logolink:hover, de
#paginatitelBackground en de
#benedenBackground staan de verwijzingen naar de afbeeldingen er zo in.
Maar ... die verwijzen naar bestanden op jouw harde schijf (
file:///C|), en als ik de site online ga bekijken, probeert de browser de afbeeldingen bij mij in de aangegeven map op
mijn harde schijf te zoeken.
En daar staan ze natuurlijk niet, want die map heb ik niet en de afbeeldingen ook niet!
Nu staan de afbeeldingen al wel online in de images-map, dus je hoeft er in het stylesheet
www.belle-etoile.be/belleetoile-styles.css alleen maar dit van te maken:
Code:
body {
...
background: #523724 url(images/bellet-body-bg.png) repeat-y;
...
}
En voor de andere op dezelfde manier: dan kan iedereen ze zien!
=======
Html-errors
Er staat ook op de pagina:
HTML:
<body id="home"><overzicht.php>
<!-- begin snow-->
<script language="JavaScript1.2"
src="snow2.js"
type="text/javascript"></script>
<!-- end snow -->
... maar:
- Een element <overzicht.php> bestaat niet en geeft een html-fout. Waarschijnlijk wordt daar een commentaar-regel bedoeld, dan hoort er nog wat bij en dan is het wel goed: <!-- overzicht.php -->
- Het script snow2.js wordt door de browser vergeefs op de server gezocht (daar staat het niet op), en bovendien is het hier overbodig, want eronder staat het sneeuwscript op de pagina zelf (misschien met php er in gezet, dat kan ik niet zien).
Het begin van de pagina hoeft dan alleen maar te zijn:
HTML:
<body id="home"><!-- overzicht.php -->
=======
PHP-include?
Er staat nu in de broncode die ik ontvang:
HTML:
<div id="content">
<div id="nieuwsregel">
<div id="nieuwsregel">
<p>Spetterende eindejaars actie zie <a href="nieuwsbrief.php">NIEUWSBRIEF</a></p>
</div>
</div>
Dat is een keer de
<div id="nieuwsregel"> en zijn
</div> te veel.
Waarschijnlijk staat op je php-pagina:
HTML:
<div id="content">
<div id="nieuwsregel">
<?php include("includes/nieuwsregel.htm"); ?>
</div>
... enz.
of iets dergelijks, en staat de <div> er ook in de nieuwsregel-fragment bij:
HTML:
<div id="nieuwsregel">
<p>Spetterende eindejaars actie zie <a href="nieuwsbrief.php">NIEUWSBRIEF</a></p>
</div>
Dan komt ie er inderdaad dubbel in. De
<div id="nieuwsregel"> en de
</div> kan dan helemaal uit het fragment, dat dan alleen maar wordt:
HTML:
<p>Spetterende eindejaars actie zie <a href="nieuwsbrief.php">NIEUWSBRIEF</a></p>
======
Sneeuwvlokjes-script
Dan het script.
mijn vraag is nu hoe kan ik alle pagina's met 1 bestand bereiken
kan dat via CSS en aparte include regel bijv in CSS ?
- Nee, niet met CSS, en er is ook geen aparte include met PHP voor nodig.
- Het kan later op elke pagina aangehaakt worden zoals nu de niet bestaande snow2.js wordt aangehaakt.
Maar weer eerst iets anders!
Het dwarrelende sneeuwvlokjes-script
doet het wel in Internet Explorer (in ieder geval in IE versie 7) ...
... maar het
doet het niet in andere browsers! :shocked:
- In Firefox, Chrome, Opera en Safari kom er maar één zielig sneeuwvlokje, helemaal onderaan (en het valt ook niet): zoals in het screenshot hierboven.
Ai! Dat kan kloppen, want het is een behoorlijk verouderd script (van 6 jaar geleden) en het heeft script-fouten die Internet Explorer door de vingers ziet maar de andere browsers niet. Die werken volgens de standaarden, en wat fout is wordt dan niet toegepast.
Ik zal kijken of ik er iets beters van kan maken.
Wordt vervolgd!
Met vriendelijke groet,
CSShunter
