Micha023: Positionierungen in CSS relativ zum Elternelement

Beitrag lesen

Hallo Længlich,

damit kann ich doch was anfangen. Habe mich nun etwas in die Vererbung gelesen, allerdings verstehe ich noch nicht, wie es mit dem Zentrieren der Karte funktioniert. Wäre schön, wenn Du mir bei der letzten Hürde noch mal helfen könntest.

Hier mein Quelltext:

  
<html>  
<head>  
<title>Karte</title>  
  
<style type="text/css">  
  
#karte  
        {  
           position:relative;  
           top:20px;  
           border: none;  
        }  
  
#pin  
        {  
           position:absolute;  
           width:16px;  
           heigth:16px;  
        }  
</style>  
</head>  
  
<body>  
  
<div id="karte">  
  <img src="gfx/karte.jpg" width="500" height="500" border="0" alt="">  
    <img id="pin" src="gfx/pin.gif" style="top: 40px;left:390px"  alt="">  
    <img id="pin" src="gfx/pin.gif" style="top:358px;left:453px"  alt="">  
    <img id="pin" src="gfx/pin.gif" style="top: 90px;left:410px"  alt="">  
</div>  
  
</body>  
</html>  

Gruß Micha