wucher wichtel: Warum wirkt display:inline hier nicht? Wo ist der Fehler?

Beitrag lesen

SELF-Forum

Warum wirkt display:inline hier nicht? Wo ist der Fehler?

wucher wichtel
– Informationen zu den Bewertungsregeln

Hallo!

Ich habe gerade ziemliche Probleme beim Erstellen von einer einfachen Seite. Hier mal der Quelltext:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  
<html>  
<head>  
 <title>Test</title>  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
 <meta http-equiv="Content-Style-Type" content="text/css">  
<style type="text/css">  
 div.img_container {  
  display: inline;  
 }  
 img {  
  border: 0;  
 }  
</style>  
</head>  
  
<body>  
 <div class='img_container'>  
  <a href='#'>  
   <img src='test.jpg' width='160' height='120'>  
  </a>  
  <div>  
   <a href='#comments'>0 Kommentare</a>  
  </div>  
 </div>  
  
 <div class='img_container'>  
  <a href='#'>  
   <img src='test.jpg' width='160' height='120'>  
  </a>  
  <div>  
   <a href='#comments'>0 Kommentare</a>  
  </div>  
 </div>  
  
 <div>  
  <a href='#' style='float:left'>  
   die letzten 6 Bilder  
  </a>  
  <a href='#' style='float:right'>  
   die nächsten 6 Bilder  
  </a>  
 </div>  
</body>  
</html>

Jetzt sollen die <div>s mit der Klasse img_container alle nebeneinander angezeigt werden. Aber warum passiert das nicht? Irgendwie komme ich nicht drauf. Könntet ihr mir mal bitte auf die Sprünge helfen? Vielen Dank.

ciao, ww

--
Schäuble:
  "Wir können alles. Außer Rechtsstaat."
Beitrag melden
–
Informationen zu den Bewertungsregeln