PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
?

Pakt stijlbestanden niet

Door Onbekende gebruiker op 16-03-2013 10:11 gewijzigd op 19-07-2013 00:49
4.120 views
Ik heb recent een webdesign gekocht, die het in principe perfect doet. Maar nu heb ik vannacht de index.html opnieuw opgebouwd, en er een index.php van gemaakt. Hierna pakt mijn website de stijlbestanden niet meer.
De mappenstructuur is hetzelfde als bij het origineel, het enige verschil is dat ik een definitions.php heb aangemaakt met daarin een aantal definities die met PHP worden aangeroepen. Maar zelfs nadat ik deze definities er tussenuit heb gehaald werkt het niet. Ook heb ik geprobeerd of het werkte nadat ik er weer een index.html van maakte, en ook heb ik de permissions op 755 ingesteld.
Daarbij moet opgemerkt worden dat afbeeldingen wel geladen worden, maar de stijlbestanden dus niet.

Bekijk alles eens rustig op http://www.standardmedia.nl. Ik hoop dat jullie mij kunnen helpen, want ik zie het probleem niet!

index.php

<?php
require_once("definitions.php");
?>
<!DOCTYPE HTML>
<html>
	<head>
		<title><?php echo $define1." | Startpagina"; ?></title>
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic" rel="stylesheet" type="text/css">
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<script src="<?php echo $define2; ?>/css/5grid/init.js?use=mobile,desktop,1000px&amp;mobileUI=1&amp;mobileUI.theme=none&amp;mobileUI.titleBarHeight=40&amp;mobileUI.openerWidth=60"></script>
		<script src="<?php echo $define2; ?>/js/init.js"></script>
		<script src="<?php echo $define2; ?>/js/jquery.dropotron-1.1.js"></script>
		<script src="<?php echo $define2; ?>/js/jquery.slidertron-1.2.js"></script>
		<script src="<?php echo $define2; ?>/js/jquery-1.8.1.min.js"></script>
		<noscript>
			<link href="<?php echo $define2; ?>/css/5grid/core.css" rel="stylesheet">
			<link href="<?php echo $define2; ?>/css/5grid/core-1200px.css" rel="stylesheet">
			<link href="<?php echo $define2; ?>/css/5grid/core-desktop.css" rel="stylesheet">
			<link href="<?php echo $define2; ?>/css/5grid/core-noscript.css" rel="stylesheet">
			<link href="<?php echo $define2; ?>/css/style.css" rel="stylesheet">
			<link href="<?php echo $define2; ?>/css/style-desktop.css" rel="stylesheet">
		</noscript>
		<!--[if lte IE 7]><link href="<?php echo $define2; ?>/css/ie7.css" rel="stylesheet"><![endif]-->
		<!--[if lte IE 8]><link href="<?php echo $define2; ?>/css/ie8.css" rel="stylesheet"><![endif]-->
	</head>
	<body class="homepage">
		<div id="header-wrapper">
			<div class="5grid-layout">
				<div class="row">
					<div class="12u">
						<header id="page-header">
							<h1><a href="<?php echo $define2; ?>" class="mobileUI-site-name"><?php echo $define7; ?></a></h1>
							<nav class="mobileUI-site-nav">
								<?php echo $define8; ?>
							</nav><br>
						</header>
					</div>
				</div>
			</div>
		</div>
		<div id="banner-wrapper">
			<div class="5grid-layout">
				<div class="row">
					<div class="12u">
						<div id="banner">
							<div class="viewer">
								<div class="nav-next">Volgende</div>
								<div class="nav-previous">Vorige</div>
								<div class="reel">
									<?php echo $define9; ?>
								</div>
							</div>
							<div class="captions">
								<span class="caption-line-1"></span>
								<span class="caption-line-2"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="search-wrapper">
			<div class="5grid-layout" id="search">
				<div class="row">
					<div class="8u">
						<span><?php echo $define10; ?></span>
					</div>
					<div class="4u">
						<div class="side-padded">
							<form action="<?php echo $define2; ?>/search.php" method="post">
								<div>
									<input type="text" class="text" name="search" placeholder="Zoeken">
									<input type="submit" class="button" value="Zoeken">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="main-wrapper">
			<div class="5grid-layout">
				<div class="row">
					<div class="8u mobileUI-main-content">
						<div id="content">
							<article class="featured">
								<header>
									<h2>Startpagina</h2>
									<span class="byline">Laat ons het werk doen</span>
								</header>
								<p><?php echo $define11; ?></p>
								<div class="5grid grid-spaced">
									<div class="row">
										<section class="6u">
											<a href="#" class="image image-fit"><img src="<?php echo $define2; ?>/images/pic01.jpg" alt=""></a>
											<h3>Product</h3>
											<p><?php echo $define11; ?></p>
										</section>
										<section class="6u">
											<a href="#" class="image image-fit"><img src="<?php echo $define2; ?>/images/pic02.jpg" alt=""></a>
											<h3>Product</h3>
											<p><?php echo $define11; ?></p>
										</section>
									</div>
									<div class="row">
										<section class="6u">
											<a href="#" class="image image-fit"><img src="<?php echo $define2; ?>/images/pic03.jpg" alt=""></a>
											<h3>Product</h3>
											<p><?php echo $define11; ?></p>
										</section>
										<section class="6u">
											<a href="#" class="image image-fit"><img src="<?php echo $define2; ?>/images/pic04.jpg" alt=""></a>
											<h3>Product</h3>
											<p><?php echo $define11; ?></p>
										</section>
									</div>
								</div>
							</article>
							<section>
								<header>
									<h2>Laatste nieuws</h2>
								</header>
								<a href="#" class="image image-style1 align-left image-fit-mobileOnly"><img src="<?php echo $define2; ?>/images/pic05.jpg" alt=""></a>
								<h3>Nieuws</h3>
								<p><?php echo $define11; ?></p>
								<a href="#" class="button">Lees meer</a>
							</section>
							<section>
								<header>
									<h2>Een selectie van onze producten</h2>
								</header>
								<div class="5grid grid-spaced">
									<div class="row">
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic06.jpg" alt=""></a>
											<h3>CMS</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic07.jpg" alt=""></a>
											<h3>Contactformulieren</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
									</div>
									<div class="row">
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic08.jpg" alt=""></a>
											<h3>Domeinnamen</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic09.jpg" alt=""></a>
											<h3>Webdesign</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
									</div>
									<div class="row">
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic10.jpg" alt=""></a>
											<h3>Webhosting</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
										<section class="6u">
											<a href="#" class="image image-style2 align-left"><img src="<?php echo $define2; ?>/images/pic11.jpg" alt=""></a>
											<h3>Webwinkels</h3>
											<p><?php echo $define11; ?> <a href="#">Lees meer</a></p>
										</section>
									</div>
								</div>
							</section>
						</div>
					</div>
					<div class="4u">
						<div class="right-sidebar">
							<div id="sidebar">
								<section class="blocks">
									<a href="#" class="one">
										<h2>(verwijderd)/h2>
										<p>Beveiliger en webontwikkelaar</p>
									</a>
									<a href="#" class="two">
										<h2>StandardMedia</h2>
										<p>Praktische weboplossingen</p>
									</a>
									<a href="#" class="three">
										<h2>VoorBeveiligers</h2>
										<p>Discussiepunt voor beveiligers</p>
									</a>
								</section>
								<section>
									<header>
										<h2>Updates</h2>
									</header>
									<ul class="style1 posts">
										<li>
											<a href="#" class="image align-left"><img src="<?php echo $define2; ?>/images/pic12.jpg" alt=""></a>
											<h3>Update</h3>
											<p><?php echo $define11; ?></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<a href="#" class="image align-left"><img src="<?php echo $define2; ?>/images/pic13.jpg" alt=""></a>
											<h3>Update</h3>
											<p><?php echo $define11; ?></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<a href="#" class="image align-left"><img src="<?php echo $define2; ?>/images/pic14.jpg" alt=""></a>
											<h3>Update</h3>
											<p><?php echo $define11; ?></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<a href="#" class="image align-left"><img src="<?php echo $define2; ?>/images/pic15.jpg" alt=""></a>
											<h3>Update</h3>
											<p><?php echo $define11; ?></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<a href="#" class="image align-left"><img src="<?php echo $define2; ?>/images/pic16.jpg" alt=""></a>
											<h3>Update</h3>
											<p><?php echo $define11; ?></p>
											<span class="date">Vandaag</span>
										</li>
									</ul>
									<a href="#" class="button">Lees meer</a>
								</section>
								<section>
									<header>
										<h2>Tweets</h2>
									</header>
									<ul class="style1 tweets">
										<li>
											<p>Tweet <a href="#">Link</a></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<p>Tweet <a href="#">Link</a></p>
											<span class="date">Vandaag</span>
										</li>
										<li>
											<p>Tweet <a href="#">Link</a></p>
											<span class="date">Vandaag</span>
										</li>
									</ul>
									<a href="#" class="button">Lees meer</a>
								</section>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer-wrapper">
			<footer id="page-footer" class="5grid-layout">
				<div class="row">
					<div class="4u">
						<section>
							<h2>Footer</h2>
							<ul class="style2">
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
							</ul>
						</section>
					</div>
					<div class="4u">
						<section>
							<h2>Footer</h2>
							<ul class="style2">
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
								<li><a href="#">Link</a></li>
							</ul>
						</section>
					</div>
					<div class="4u">
						<div class="side-padded">
							<section>
								<h2>Contact</h2>
								<p><a href="#">Bekijk alle contactmogelijkheden</a></p>
								<ul class="contact">
									<li class="address">
										---<br>
										---<br>
										---
									</li>
									<li class="email">
										<a href="#">---</a>
									</li>
									<li class="social">
										<a href="#">---</a>
									</li>
									<li class="phone">
										---
									</li>
								</ul>
							</section>
						</div>
					</div>
				</div>
				<div class="row">
					<div id="copyright"><?php echo $define6; ?></div>
				</div>
			</footer>
		</div>
	</body>
</html>


definitions.php

<?php
$define1		=		'StandardMedia';
$define2		=		'http://www.standardmedia.nl';
$define3		=		$define2.'/looks/';
$define4		=		$define2.'/looks/images/';
$define5		=		$define2.'/works/';
$define6		=		'&copy; 2013 &mdash; <a href="http://www.standardmedia.nl" target="_blank">StandardMedia</a>';
$define7		=		'<span>Standard</span>Media';
$define8		=		'<ul>
							<li><a href="'.$define2.'">Startpagina</a></li>
							<li><a href="'.$define2.'/informationcenter">Informatiecentrum</a></li>
							<li>
								<a href="'.$define2.'/products.php" class="arrow">Producten</a>
								<ul>
									<li><a href="'.$define2.'/cms.php">CMS</a></li>
									<li><a href="'.$define2.'/contactforms.php">Contactformulieren</a></li>
									<li><a href="'.$define2.'/domainnames.php">Domeinnamen</a></li>
									<li><a href="'.$define2.'/webdesign.php">Webdesign</a></li>
									<li><a href="'.$define2.'/webhosting.php">Webhosting</a></li>
									<li><a href="'.$define2.'/webshops.php">Webwinkels</a></li>
								</ul>
							</li>
							<li>
								<a href="'.$define2.'/standardmedia.php" class="arrow">StandardMedia</a>
								<ul>
									(modedit: verwijderd)
									<li><a href="http://www.standardmedia.nl">StandardMedia</a></li>
									<li><a href="http://www.voorbeveiligers.nl">VoorBeveiligers</a></li>
								</ul>
							</li>
							<li><a href="http://www.standardmedia.nl/contact">Contact</a></li>
						</ul>';
$define9		=		'<div class="slide">
							<h2 class="caption-1">Welkom</h2>
							<p class="caption-2">Zullen wij ons even voorstellen?</p>
							<a href="#" class="link">Meer</a>
							<img src="'.$define2.'/images/slide01.jpg" alt="">
						</div>
						<div class="slide">
							<h2 class="caption-1">Beveiliging</h2>
							<p class="caption-2">Heeft u een of meerdere beveiligers nodig?</p>
							<a href="#" class="link">Meer</a>
							<img src="'.$define2.'/images/slide02.jpg" alt="">
						</div>
						<div class="slide">
							<h2 class="caption-1">StandardMedia</h2>
							<p class="caption-2">Wat StandardMedia doet</p>
							<a href="#" class="link">Meer</a>
							<img src="'.$define2.'/images/slide03.jpg" alt="">
						</div>';
$define10		=		'Uw klanten een extra verkoopkanaal bieden?';
$define11		=		'Nog geen informatie beschikbaar.';
$define12		=		'Nog geen resultaten.';
?>


[size=xsmall]Toevoeging op 16/03/2013 10:18:10:[/size]

Even een kleine update: ik heb de foutafhandeling in PHP aangezet, deze geeft geen fouten. Daarnaast heb ik mijn browsercache geleegd, maar het probleem blijft hierna hetzelfde. In een andere browser is het probleem niet anders.
Daarnaast heb ik mijn privégegevens er even uitgefilterd :P
Willem vp
16-03-2013 10:30
Waarom staan in de <head>-sectie je stylesheet-links tussen <noscript>-tags?
?
Onbekende gebruiker
16-03-2013 10:35
Weet ik niet. Zoals gezegd heb ik het webdesign gekocht, en deed hij het prima toen het nog een index.html was.
Ik heb nu de <noscript>-tags weggehaald, en het webdesign doet het nu. Maar de Javascript doet het nog steeds niet...
Eddy E
16-03-2013 10:35
Blijkbaar was dat de oplossing, want je website ziet er prima uit.
Stijlbladen werken perfect.
?
Onbekende gebruiker
16-03-2013 10:39
Dat klopt, nu doet het webdesign het. Maar de Javascript ontbreekt nog. Neem als voorbeeld de menu-items met de pijltjes naar beneden, dat moeten dropdownmenu's zijn. En daarnaast de slider die het ook niet doet.
Willem vp
16-03-2013 11:06
Wat dropotron en jQuery enzo betreft word ik even niet gehinderd door enige kennis van zaken, maar maakt de volgorde waarin je de scripts in je header opneemt nog uit? Ik zou me bijvoorbeeld kunnen voorstellen dat je init.js als laatste wilt includen, omdat die referenties heeft naar *tron.

En mogelijk moet je de <ul>-tags van je dropdown-menu's nog de class "dropotron" geven enzo...
Eddy E
16-03-2013 11:09
Stefan, ben jij homo maar weet je dat zelf nog niet?
Je bent dus gehacked of je database is zo lek als een mandje....

[size=xsmall]Toevoeging op 16/03/2013 11:10:44:[/size]

Je hebt trouwens ook wel ontzettend veel bestanden. Als die stijlbladen kunnen beter in 1 gestopt worden: dus 1 stijlblad voor alles.
Dat is maar 1 http-request en door de caching wordt je website echt sneller.
?
Onbekende gebruiker
16-03-2013 11:14
Hahaha! Nee, dat is mijn achterneef. Ik ben ondertussen met hem ook bezig te proberen het probleem op te lossen. Hij vroeg mij of ik een simpele alert wilde aanroepen om te kijken of Javascript het echt niet deed.
Maar dat is dus wel het geval, Javascript doet het gewoon. Maar waar zit het probleem dan?

En ik wil eerst de basis goed hebben voordat ik iets aan de structuur ga veranderen.
LEDfan nvt
16-03-2013 11:41
Als je de console in je browser opent krijg je dit:

Uncaught ReferenceError: jQuery is not defined init.js:42
Uncaught TypeError: Cannot call method 'ready' of undefined init.js:1
Uncaught ReferenceError: jQuery is not defined jquery.dropotron-1.1.js:412
Uncaught ReferenceError: jQuery is not defined jquery.slidertron-1.2.js:836


Dat betekent dat hij in de bestanden, init.js en jquery.droptron en jquery.slidertron jquery niet kan vinden. Plaats deze regel

        <script src="<?php echo $define2; ?>/js/jquery-1.8.1.min.js"></script>

net onder de meta tags.

Ik denk dat het dan zal werken.
Joey Drieling
16-03-2013 11:54
@LEDfan nvt dat heeft hij al staan al zie ik zijn geposte scripts.

[size=xsmall]Toevoeging op 16/03/2013 11:56:54:[/size]

Edit jha zag niet dat hij onder de plugins stond heb niks gezegd.
?
Onbekende gebruiker
16-03-2013 12:00
Het probleem is opgelost! Ik heb altijd de rare behoefte om alles op alfabetische volgorde te zetten, en dat was bij dit script even de boosdoener.
Ik heb het originele bestand erbij gepakt en de Javascript-bestanden op die volgorde gezet zoals ze in het originele bestand ook stonden. Toen was het opgelost!

Bedankt voor het meedenken!

Reageren

Inloggen om te reageren