Hoe krijg ik 2 div's naast elkaar. Bij mij blijven ze maar onder elkaar.

Door Stefan Rietbergen op 04-04-2014 16:48 gewijzigd op 04-04-2014 17:02

1.322 views

Ik heb de volgende code aleen nu krijg ik de afbeeldingen niet naast elkaar maar onder elkaar.
Ik heb al geprobeerd de class Slider een breedte te geven van auto zodat deze in midden komt dit lukt maar als ik dan me andere er bij wil zetten gaat deze er onder staan. Hoe kan ik dit oplossen?


	<div class="Slider">
   	
								<head>
								<script type="text/javascript">
								<!--
								//preload images
								var image1=new Image()
								image1.src="Image/car1.jpg"
								var image2=new Image()
								image2.src="Image/car2.jpg"
								var image3=new Image()
								image3.src="Image/car3.jpg"
								
 								</script>
								</head>
							
								<a href="javascript:slidelink()">
								<img src="firstcar.gif" name="slide" border="" width="730" height="300" /></a>
								<script type="text/javascript">

								var step=1
								var whichimage=1
								function slideit(){
								if (!document.images)
								return
								document.images.slide.src=eval("image"+step+".src")
								whichimage=step
								if (step<3)
								step++
								else
								step=1
								setTimeout("slideit()",5800)
								}
								slideit()
								function slidelink(){
								if (whichimage==1)
								window.location="Index.php"
								else if (whichimage==2)
								window.location="zakelijk.php"
								else if (whichimage==3)
								window.location="Particulier.php"
								}
								</script>
							
				</div>				

	<div class="contact">
		 <li>Gebouw RyanStaete</li>
		 <li>Hoofdweg 667A</li>
		 <li>2133 BB Hoofddorp</li>
		 <li>Postbus 555</li>
		 <li>2130 AN Hoofddorp</li>
         <li>Telefoon 0252-681460</li>
         <li>Fax 084-2254045</li>
         <li>Email: [email protected]</li>
         <li>KVK 34212930</li>
         <li>Bezoek uitsluitend op afspraak</li>
   
 </div>

Sylesheet:

* {
    margin: 0;
    padding: 0;
}


body{
	font-family: 'Helvetica neue', 'Arial', sans-serif;
	height: auto;
    width:auto;
  
 

   
}
header .logo {
    width: 980px;
    margin: auto;
    display: block;

   
}


.Content{
	width:980px;
	margin: auto;
}



.contact li 
{
    width:250px;
    height:30px;
    margin:1px;
    background-color: #1b3a8c;;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
    display:block; 

    
     
}

<head> <script type="text/javascript"> <!-- //preload images var image1=new Image() image1.src="Image/car1.jpg" var image2=new Image() image2.src="Image/car2.jpg" var image3=new Image() image3.src="Image/car3.jpg" </script> </head>