Position relative en absolute, niet onder elkaar

  • Onderwerp starter Onderwerp starter 5i5
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.

5i5

Gebruiker
Lid geworden
27 jan 2009
Berichten
376
Ik wil twee images over elkaar heen plaatsen. Dit zijn images die geschaald moeten worden, background-image is dus geen optie. Dit is op zich gelukt, maar als ik nu hiernaast nog zo'n zelfde div wil komt die hieronder terwijl ik hem hiernaast wil. Iemand die weet hoe ik dit oplos? Dank.

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Home</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        body
        {
            margin:0px;
        }
        .back
        {
            width:100px;
            height:100px;
            position:relative;
        }
        .img
        {
            position:absolute;
            top:0px;
            left:0px;
        }
    </style>
</head>

<body>
    <div class="back">
        <img class="back" src="backWhite.PNG"/>
        <img class="img" src="logo.PNG"/>
    </div>
    <div class="back">
        <img class="back" src="backWhite.PNG"/>
        <img class="img" src="logo.PNG"/>
    </div>
</body>

</html>
 
Na nog wat ploeteren opgelost d.m.v. float:left; toe te voegen aan .back.
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan