hendrikbraaf
Gebruiker
- Lid geworden
- 10 mrt 2005
- Berichten
- 128
Het betreft: http://www.johanvanhoutumautos.nl
Als ik de index.html open vanuit mijn map website1 werkt dit zowel met IE als Firefox en Chrome.
Ik heb alles ge-upload naar Hostnet, maar met bedroevend resultaat....
Volgens Hostnet heeft dat te maken met scriptfouten.
Geen idee welke dat zouden moeten zijn.
Hier mijn index-html:
Ook mijn CSS:
Als ik de index.html open vanuit mijn map website1 werkt dit zowel met IE als Firefox en Chrome.
Ik heb alles ge-upload naar Hostnet, maar met bedroevend resultaat....
Volgens Hostnet heeft dat te maken met scriptfouten.
Geen idee welke dat zouden moeten zijn.
Hier mijn index-html:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>Johan van Houtum Auto's</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="gebruikte auto's, uden, tweedehands auto's, goedkoop,smalle beurs,apk," />
<meta name="description" content="Voor een goede, goedkope, apk gekeurede auto!" />
<link rel="stylesheet" href="basis.css" type="text/css" media="screen" />
<script type="text/JavaScript">
function doIt(){
document.getElementById('blink').style.visibility = (document.getElementById('blink').style.visibility == "hidden") ? "visible" : "hidden";
}
function Knipper(){
setInterval('doIt()',500);
}
window.onload = Knipper;
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 2px solid red;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}
</style>
<script type="text/javascript" src="simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library ([url]www.dynamicdrive.com[/url])
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [url]http://www.dynamicdrive.com/[/url] for this script and 100s more
***********************************************/
</script>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [200, 150], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["foto1.jpg", "occasions.html", "_new", ""],
["foto2.jpg", "occasions.html", "_new", ""],
["foto3.jpg", "occasions.html", "_new", ""],
["foto4.jpg", "occasions.html", "_new", ""],
["foto5.jpg", "occasions.html", "_new", ""],
["foto6.jpg", "occasions.html", "_new", ""],
["foto7.jpg", "occasions.html", "_new", ""],
["foto8.jpg", "occasions.html", "_new", ""],
["foto9.jpg", "occasions.html", "_new", ""],
["foto10.jpg", "occasions.html", "_new", ""],
["foto11.jpg", "occasions.html", "_new", ""],
["foto12.jpg", "occasions.html", "_new", ""]
],
autoplay: [true, 2000, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
preloadfirst: false,
fadeduration: 1000, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>
</head>
<body>
<div id="kop"><img alt="musty.png " src="musty.png" width="200"height="120"
style="float:left;margin-left:10px;margin-top:10px;">
<img alt="rdw.png" src="rdw.png." height="90" width="150" style="float:right;"/>
<p>Johan van Houtum Auto's</p>
</div>
<br>
<div id="midden">
<h2><span style="color: blue;margin-left:240px;">
Frontstraat 6 5405 AK Uden 0651299346</span></h2>
</div>
<ul>
<li><a href="occasions.html">Occasions</a></li>
<li><a href="routeplanner.html">Routeplanner</a></li>
</ul>
</div>
<div id="simplegallery1"style=" float:right;margin:40px;"></div>
<h2 style= "margin-left: 50px;"> Welkom op onze website.</h2>
<p style="margin-left: 50px;">Zoekt u een goede, betaalbare auto dan
bent u hier aan het juiste adres!<br>
Wij hebben diverse occasions in de aanbieding, ook voor de smalle beurs.<br>
Wij hebben al een mooie auto voor u vanaf<span id="blink"> <font color ="red"> <b>€ 500,=</b></font></span><br>
Alle auto's worden grondig gecontroleerd en afgeleverd met APK.<br>
Klik op "Occasions"om een deel van onze voorraad te bekijken.<br>
Als u op "Routeplanner" klikt wordt u automatisch de weg gewezen naar ons bedrijf.
</p>
<div align="center"><img alt="finishvlaggen (23K)" src="finishvlaggen.png" height="126" width="168" /></div>
</body>
</html>
Code:
body {
background-image:url(orang023.jpg);
font-family: "Trebuchet MS", sans-serif;
font-size: 100%;
color: black;}
#kop {
width: 950px;
height: 90px;
margin: 0 auto;
background-image: url(achtergrond2.gif)
}
#kop p {
font-family: comic,serif;
font-size:35px;
font-weight: bold;
color: red;
font-variant: small-caps;
text-align:center;
padding-top: 16px;
}
#midden {
width: 898px;
margin: 0 auto;
}
Laatst bewerkt door een moderator:
Waarom zou je een tabel gebruiken als een simpele container div afdoende is. Nou ja, een container div en het corrigeren van 
