Probleem met weergave gallerij in Firefox

Status
Niet open voor verdere reacties.

sjoerddeboer1

Nieuwe gebruiker
Lid geworden
27 mrt 2009
Berichten
2
Kan iemand mij zo snel mogelijk helpen? Ik heb een gallerij die prima weergeeft in IE, maar niet in Firefox en andere browsers. Gaat om een mouse-over

Heb al verschillende zaken met 'ul' geprobeerd, maar kom er niet uit. Heb ter info de html en de css toegevoegd aan dit bericht.

HELP!!!
 

Bijlagen

Hieronder enkele gevonden foutjes:

Regel 9 Kol 186 : Een niet-afgesloten <meta>-tag is afgesloten.
Regel 10 Kol 251 : Een niet-afgesloten <meta>-tag is afgesloten.
Regel 25 Kol 79 : Een niet-afgesloten <img>-tag is afgesloten.
Regel 25 Kol 81 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 25 Kol 81 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 49 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 50 Kol 89 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 56 Kol 10 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 58 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 58 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 60 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 60 Kol 55 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 60 Kol 107 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 63 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 63 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 63 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 63 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 63 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 63 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 63 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 67 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 68 Kol 105 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 74 Kol 14 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 76 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 76 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 78 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 78 Kol 63 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 78 Kol 115 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 81 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 81 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 81 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 81 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 81 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 81 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 81 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 85 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 86 Kol 100 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 92 Kol 14 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 94 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 94 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 96 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 96 Kol 60 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 96 Kol 112 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 99 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 99 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 99 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 99 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 99 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 99 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 99 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 103 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 104 Kol 75 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 110 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 112 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 112 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 114 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 114 Kol 48 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 114 Kol 100 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 117 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 117 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 117 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 117 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 117 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 117 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 117 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 121 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 122 Kol 93 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 128 Kol 23 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 130 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 130 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 132 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 132 Kol 57 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 132 Kol 109 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 135 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 135 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 135 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 135 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 135 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 135 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 135 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 139 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 140 Kol 92 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 146 Kol 23 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 148 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 148 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 150 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 150 Kol 56 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 150 Kol 108 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 153 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 153 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 153 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 153 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 153 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 153 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 153 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 157 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 158 Kol 71 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 164 Kol 23 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 166 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 166 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 168 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 168 Kol 46 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 168 Kol 98 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 171 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 171 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 171 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 171 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 171 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 171 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 171 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 175 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 176 Kol 92 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 182 Kol 22 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 184 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 184 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 186 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 186 Kol 56 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 186 Kol 108 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 189 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 189 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 189 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 189 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 189 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 189 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 189 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 193 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 194 Kol 108 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 200 Kol 14 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 202 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 202 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 204 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 204 Kol 64 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 204 Kol 116 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 207 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 207 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 207 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 207 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 207 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 207 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 207 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 211 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 212 Kol 82 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 219 Kol 25 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 221 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 221 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 223 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 223 Kol 50 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 223 Kol 102 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 226 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 226 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 226 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 226 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 226 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 226 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 226 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 230 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 231 Kol 80 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 237 Kol 14 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 239 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 239 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 241 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 241 Kol 45 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 241 Kol 97 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 244 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 244 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 244 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 244 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 244 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 244 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 244 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 248 Kol 5 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 249 Kol 81 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 255 Kol 14 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 257 Kol 13 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 257 Kol 17 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 259 Kol 4 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 259 Kol 45 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 259 Kol 97 : Een niet-afgesloten <br>-tag is afgesloten.
Regel 262 Kol 9 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 262 Kol 9 : Er is een <span>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 262 Kol 9 : Tags opsplitsen die een <span>... </span>-paar overlapten.
Regel 262 Kol 9 : Er is een <a>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 262 Kol 9 : Tags opsplitsen die een <a>... </a>-paar overlapten.
Regel 262 Kol 9 : Een niet-afgesloten <li>-tag is afgesloten.
Regel 262 Kol 9 : Tags opsplitsen die een <li>... </li>-paar overlapten.
Regel 263 Kol 7 : Tags opsplitsen die een <ul>... </ul>-paar overlapten.
Regel 264 Kol 6 : Tags opsplitsen die een <div>... </div>-paar overlapten.
Regel 267 Kol 14 : Een niet-afgesloten <p>-tag is afgesloten.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
Regel 272 Kol 8 : Er is een <center>-tag gesloten die niet was afgesloten of andere tags overlapte.
en nu werkt het wel bij mij in firefox en IE
Zal er maar de code bij zetten zeker.
De Html:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Bureau Redactioneel
http://www.bureauredactioneel.nl
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Trailerbouw Vogelzang Borg - Meesters in Maatwerk - specialist in trailers, opleggers, aanhangers, getrokken materiaal en transportoplossingen op maat" />
<meta name="keywords" content="trailerbouw, oplegger, aanhanger, transportoplossingen, getrokken materiaal, ETC, European Trailer Care, schuifzeilen, truckopbouwen, kraanopbouwen, twistlockopbouwen, koeloplegger, schuifzeilenopleggers, aanhangwagens" />
<title>Trailerbouw Vogelzang Borg - Meesters in Maatwerk</title>
<!-- trailerbouw, transportoplossingen, getrokken materiaal -->
<link href="gallerij.css" rel="stylesheet" type="text/css" media="screen"/>

<style type="text/css">

ul { list-style-position: inside; padding: 0px; margin: 0px }

</style>

</head>
<body>

<div id="logo">
<center><a href="http://www.vogelzang-bv.nl"><img src="images/logo_image.gif" /></a></center>
</div>

<div id="menu">
<h2>Navigation Menu</h2>
	<ul style="padding: 0;margin: 0"> 
		<li><a href="index.html">Home</a></li>
		<li><a href="bedrijf.html">Bedrijf</a></li>
		<li class="active"><a href="gallerij.html">Producten</a></li>
		<li><a href="werkplaats.html">Werkplaats</a></li>
		<li><a href="gebruikt.html">Gebruikt/Verhuur</a></li>
		<li><a href="contact.html">Contact</a></li>
	
	</ul>
</div>
<div id="body">
<center>Beweeg met uw muis over een foto voor meer voorbeelden of klik voor mailcontact met een van onze medewerkers.</center>
</div>
  <div id="container">
<h1><center>OPLEGGERS / AANHANGERS</center></h1>
 <ul style="padding: 0;margin: 0">      
<li>
      <a class="gallery slidea" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-4.jpg"alt="Tankoplegger 1" title="Tankoplegger 1" /><p><br />
	 <img src="images/p13_t27.jpg"alt="Tankoplegger 2" title="Tankoplegger 2" />
         <img src="images/p13_t26.jpg"alt="Tankoplegger 3" title="Tankoplegger 3" />
         <img src="images/p14_t2.jpg"alt="Tankoplegger 4" title="Tankoplegger 4" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
      <br />
         </p></span></a><center><a class="gallery slidea" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Tankopleggers</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een tankoplegger op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
<li>
      <a class="gallery slideb" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-6.jpg"alt="Schuifzeilenoplegger 1" title="Schuifzeilenoplegger 1" /><p><br />
	 <img src="images/p13_t3.jpg"alt="Schuifzeilenoplegger 3" title="Schuifzeilenoplegger 3" />
         <img src="images/p13_t6.jpg"alt="Schuifzeilenoplegger 4" title="Schuifzeilenoplegger 4" />
	 <img src="images/p12_t8.jpg"alt="Schuifzeilenoplegger 2" title="Schuifzeilenoplegger 2" />
         <img src="images/p14_t5.jpg"alt="Schuifzeilenoplegger 5" title="Schuifzeilenoplegger 5" />
         <img src="images/p14_t6.jpg"alt="Schuifzeilenoplegger 6" title="Schuifzeilenoplegger 6" />
          <br />
         </p></span></a><center><a class="gallery slideb" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Schuifzeilenopleggers</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een schuifzeilenoplegger op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidec" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-38.jpg"alt="Gesloten voertuig 1" title="Gesloten voertuig 1" /><p><br />
	 <img src="images/p13_t7.jpg"alt="Gesloten voertuig 2" title="Gesloten voertuig 2" />
         <img src="images/p13_t25.jpg"alt="Gesloten voertuig 3" title="Gesloten voertuig 3" />
         <img src="images/p13_t2.jpg"alt="Gesloten voertuig 4" title="Gesloten voertuig 4" />
         <img src="images/p13_t31.jpg"alt="Gesloten voertuig 5" title="Gesloten voertuig 5" />
         <img src="images/p13_t18.jpg"alt="Gesloten voertuig 6" title="Gesloten voertuig 6" />
          <br />
         </p></span></a><center><a class="gallery slidec" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Gesloten voertuigen</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een gesloten voertuig op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slided" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p12-9.jpg"alt="Truck 1" title="Truck 1" /><p><br />
	 <img src="images/p12_t4.jpg"alt="Truck 2" title="Truck 2" />
         <img src="images/p13_t28.jpg"alt="Truck 3" title="Truck 3" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
 <br />
         </p></span></a><center><a class="gallery slided" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Trucks</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een truck op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidee" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p14-7.jpg"alt="Stenenoplegger 1" title="Stenenoplegger 1" /><p><br />
	 <img src="images/p14_t8.jpg"alt="Stenenoplegger 2" title="Stenenoplegger 2" />
         <img src="images/p14_t9.jpg"alt="Stenenoplegger 3" title="Stenenoplegger 3" />
  	<img src="images/p13_t13.jpg"alt="Stenenoplegger 4" title="Stenenoplegger 4" />
  	<img src="images/p13_t14.jpg"alt="Stenenoplegger 5" title="Stenenoplegger 5" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
                   <br />
         </p></span></a><center><a class="gallery slidee" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Stenenopleggers</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een stenenoplegger op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidef" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-30.jpg"alt="Semidieplader 1" title="Semidieplader 1" /><p><br />
	 <img src="images/p12_t.jpg"alt="Semidieplader 2" title="Semidieplader 2" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
                   <br />
         </p></span></a><center><a class="gallery slidef" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Semidiepladers</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een semidieplader op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slideg" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p12-2.jpg"alt="LZV 1" title="LZV 1" /><p><br />
	 <img src="images/p13_t7.jpg"alt="LZV 2" title="LZV 2" />
         <img src="images/p13_t35.jpg"alt="LZV 3" title="LZV 3" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
                   <br />
         </p></span></a><center><a class="gallery slideg" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> LZV's</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een LZV op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slideh" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-24.jpg"alt="Open voertuig 1" title="Open voertuig 1" /><p><br />
	 <img src="images/p14_t10.jpg"alt="Open voertuig 2" title="Open voertuig 2" />
         <img src="images/p14_t11.jpg"alt="Open voertuig 3" title="Open voertuig 3" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
                  <br />
         </p></span></a><center><a class="gallery slideh" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Open voertuigen</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een open voertuig op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidei" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-33.jpg"alt="Containeraanhangwagen 1" title="Containeraanhangwagen 1" /><p><br />
	 <img src="images/p13_t15.jpg"alt="Containeraanhangwagen 2" title="Containeraanhangwagen 2" />
         <img src="images/p13_t34.jpg"alt="Containeraanhangwagen 3" title="Containeraanhangwagen 3" />
         <img src="images/p13_t8.jpg"alt="Containeraanhangwagen 4" title="Containeraanhangwagen 4" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
          <br />
         </p></span></a><center><a class="gallery slidei" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Containeraanhangwagens</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een containeraanhangwagen op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidej" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-20.jpg"alt="Diversen 1" title="Diversen 1" /><p><br />
	 <img src="images/p13_t11.jpg"alt="Diversen 2" title="Diversen 2" />
 	 <img src="images/p13_t5.jpg"alt="Diversen 4" title="Diversen 4" />
         <img src="images/p14_t12.jpg"alt="Diversen 5" title="Diversen 5" />
        <img src="images/p14_t13.jpg"alt="Diversen 6" title="Diversen 6" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         

                     <br />
         </p></span></a><center><a class="gallery slidej" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Diversen</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over een product op maat? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidek" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
         <img src="images/p13-21.jpg"alt="Details 1" title="Details 1" /><p><br />
	 <img src="images/p12_t1.jpg"alt="Details 2" title="Details 2" />
         <img src="images/p14_t14.jpg"alt="Details 4" title="Details 4" />
	 <img src="images/p14_t15.jpg"alt="Details 5" title="Details 5" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
          <br />
         </p></span></a><center><a class="gallery slidek" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Details</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over onze producten? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li><center>
   <li>
      <a class="gallery slidel" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'">
        <span>
	<br />
          <img src="images/p13-16.jpg"alt="Details 6" title="Details 6" /><p><br />
	 <img src="images/p13_t22.jpg"alt="Details 7" title="Details 7" />
         <img src="images/p12_t5.jpg"alt="Details 8" title="Details 8" />
         <img src="images/p14_t16.jpg"alt="Details 9" title="Details 9" />
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
	 <img src="images/p12_tempty.jpg"alt="Geen info" title="Geen info" />         
          <br />
         </p></span></a><center><a class="gallery slidel" href="mailto:verkoop@vogelzang-bv.nl?subject=Gevonden op 'Gebruikt'"><span><strong> Details</strong>
          <p><br />
	  <b>Omschrijving: </b>
<br />Meer informatie over onze producten? <br /> Klik in het overzicht rechts om ons te mailen. <br />
        </p></span>
      </a>
    </center></li>
  </center></center></center></center></center></center></center></center></center></center></center></ul>
</div><center><center><center><center><center><center><center><center><center><center><center><center>
<p>

</p><div id="bot">
	<p>Copyright &copy; 2008 
  <a href="http://www.vogelzang-bv.nl"> Vogelzang BV </a> | <a href="http://www.bureauredactioneel.nl">Designed</a> by <a href="http://www.bureauredactioneel.nl"><strong>Bureau Redactioneel </strong></a></p>
</div>
	  	 	
	</center></center></center></center></center></center></center></center></center></center></center></center></body>
</html>

En de css (niets aan veranderd):
Code:
/*
Design by Bureau Redactioneel
http://www.bureauredactioneel.nl
*/

body {
	margin: 0px auto;
	padding: 0 0 0 4px;
	background: #111111  repeat-y center; 
	
	font: normal small Calibri, Century, 'Book Antiqua', sans-serif;
	color: #17325B;
	font-size: 0.9em;
	line-height: 21px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
		}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ol, blockquote {
	margin-top: 0;
}

a {
	color: #FF0000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}
/* Header */

#logo {
	width: 780px;
	height: 70px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	background: #17325B url(images/bigbg.gif) repeat-x;
	border: 5px solid #FFFFFF;
	border-bottom: none;
	position: relative;
}

#logo h1 {
	text-align: center;
	font-size: 3em;

}

#logo h2 {
	text-align: center;
	font-size: 1.6em;
	
}

#logo a {
	text-decoration: none;
	color: #FF0000;
}

/* Menu */

#menu {
	width: 780px;
	height: 36px;
	margin: 0 auto;
	padding: 0;
	background: #17325B;
	border: 5px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;;
	position: relative;
}

#menu h2 {
	display: none;
	}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 130px;
	height: 26px;
	padding-top: 10px;
	text-align: center;
	text-decoration: none;
	text-transform:uppercase;
	color: #FFFFFF;
}

#menu a:hover, #menu .active a {
	background: #000000;
	color: #FF0000;
}


/* Content */

#body {
	width: 780px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
}

#body .background {
	width: 780px;
	height: 312px;
	margin: 0 auto;

}

#body .title {
	padding: 10px 20px;
	background: #FFFFFF url(images/smallbg.gif) repeat-x left bottom;
	font-size: 1em;
}

#body .story {
	width: 430px;
	padding: 10px;
	border: 2px solid #FFFFFF;
}


#container {
    position:relative; 
    width:775px; 
    height:500px; 
    margin:0px auto 0 auto;
    padding: 8px; 
    background:#17325B 
 
  } 

/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none;
      }

ul#off {list-style-type:none; padding:0; margin:0; width:790px; height:120px; margin:0.5em auto; position:relative;}
ul#off li {display:block; width:78px; height:100px; margin:10px; position:relative; float:left;}
ul#off li.gap {margin-right:75px;}
ul#off a {display:block; width:0x; height:0; text-decoration:none; position:absolute; left:0; top:0;}

ul#off a em {cursor:pointer; font-style:normal; font-weight:bold;}
ul#off a span {display:none;}

ul#off a em.hz {position:absolute; display:block; height:20px; width:75px; cursor:pointer; text-align:center; line-height:20px; color:#fff;}
ul#off a em.hzq {position:absolute; display:block; height:20px; width:50px; cursor:pointer; text-align:center; line-height:20px; color:#fff;}
ul#off a em.vtc {position:absolute; display:block; height:60px; width:25px; cursor:pointer; left:0; top:20px;}
ul#off a em.vtl {position:absolute; display:block; height:80px; width:25px; cursor:pointer; left:0; top:0;}
ul#off a em.vtp {position:absolute; display:block; height:40px; width:25px; cursor:pointer;}
ul#off a em.bk {position:absolute; display:block; height:25px; width:25px; cursor:pointer;}
ul#off a em.vtq {position:absolute; display:block; height:100px; width:25px; cursor:pointer; left:0; top:0;}


ul#off a em.toph {top:0; left:0;}
ul#off a em.midh {top:40px; left:0;}
ul#off a em.both {top:80px; left:0;}
ul#off a em.topr {top:0; left:50px;}
ul#off a em.topq {top:0; left:25px;}

ul#off a em.bktl {top:20px; left:0;}
ul#off a em.bktr {top:20px; left:50px;}
ul#off a em.bkbl {top:60px; left:0;}
ul#off a em.bkbr {top:60px; left:50px;}

.ggg em {background:#724a10;}
.aaa em {background:#e09222;}
.lll em {background:#697210;}
.eee em {background:#ff0000;}
.rrr em {background:#0000ff;}
.yyy em {background:#9933ff;}

ul#off a:hover {color:#c00; background:#ddd;}
ul#off a:hover em {background:#c6b69e; color:#724a10;}
ul#off a:hover span {display:block; width:75px; height:1px; font-size:3px; position:absolute; top:110px; left:0; border-top:5px dashed #c6b69e;}
ul#off a:active, ul#off a:focus {background:#eee;}
ul#off a:active em, ul#off a:focus em {background:#f0ca93; color:#000;}
ul#off a:active span, ul#off a:focus span {border-top:5px solid #f0ca93;}


/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    margin-top:16px;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:572px; 
    height:458px; 
    top:50px; 
    left:5px; 
    color:#000; 
    background:#fff;
    }
#container a.gallery:hover img {
    border:1px solid #fff; 
    float:center; 
    margin-right:5px;
    }
#container a.slidea {
    background:url(images/p13_t4.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideb {
    background:url(images/p13_t6.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidec {
    background:url(images/p13_t38.jpg); 
     height:60px; 
    width:93px;
    }
#container a.slided {
    background:url(images/p12_t9.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
     height:60px; 
    width:93px;
    }
#container a.slidee {
    background:url(images/p14_t7.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/p13_t30.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
     height:60px; 
    width:93px;
    }
#container a.slideg {
    background:url(images/p12_t2.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/p13_t24.jpg); 
     height:60px; 
    width:93px;
    }
#container a.slidei {
    background:url(images/p13_t33.jpg); 
     height:60px; 
    width:93px;
    }
#container a.slidej {
    background:url(images/p13_t20.jpg); 
     height:60px; 
    width:93px;
    }
#container a.slidek {
    background:url(images/p13_t21.jpg); 
     height:60px; 
    width:93px;
    }
* html #container a.slidek {
     height:60px; 
    width:93px;
    }
#container a.slidel {
    background:url(images/p13_t16.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidem {
     height:60px; 
    width:93px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    margin:5px; 
    float:right;
    }
#container li {
    float:left;
    }



}


/* gbox-bot*/

#greybox {
  background: url(images/grey_bg.gif) repeat-y;
  width: 326px;
  position: absolute;
  top: 474px;
  left: 694px;
}
#greybox-top {
  background: url(images/grey_img.jpg) no-repeat;
  padding-left: 165px;
  padding-top: 18px;
}
#greybox-bot {
  background: bottom left url(images/grey_bot.gif) no-repeat;
  padding-bottom: 4px;
}
#greybox h2 {
  font: bold 10px arial, sans-serif;
  color: #E4EE6A;
  line-height: 1.5;
}
#greybox a {
  color: #fff;
}

/* gbox-bot2*/

#greybox2 {
  background: url(images/grey_bg.gif) repeat-y;
  width: 326px;
  position: absolute;
  top: 589px;
  left: 694px;
}
#greybox-top2 {
  background: url(images/grey_img2.jpg) no-repeat;
  padding-left: 165px;
  padding-top: 18px;
}
#greybox-bot2 {
  background: bottom left url(images/grey_bot.gif) no-repeat;
  padding-bottom: 4px;
}
#greybox2 h2 {
  font: bold 10px arial, sans-serif;
  color: #E4EE6A;
  line-height: 1.5;
}
#greybox2 a {
  color: #fff;
}

/* bot*/

#bot {
	width: 783px;
	margin: 0px auto;
	padding: 0px 0px;
	background: #4E4E4E;
	border: 5px solid #FFFFFF;
	border-top: none;
	float: center;
}

#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #CCCCCC;
}

#bot a {
	color: #CCCCCC;
}
Mvg
Defietser
 
Je bent een held... :thumb:

Ik ga het direct testen!!!

THANX

p.s. Wat veel fouten. Ik schaam me zelfs een beetje... :o
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan