Bilder ausrichten

[Georg]

Hallo,

Hier nochmal eine Divarme variante. FTW

  
        <style type="text/css">  
            #imgArea {  
              position:relative;  
			  width:500px;  
			  background-color:red;  
            }  
			 #preview {  
              float: left;  
			  width:270px;  
			  margin : 0px 0px 0px 0px;  
			  padding : 0px 0px 0px 0px;  
			  
            }  
			 #thumbs {  
               float: right;  
			  width:90px;  
			  margin : 0px 0px 0px 0px;  
			  padding : 0px 0px 0px 0px;  
			  list-style : none;  
            }  
			img {  
				display:block;  
			}  
        </style>  

  
<div id="imgArea">  
  <h1>HEADLINE</h1>  
  <p id="preview"><img src="test.jpg" width="270px" height="270px" /></p>  
  <ul id="thumbs">  
     <li><img src="test.jpg" width="90px" height="90px" /></li>  
     <li><img src="test.jpg" width="90px" height="90px" /></li>  
     <li><img src="test.jpg" width="90px" height="90px" /></li>  
  </ul>  
  <p style="clear:both">  
     TextTextTextTextTextTextTextTextTextTextText  
  </p>  
</div>