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

HTML video und google maps nebeneinander ?

Status
Für weitere Antworten geschlossen.

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_canva s"), 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(marke r, "click", function(){infowindow.open(map,marker);});infowind ow.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=C 3c1f569UDOEgsToPDskLFkAmXurmnt7hbiiYvMuMc"></object>
</div>
</div>
</div>
</body>
</html>
 
Werbung:
Poste am besten mal den Link zur Seite.

Generell:
DU packst die Map und das Video in zwei unterschiedliche Divs.
Das was links sein soll, kommt zuerst und wird mit dem Style-Attribut "float:left" links positioniert.

Wenn ich dir einen Tipp geben darf:
Packe die ganzen Style-Attribute in eine externe CSS Datei und benutze lieber "margin-top" statt den
ganzen Leerzeichen...

EDIT...
Wozu ein Doppelpost?
http://www.html.de/html-und-xhtml/43148-html-video-und-google-maps-nebeneinander-krigen.html
 
Zuletzt bearbeitet:
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben