Съставяне на layout :)

S

stoqnski

Registered
Абе подобен на музичка.ком , абе нещо като на картинката:

681559_orig.jpg


само съставете структурата аз после ще си оправя цветовете , логото и т.н. :) Който го направи получа +1
 
сори ама много ми се присма и не мога повече да ти го оформя. трябва да си оправиш някои неща
Код: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<style type="text/css">

* { padding: 0; margin: 0; }

body { background-color: #d5d5d5; color: #000; font-size: 14px; font-family: Verdana, Arial; }

.body { width: 900px; height: auto; margin: 0 auto; }

.header { width: 900px; height: 150px; border: 1px solid #000; background-color: #d1d1d1; }

.menu { width: 900px; height: 25px; border: 1px solid #000; background-color: #d1d1d1; margin-top: 2px; margin-bottom: 2px; }

.left { width: 150px; height: auto; float: left; }

.leftmenu { width: 150px; height: 100px; background-color: #fff; }

.reklama { width: 150px; height: 100px; margin-top: 2px; }

.center { width: 596px; height: auto; float: left; margin-left: 2px; margin-right: 2px; }

.banner_up { width: 594px; height: 40px; border: 1px solid #000; background-color: #d1d1d1;  }

.news { width: 594px; height: 500px; border: 1px solid #000; background-color: #d1d1d1; margin-top: 2px; }

.banner_down { width: 594px; height: 40px; border: 1px solid #000; background-color: #d1d1d1; margin-top: 2px; }

.right { width: 150px; height: auto; float: right; }

.rightmenu { width: 150px; height: 100px; background-color: #fff; }

.footer { width: 900px; height: 25px; border: 1px solid #000; background-color: #d1d1d1; margin-top: 2px; margin-bottom: 2px; }

.clear { clear: both; }

</style>
<body>

	<div class="body">
	
		<div class="header">	</div>
		<div class="menu">	 </div>
		
	<div class="left">
	
		<div class="leftmenu">	 </div>
		<div class="reklama">	 </div>
	
	</div>
	
	<div class="center">
	
		<div class="banner_up">	 </div>
		<div class="news">	 </div>
		<div class="banner_down">	 </div>
	
	</div>
	
	<div class="right">
	
		<div class="rightmenu">	 </div>
		<div class="reklama">	 </div>
	
	</div>
	
		<div class="clear">	   </div>
		
		<div class="footer">	</div>
	
	</div>
	
</body>
</html>
 
Ами между дивовете остава малко място някъде 1 ред е как да го направя да не остава място между хедъра примерно и менюто :)
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе