Darstellung wird verschoben

P

PartyPics

Guest
Hi
biggrin.gif


also ich hab follgendes problem:

Ich hab meine Ganzen Desgin bilder alles zusammen gestellt und das passt alles
nur wenn ich ein pic verlinken will verschiebt sich alles also das ist das teil was dan auftaucht und alles verschiebt CODE <map name="testMap">
 <area shape="poly" coords="223,33,298,33,332,3,248,2" href="#">
</map>


und das ist mein ganzer code :
CODE <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 125px;
margin-top: 25px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #CCCCCC;
}
.style3 {color: #ECE9D8}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>

<body>
<div align="left">  <span class="style3">
</span><img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/mein_logo.gif" width="769" height="59"><img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/oben_mitte.gif" width="770" height="16"><span class="style3"></span>  <img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/menue.jpg" name="test" width="770" height="34" border="0" usemap="#testMap" id="test">
<map name="testMap">
 <area shape="poly" coords="223,33,298,33,332,3,248,2" href="#">
</map>
<span class="style3">
</span><img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/menu_unten.jpg" width="769" height="92" hspace="0">  <img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/auto_unten.jpg" width="292" height="44"><img src="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/kariert.jpg" width="478" height="44"></div>
<table width="770" height="25" border="0" background="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/versuch.jpg">
 <tr>
   <th width="770" height="21" scope="col"> </th>
 </tr>
</table>
<table width="770" height="258" border="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
 <tr>
   <td width="770" height="254">        <table width="737" height="150" border="0" align="center">
       <tr>
         <td width="247"><table width="234" height="240" border="1" align="center" bordercolor="#000000" background="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/hintergrundmitte.jpg">
             <tr>
               <td><div align="right"></div></td>
             </tr>
           </table></td>
         <td width="253"><table width="234" height="240" border="1" align="center" bordercolor="#000000" background="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/hintergrundmitte.jpg">
             <tr>
               <td><div align="right"></div></td>
             </tr>
         </table></td>
         <td width="238" bordercolor="#000000"><table width="234" height="240" border="1" align="center" bordercolor="#000000" background="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/hintergrundmitte.jpg">
             <tr>
               <td><div align="right"></div></td>
             </tr>
           </table></td>
       </tr>
   </table>        </td></tr>
</table>
<table width="770" height="25" border="0" background="file:///C|/Dokumente%20und%20Einstellungen/Administrator/Eigene%20Dateien/priavte%20Hompage/meine_hompage/images/unters_teil.gif">
 <tr>
   <td height="21"><div align="justify"></div></td>
 </tr>
</table>
<p><map name="convoi4Map">
</map><map name="convoi4Map">
 <area shape="poly" coords="253,3,221,32,302,32,335,2,334,3,304,32,334,3" href="about_me.htm">
 <area shape="poly" coords="427,1,335,3" href="#">
 <area shape="poly" coords="398,32,429,3,335,3,307,32" href="Guestbook.htm">
 <area shape="poly" coords="404,31,487,32,515,3,434,3" href="pics.htm">
 <area shape="poly" coords="483,32,563,32,592,4,513,3" href="Fun.htm">
 <area shape="poly" coords="566,31,642,32,673,3,594,1" href="Games.htm">
 <area shape="poly" coords="643,32" href="#">
 <area shape="poly" coords="643,31,671,2,795,1,793,36" href="Downloads.htm">
</map>
</p>
</body>
</html>



ich benutze dreamwaver

Gruß Michael
laugh.gif


danke im vorraus
 
Ich kann Dein Problem nicht ganz nachvollziehen, ohne die entsprechenden Bilder zu haben resp. die Seite irgendwo online anschauen zu können.

Jedenfalls stimmen Deine Tags nicht ganz.

<div align="left">
<span class="style3"></span>
<img src="file:///C|/.../meine_hompage/images/mein_logo.gif" width="769" height="59">
<img src="file:///C|/.../meine_hompage/images/oben_mitte.gif" width="770" height="16"><span class="style3">
</span>

Einer von den beiden </span> ist überflüssig.
Dasselbe bei

<map name="convoi4Map">
</map><map name="convoi4Map">
<area shape="poly" coords="253,3,221,32,302,32,335,2,334,3,304,32,334,3" href="about_me.htm">
<area shape="poly" coords="427,1,335,3" href="#">
<area shape="poly" coords="398,32,429,3,335,3,307,32" href="Guestbook.htm">
<area shape="poly" coords="404,31,487,32,515,3,434,3" href="pics.htm">
<area shape="poly" coords="483,32,563,32,592,4,513,3" href="Fun.htm">
<area shape="poly" coords="566,31,642,32,673,3,594,1" href="Games.htm">
<area shape="poly" coords="643,32" href="#">
<area shape="poly" coords="643,31,671,2,795,1,793,36" href="Downloads.htm">
</map>

Da sind zwei Map-Tags mit dem gleichen Namen, einmal leer und einmal mit Inhalt. So macht das glaub keinen Sinn.

Und die Pfade zu den Bildern müssten wohl eher relativ sein, sonst wird das - wenns dann mal online ist - niemand richtig sehen können ausser Dir.

Griessli
Irene
 
QUOTE (Irene @ Di 30.11.2004, 17:07) Einer von den beiden </span> ist überflüssig.


Die sind beide überflüssig, da der Span-Bereich direkt vorher geöffnet wird... also geöffnet und sofort wieder geschlossen... ist nur unnötiger Quelltext, wird aber denke ich nicht das Problem lösen.

Die doppelte Map könnte allerdings probleme geben. Da solltest du mal Irenes Tip befolgen und die erste Map-Definition löschen... und natürlich auch auf relative Pfade umstellen.
 
hab das ganze hochgeladen jetzt sieht man gut die leeren flächen was entsehen zwischen den bildern das problem?

Gruß Michael
 
QUOTE (Sunbringer @ Di 30.11.2004, 17:44)Die sind beide überflüssig, da der Span-Bereich direkt vorher geöffnet wird... also geöffnet und sofort wieder geschlossen...

Stimmt, den zweiten Span-Anfang hab ich gar nicht gesehen ;-)

@PartyPics
Ich bin immer noch nicht sicher, ob ich Dein Problem richtig verstanden habe. Wenns Du einfach nur den Abstand zwischen den Bildern weghaben willst, dann mache keinen Zeilenumbruch im HTML-Source zwischen den einzelnen Img-Tags, also so:


CODE <img src="file:///C|/.../meine_hompage/images/mein_logo.gif" width="769" height="59"><img
src="file:///C|/.../meine_hompage/images/oben_mitte.gif" width="770" height="16"><img
src="file:///C|/.../meine_hompage/images/menue.jpg" name="test" width="770" height="34" border="1" usemap="#testMap" id="test"><map
name="testMap"><area shape="poly" coords="223,33,298,33,332,3,248,2" href="#"></map>
<img src="file:///C|/.../meine_hompage/images/menu_unten.jpg" width="769" height="92" hspace="0"><img
src="file:///C|/.../meine_hompage/images/auto_unten.jpg" width="292" height="44"><img
src="file:///C|/.../meine_hompage/images/kariert.jpg" width="478" height="44">

Auf diese Weise ist bei meinem IE der Abstand weg. Oder meintest Du was anderes?

Griessli
Irene
 
laugh.gif
DANKE
laugh.gif


es hat geklappt genau das habe ich gemeint
smile.gif


danke an alle

Gruß Michael
 
@ PartyPics

Dir ist aber schon klar, dass deine Bilder von deinem Rechner Lokal geladen werden, und durch den Abruf deiner HTML-Datei übers Web von einem anderen Computer
diese Bilder gar nicht angezeigt werden.

Nimm stat : file:///C|/.../meine_hompage/images/mein_logo.gif
images/mein_logo.gif
oder
http://www.domain.com/images/mein_logo.gif
 
Zurück
Oben