Georg: Bilder ausrichten

Beitrag lesen

Hallo,

Wie mache ich sowas???

So etwa:

  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
	  
<html xmlns="http://www.w3.org/1999/xhtml">  
   <head>  
  
[code lang=css]  
        <style type="text/css">  
            #site {  
              position:relative;  
              width:500px;  
	      background-color:red;  
            }  
	    #preview {  
              float: left;  
	      width:270px;  
            }  
            #thumbs {  
              float: right;  
	      width:90px;  
            }  
	    img {  
	      display:block;  
	    }  
        </style>  

</head>  

<body>  

<div id="site">
      <h1>HEADLINE</h1>
        <div id="preview">
<img src="test.jpg" width="270px" height="270px" />
      </div>
      <div id="thumbs">
         <img src="test.jpg" width="90px" height="90px" />
<img src="test.jpg" width="90px" height="90px" />
<img src="test.jpg" width="90px" height="90px" />
      </div>
      <div style="clear:both"></div>
      <div class="text">
<p>
  TextTextTextTextTextTextTextTextTextTextText
</p>
      </div>
   </div>
</body>
</html>
[/code]

Müsstes du in allen relevanten Browsern mal testen. Kann nämlich immer sein, dass einer da noch was anders interpretiert. Dann müsste man nochmal handanlegen. Oft aber nicht wildes