Witam. Mam forum w phpBB3 i zrobiłem własną podstronę. Edytować to forum jest w miarę łatwo, ale zrobić coś od początku... Tutaj się zaczyna problem. Stworzyłem bloki, udało mi się zrobić, by sąsiadowały w poziomie, ale nie umiem zrobić tak, jak na screenie. Proszę o odpowiedź. Pozdrawiam.

[CSS] pobierz, plaintext 
clear: left;
[CSS] pobierz, plaintext 

?

Może źle wklejam, ale nie działa. Jak to wkleić w szablonie html?

Podbijam temat (o ile idzie)

Podrzuć kod bo tak na ślepo nikt Ci nie pomoże

Wiem, że to może będzie zabawnie wyglądało, ale w końcu jestem nowicjuszem w tych językach

Tutaj templejtka w html

[HTML] pobierz, plaintext 
<!-- INCLUDE overall_header.html -->
 
<center>
<table width="1200" cellspacing="10" cellpadding="10">
</center>
 
<td valign="top" style="width: 350px;">
<br style="clear:both" />
<div class="forabg">
   <div class="info">
      <span class="corners-top"><span></span></span>
      <ul class="topiclist fullwidth">
         <li class="header"><dl><dt>{L_FOTO}</dt></dl></li>
      </ul>
      <ul class="topiclist forums">
         <li><dl>
			<p style="margin: 5px; padding: 5px;">
			<center><img src="{PHPBB_ROOT_PATH}/portfolia/zdjecia/Jacold.png" style="border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;" /></center>
			</p>
         </dl></li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
</td>
 
<td valign="bottom" style="width: 350px; clear: left; float: left;" >
<br style="clear:both" />
<div class="forabg">
   <div class="info">
      <span class="corners-top"><span></span></span>
      <ul class="topiclist fullwidth">
         <li class="header"><dl><dt>{L_INFO}</dt></dl></li>
      </ul>
      <ul class="topiclist forums">
         <li><dl>
			<p style="margin: 5px; padding: 5px;">
			{L_NAME} Jacek <br />
			{L_M_ZAM} Poznań <br />
			{L_ZAINT} Muzyka, informatyka <br />
			</p>
			<hr class="dashed" />
			<p style="margin: 5px; padding: 5px;">
			{L_PS_ART} Jacold <br />
			{L_GAT} Trance, dance <br />
			{L_SOFT} FL Studio 9.0 <br />
			{L_WEB} <a href="http://sonicplanet.pl/">SonicPlanet.pl</a>
			</p>
         </dl></li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
</td>
 
<td valign="top" style="width: 840px;">
<br style="clear:both" />
<div class="forabg">
   <div class="nuty">
      <span class="corners-top"><span></span></span>
      <ul class="topiclist fullwidth">
         <li class="header"><dl><dt>{L_PROD}</dt></dl></li>
      </ul>
      <ul class="topiclist forums">
         <li><dl>
			<p style="margin: 5px; padding: 5px;">
 
			   ...z kremem 
 
			</p>
         </dl></li>
      </ul>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
</td>
 
<br style="clear:both" />
<br style="clear:both" />
</table>
 
<!-- INCLUDE overall_footer.html -->
[HTML] pobierz, plaintext 

I "atrapa" w css'ie:

[CSS] pobierz, plaintext 
div.margines {
	max-width: 1200px;
	padding: 10px;
	margin: 10px;
	margin-right: auto; 
	margin-left: auto; 
	display: block;
}
 
div.portfolia {
	border-radius: 10px 10px 10px 10px;
	background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}
 
div.foto {
	clear: left;
	max-width: 350px;
	overflow: hidden;
	background-color: transparent;
}
 
div.info {
	clear: left;
	max-width: 350px;
	overflow: hidden;
	background-color: transparent;
}
 
div.nuty {
	max-width: 840x;
	overflow: hidden;
	background-color: transparent;
}
[CSS] pobierz, plaintext