• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Video und Google Maps nebeneinander krigen ?

super112

Neues Mitglied
hi Leute, bin dabei eine Webseite zu erstellen...
wie bekomme ich bei meinem HTML Code, dass sich das video und Google Maps nebeneinander befinden , also in der selben Zeile? bin noch anfänger , könnt ihr mir den Code bearbeitet geben?

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>eee</title>
</head>
<body>
<br>
<script type="text/javascript" src="engine1/script.js"></script>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">window.setTimeout("initGmaps();",300);function initGmaps(){var myOptions = {zoom:15,center:new google.maps.LatLng(44.5255526, 10.866322999999966),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);marker = new google.maps.Marker({map: map, position: new google.maps.LatLng(44.5255526, 10.866322999999966)});infowindow = new google.maps.InfoWindow({content: "<b>Ferrari</b><br>Maranello, Italien<br>"});google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}</script>
<div
style="margin-top: 44px; height: 321px; margin-left: 0px; width: 975px;"><iframe
src="http://www.youtube.com/embed/1hbviiVoQ3o"
allowfullscreen="" frameborder="0" height="360"
width="640"></iframe></div>
<div style="margin-top: 44px; height: 321px; width: 1355px;">
<div style="overflow: hidden; height: 400px; width: 540px;">
<div id="map_canvas"
style="margin-top: 42px; height: 321px; width: 550px;">&nbsp;
&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp;<object height="350" width="425"><param
name="movie"
value="http://www.youtube.com/watch?v=1hbviiVoQ3o&amp;feature=plcp&amp;context=C3c1f569UDOEgsToPDskLFkAmXurmnt7hbiiYvMuMc"></object>
</div>
</div>
</div>
</body>
</html>
 
Zurück
Oben