Кодиране на две снимки

[nom3r1]

Някой може ли да ми кодира двете снимки? С таблици?

 

[relax15pyt]

Ако беше дал поне размерите на контейнерите щеше поне малко да ни улесниш.

 

[nom3r1]

Ако беше дал поне размерите на контейнерите щеше поне малко да ни улесниш.

Доволно?

 

[relax15pyt]

<!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" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="author" content="relax4o" />

	<title>nom3r1</title>
	<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
		background: #FFFFFF;
		margin: 0 auto;
	}
	
	#body {
		width: 655px;
		height: auto;
		margin: 5px auto;
	}
	
	.topMain{
		width: 655px;
		height: 145px;
	}
 	
 	.topBox {
 		width: 288px;
 		height: 141px;
 		padding: 15px;
 		border: 3px solid #BBB;
 		background-color: #EEEFFF;
 		float: left;
 	}
 	
 	.inBoxLeft {
 		width: 160px;
 		height: 131px;
 		border: 5px solid #FBB917;
 		float: left;
 		background-color: #FFFEEE;
 	}
 	
 	.inBoxRight {
 		width: 104px;
 		height: 111px;
 		border: 1px solid #BBB;
 		margin-left: 10px;
 		float: left;
 		background-color: #FFFEEE;
 	}
 	
 	.bottomMain{
 		width: 657px;
 		height: 80px;
 	}
 	
 	.bottomBox {
 		width: 327px;
 		height: 80px;
 		margin: 5px auto;
 		float: left;
 	}
 	
 	.btmBoxes{
 		width: 146px;
 		height: 68px;
 		border: 1px solid #BBB;
 		float: left;
 		background-color: #EEEFFF;
 		padding: 6px;
 	}
 	
 	.inBtmLeft {
 		width: 79px;
 		height: 65px;
 		border: 2px solid #FBB917;
 		float: left;
 		background-color: #FFFEEE;
 	}
 	
 	.inBtmRight {
 		width: 56px;
 		height: 55px;
 		border: 1px solid #BBB;
 		margin-left: 5px;
 		float: left;
 		background-color: #FFFEEE;
 	}
	
	</style>
</head>

<body>
	<div id="body">
		<div class="topMain">
			<div class="topBox">
				<div class="inBoxLeft"></div>
				<div class="inBoxRight"></div>
			</div>
			<div class="topBox" style="margin-left: 5px;">
				<div class="inBoxLeft"></div>
				<div class="inBoxRight"></div>
			</div>
		</div>
		<div class="bottomMain">
			<div class="bottomBox">
				<div class="btmBoxes">
					<div class="inBtmLeft"></div>
					<div class="inBtmRight"></div>
				</div>
				<div class="btmBoxes" style="margin-left: 2px;">
					<div class="inBtmLeft"></div>
					<div class="inBtmRight"></div>
				</div>
			</div>
			<div class="bottomBox" style="margin-left: 3px">
				<div class="btmBoxes">
					<div class="inBtmLeft"></div>
					<div class="inBtmRight"></div>
				</div>
				<div class="btmBoxes" style="margin-left: 2px;">
					<div class="inBtmLeft"></div>
					<div class="inBtmRight"></div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

Ето, заповядай едното... Само си пооправи малко цветовете, защото не съм се старал да ги нацелвам.

P.S. Само дето не съм го правил с таблици, но виж и под всеки(така мисля) браузър излиза еднакво.

 

[relax15pyt]

Ето и втората... Надявам се да те удовлетворяват и двете.

<!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" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="author" content="relax4o" />

	<title>Untitled 4</title>
	<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	
	html, body {
		background: #FFFFFF;
		margin: 0 auto;
	}
	
	#body {
		width: 655px;
		height: auto;
		margin: 5px auto;
	}
	
	.topMain{
		width: 655px;
		height: 145px;
	}
 	
 	.topBox {
 		width: 288px;
 		height: 141px;
 		padding: 15px;
 		border: 3px solid #BBB;
 		background-color: #EEEFFF;
 		float: left;
 	}
 	
 	.inBoxLeft {
 		width: 160px;
 		height: 131px;
 		border: 5px solid #FBB917;
 		float: left;
 		background-color: #FFFEEE;
 	}
 	
 	.inBoxRight {
 		width: 104px;
 		height: 111px;
 		border: 1px solid #BBB;
 		margin-left: 10px;
 		float: left;
 		background-color: #FFFEEE;
 	}
 	
 	.bottomMain{
 		width: 657px;
 		height: 130px;
 	}
 	
 	.bottomBox {
 		width: 327px;
 		height: 130px;
 		margin: 5px auto;
 		float: left;
 	}
 	
 	.btmBoxes{
 		width: 128px;
 		height: 108px;
 		border: 1px solid #BBB;
 		float: left;
 		background-color: #EEEFFF;
 		padding: 15px;
 	}
 	
 	.inBtmLeft {
 		width: 124px;
 		height: 104px;
 		border: 2px solid #FBB917;
 		float: left;
 		background-color: #FFFEEE;
 	}
	</style>
</head>

<body>
	<div id="body">
		<div class="topMain">
			<div class="topBox">
				<div class="inBoxLeft"></div>
				<div class="inBoxRight"></div>
			</div>
			<div class="topBox" style="margin-left: 5px;">
				<div class="inBoxLeft"></div>
				<div class="inBoxRight"></div>
			</div>
		</div>
		<div class="bottomMain">
			<div class="bottomBox">
				<div class="btmBoxes">
					<div class="inBtmLeft"></div>
				</div>
				<div class="btmBoxes" style="margin-left: 2px;">
					<div class="inBtmLeft"></div>
				</div>
			</div>
			<div class="bottomBox" style="margin-left: 3px">
				<div class="btmBoxes">
					<div class="inBtmLeft"></div>
				</div>
				<div class="btmBoxes" style="margin-left: 2px;">
					<div class="inBtmLeft"></div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

 

[nom3r1]

Супер са +1 :?: