Някой може ли да ми напише такъв код ???

S

sw0rdmaster

Registered
Добър вечер. Някой би ли могъл да ми напише код за такава страница - http://img24.imageshack.us/i/19242896.png/ Ако може разстоянието между левия край, бокс3, бокс 4, и десния край да е еднакво в px. Благодаря предварително.
 
CSS-a :
Код: 
<style>
.box { 
width: 800px; 
margin: 0 auto;
background-color: gray;
padding: 10px 50px 10px 50px;
} 

.box2 { 
width: 800px; 
height: 150px; 
background-color: black; 
} 

.box3 { 
width: 200px; 
float: left; 
background-color: red; 
margin-right: 10px; 
margin-top: 10px;
} 

.box4 { 
width: 590px; 
background-color: green; 
float: right; 
margin-top: 10px;
} 

.box5 { 
width: 800px; 
height: 20px; 
margin-top: 10px;
background-color: white; 
border: 1px solid black;
} 

</style>

HTML-a:
Код: 
<div class="box"> 
<div class="center"> 
<div class="box2"></div> 
<div class="box3">asda sdasd asdas dasd asdas dasdas d ads<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div> 
<div class="box4">asdasdasdasdasdasdasdasdasdasasdjashd <br /><br /><br /><br /><br /><br /><br /><br /></div> 
<div style="clear: both;"></div> 
<div class="box5"></div> 
</div>
 
Код: 
<!DOCTYPE html>
<html>
<head>
<title>Box модел</title>
<meta charset=utf-8>

<style>
.box { background: #ccc; width:800px; height:782px; margin: 0 auto; }
.box2 { background: #000; width:750px; height:80px; margin: 0 auto; }
.box3 { background: red; width:200px; height:600px; margin-top: 20px; margin-left: 25px; float: left; }
.box4 { background: green; width:500px; height:600px; float: right; margin-top: 20px; margin-right: 25px; }
.box5 { background: #fff; width:750px; height:50px; margin-top: 636px; margin-left: 25px; }


</style>


</head>
<body>
<div class="box">
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>



</div>
</body>
</html>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе