Hallo,
Ik heb een website gemaakt, heb een appart stylesheet bestandje met alle div styles erin. Site werkte keurig, ook bij verandere van resolutie/venstergroote.
Nu heb ik een php scriptje gebruikt om de layout makkelijk aan te passen voor alle pagina's, en werkte perfect! Alleen het probleem was dat de middelste kolom (waar alle tekst inkomt zegmaar) niet meer goed uitlijnt, doordat hij de andere div styles niet meer ziet omdat die in een ander php bestandje staan.
Hopelijk kan iemand mij helpen
index.php
head.php
header.php
left.php
foot.php
style.css
Hier nog de website, ff gehost via xammp dus staat niet altijd aan
: http://77.251.203.215/loonbedrijf kalis nieuw/
Hopelijk dat het lukt,
groetjes!
P.S.
Ik heb echt al heel veel gezocht, net als andere tig dingen op me webiste, ben niet zo iemand als die iets neit weet gelijk een forum inlichten nee heb echt nog gezocht !
Ik heb een website gemaakt, heb een appart stylesheet bestandje met alle div styles erin. Site werkte keurig, ook bij verandere van resolutie/venstergroote.
Nu heb ik een php scriptje gebruikt om de layout makkelijk aan te passen voor alle pagina's, en werkte perfect! Alleen het probleem was dat de middelste kolom (waar alle tekst inkomt zegmaar) niet meer goed uitlijnt, doordat hij de andere div styles niet meer ziet omdat die in een ander php bestandje staan.
Hopelijk kan iemand mij helpen
index.php
Code:
<html>
<?php include("layout/head.php"); ?>
<body>
<div id="center">
<?php include("layout/header.php"); ?>
<?php include("layout/left.php"); ?>
<div id="page_content_middle" align="center" class= "middle" style="background-color:#7b2803;">
<p>
Welkom op de website van loonbedrijf kalis!
</p>
<HR size="3" width="100%">
<p>
</p>
</div>
<?php include("layout/foot.php"); ?>head.php
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="description" content="De website van loonbedrijf Kalis.">
<meta name="keywords" content="Loonbedrijf Kalis newholland grimme janco1997 janco vaia cebeco mullie vgm ">
<title>loonbedrijf kalis - home</title>
<link rel="shortcut icon" href="afbeeldingen/favicon.ico">
<!---stylesheets--->
<link rel="stylesheet" href="scripts/style.css" type="text/css" >
<link rel="stylesheet" type="text/css" href="scripts/flexdropdown.css" />
<!---javascripts--->
<script type="text/javascript" src="scripts/menuscript.js" language="javascript" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 2500
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="scripts/flexdropdown.js"></script>
</head>header.php
Code:
<div id="header">
<a href="index.php"><IMG src="afbeeldingen/logo.jpg" align="middle" alt="Loonbedrijf Kalis"></a>
</div>
<div id="menu" align="center" style="background-color:#7b2803;height:40px;width:1332px;">
<a href="index.php" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target=""><img src="afbeeldingen/buttons/button1up.jpg" border="0" id="button1" vspace="1" hspace="10"></a>
<a href="hetbedrijf.php" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target=""><img src="afbeeldingen/buttons/button2up.jpg" border="0" id="button2" vspace="1" hspace="10"></a>
<a href="loonwerk.php" onmouseover="setOverImg('3','');" onmouseout="setOutImg('3','');" target=""><img src="afbeeldingen/buttons/button3up.jpg" border="0" id="button3" vspace="1" hspace="10"></a>
<a href="fotos.php" onmouseover="setOverImg('4','');" onmouseout="setOutImg('4','');" target=""><img src="afbeeldingen/buttons/button4up.jpg" border="0" id="button4" vspace="1" hspace="10"></a>
<a href="videos.php" onmouseover="setOverImg('5','');" onmouseout="setOutImg('5','');" target=""><img src="afbeeldingen/buttons/button5up.jpg" border="0" id="button5" vspace="1" hspace="10"></a>
</div>left.php
Code:
<div id="page_content_left" class= "middle" style="background-color:#7b2803;">
<div id="slider">
<?php include("scripts/slideshow.php"); ?>
</div>
<h1>
<a class="twitter-timeline" href="https://twitter.com/jancoow" data-widget-id="254864948340080640">Tweets by @jancoow</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</h1>
<h2>
<FONT size="5"><b><i>Contact:</i></b></font> <br />
<img alt="map (1K)" src="afbeeldingen/map.png" height="20" width="20" /> <a href="http://maps.google.nl/maps?q=Hallinxweg+44,+3281+KD+Numansdorp+(Fa.+A.+Kalis+en+Zn.)&hl=nl&ll=51.732902,4.418575&spn=0.00198,0.006539&sll=51.732711,4.419073&sspn=0.00099,0.00327&hnear=Hallinxweg+44,+Numansdorp,+Cromstrijen,+Zuid-Holland&t=m&z=18" target="_blank" title="klik om google maps te openen"> Hallinxweg 44 <br />
    3281KD Numansdorp</a> <br />
<img alt="telephone (1K)" src="afbeeldingen/telephone.png" height="16" width="16" /> <font size= "4"> 0186-651859 </font> <br />
<img alt="printer (1K)" src="afbeeldingen/printer.png" height="16" width="16" /> <font size="4"> 0186-651359</font> <br />
<img alt="email (1K)" src="afbeeldingen/email.png" height="16" width="16" /> <A HREF="mailto:loonbedrijfkalis@gmail.com">loonbedrijfkalis@gmail.com</A>
</h2>
</div>foot.php
Code:
<div id="foot">
</div>
</body>
</html>style.css
Code:
body{
width: 100%;
background-image:url("../afbeeldingen/achtergrond.jpg");
background-color:#b0c4de;
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
}
#page_content_left{
position: absolute;
width: 272px;
top: 275px;
height: 700px;
}
#page_content_left H1{
position: absolute;
top: 180px;
left: 21px;
}
#page_content_left H2{
position: absolute;
top: 550px;
left: 10px;
Font-size: 16;
}
#center{
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
width: 1332px;
}
#header {
position: relative;
width: 1332px;
top: 0px;
height: 196px;
margin-left:auto;
}
#menu {
position: absolute;
width: 200px;
top: 216px;
height: 196px;
}
#page_content_middle_videos{
position: relative;
width: 1040px;
top: 63px;
left: 291px;
height: 8000px;
}
#page_content_middle{
position: relative;
width: 1040px;
top: 63px;
left: 291px;
height: 700px;
}
a:link{
background-color: transparent;
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16;
}
a:visited{
background-color: transparent;
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16;
}
a:hover{
background-color: transparent;
color: #000000;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16;
}
a:active{
background-color: transparent;
color: #000000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16;
}
#slider {
width: 260px; /* important to be same as image width */
height: 165px; /* important to be same as image height */
position: absolute; /* important */
overflow: hidden; /* important */
margin-left: -18px;
margin-right: auto;
}
.sliderImage {
float: middle;
position: relative;
display: none;
}Hier nog de website, ff gehost via xammp dus staat niet altijd aan
: http://77.251.203.215/loonbedrijf kalis nieuw/ Hopelijk dat het lukt,
groetjes!
P.S.
Ik heb echt al heel veel gezocht, net als andere tig dingen op me webiste, ben niet zo iemand als die iets neit weet gelijk een forum inlichten nee heb echt nog gezocht !
Laatst bewerkt:
