bilder an belibiger stelle platzieren (mit image map???)

[Kurt Cobain]

Tag Tag

das ist ja eine image map:

<div>
  <map name="Landkarte"> 
    <area shape="rect" coords="11,10,59,29" href="###" alt="Koblenz"> 
    <area shape="rect" coords="42,36,96,57" href="###" alt="Wiesbaden"> 
  </map> 
</div> 
<img src="karte.png" width="345" height="312" alt="Karte" usemap="#Landkarte">

und bei der hat man ja die grafik, auf der die Image Map ist schon vordefiniert.


Könnte man eine Image Map auch so machen, dass man erst wenn man die Area definiert
dann auch noch ein bild mitgibt

so z.b.:

<div> 
   <map name="Landkarte"> 
      <area shape="rect" coords="11,10,59,29" href="###" alt="Koblenz"><img src="NR1.jpg"></area>  
      <area shape="rect" coords="42,36,96,57" href="###" alt="Wiesbaden"><img src="NR2.jpg"></area> 
   </map> 
</div> 
<img src="durchsichtig" alt="Karte" usemap="#Landkarte">

wäre so etwas in der art möglich

wenn ja könnt ihr mir den code sagen?



oder wäre es irgendwie möglich, dass man einen bereich definiert, und dann anschließend die grafiken

durch koordinaten zuweist????(mjt js vielleicht???)

wenn jamand was weiß bitte POSTEN


greez manu

 

[pit-r]

Moin!

Ein Area ist ein "leerer" Tag (wie in Deinem oberen Beispiel => kein schließender Tag) und kann daher nichts enthalten außer den Attributen im Tag selbst.

Was Du machen könntest, wäre Links mit Bildern drin so zu positionieren, daß der ganze Kram aussieht wie ein Bild. Diesen Bildern kannst Du dann - falls erforderlich - Maps zuweisen und/oder in den Links die Geschichten einbauen (z. B. event-Handler), die sich in Deiner oberen Variante in den Area-Tags befinden könnten...

Ahoi - Pit

 

[Kurt Cobain]

und wie kann ich bilder beliebig positionieren????

 

[pit-r]

Mit CSS - wie genau hängt davon ab, was Du basteln willst. Beispiel: allen Bildchen (respektive den sie enthaltenden Links) position:absolute verpassen und die Werte für top und left so wählen, daß der Gesamtbrei nachher so aussieht, wie er soll...

 

[Kurt Cobain]

das mit position absolue is ja gut, aber

die entfernungen wie left:10px; werden immer zum browserfenster gemessen.

kann man nicht auch die entfernung zu einer tabelle angeben???


so dass man z.B. eine tabelle hat, die man mit <center> versehen hat, und dass dann das
<div position="absolue>sksksk</div> immer zum abstand mit der tabelle gemessen wird???

so ungefähr

<center>
 <table width="300">
  <tr>
   <td>
       <div style="position:absolute;  top:74px; left:10px;">hallo</div>//wie macht man es, dass left:10px zum tabellenrand gemessen wird???
   </td>
  </tr>
 </table>
</center>

 

[pit-r]

Mit CSS - wie genau hängt davon ab, was Du basteln willst. Beispiel: allen Bildchen (respektive den sie enthaltenden Links) position:absolute verpassen und die Werte für top und left so wählen, daß der Gesamtbrei nachher so aussieht, wie er soll...

Du willst was Relatives und einen entsprechenden Wert gibt es auch für position => relative...

 

[Kurt Cobain]

mit position relative geht es irgendwie nicht.

oder kannst du mir ein beispiel coden???