Problem mit Position meiner Bilder.

Bomberus

Tripel-As

Dabei seit: 12.06.2010

Beiträge: 167

Samstag, 25. Dezember 2010, 15:37

Mein Problem ist, beim Anwenden dieses Codes werden die Bilder untereinander, statt nebeneinander dargestellt. Das muss irgendwie an dem <div> von der Classe fenster liegen. Ich wollte es so hinkriegen, wie hier auf der Seite die Skizze darstellt (siehe link)

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="css/gallery.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gallery</title>
</head>
<body>
<div class="fenster">
  <div class="film">
    <img src="images/gallery/Visage.jpg" alt=""/>
    <img src="images/gallery/karate-maiki.jpg" alt=""/>
  </div>
</div>
</body>
</html>

Cascading Style Sheet

@charset "utf-8";
.film
{
   left:0px; top:0px;  
   position:absolute;	
}

.film img 
{
  float:left;    
}
.fenster
{
	left:0; top:0;
	height:350px; width:500px;
	float:left;
	position:absolute;
}

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Samstag, 25. Dezember 2010, 23:36

http://www.sohtanaka.com/web-design/auto…r-w-css-jquery/

schau hier, der css code dazu, vergleich einfach mal die beiden und schau was du anders hast

Mein kleines Projekt
-Cruel Online-

emoji

Grünschnabel

Dabei seit: 19.12.2010

Beiträge: 9

Dienstag, 28. Dezember 2010, 18:05

hat es geklappt? sieht nämlich hübsch aus, die demo
ich abonnier dieses thema mal, damit ich das dann auch iwann ausprobieren kann (: