Простая страница с сss.

scofield · March 21, 2012

Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно).

Как грамотно написать соответствующий код?

<html>
 <head>
<style type="text/css">
body{
position : relative;
margin : 0;
}
/* вверхнее изображение */ 
 #top{
float : centre;
background: url(rep.jpg) repeat-x; /* Параметры фона */
height: 100; /* Высота блока */

}
[img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg]

</style>

/*  изображение cлева  */ 
<style type="text/css">

.l1 {
position : relative;
}
.l2{
position : absolute;
top:5px;
left:4px;
}
/*  изображение справа отступ от левой границы 1150 px */ 
.l3{
position:absolute;
right:4px;
left:1150px;
}
</style>

/* вверхнее изображение */ 
<body>
<div id="top">
  <img src="image_530404110116527784914.jpg" width="279" height="110" alt="logotip">
</div>

<br>
<br>
/* изображение слева*/ 
<div class="l1">
     <div class="l2">
<img src="/home/scofield/Рабочий стол/post/1/img/image_532504112038111013218.jpg"  width="30%" height="40%">
</div>
    </div>
/* изображение справа */ 
<div class="l1">
     <div class="l3">
<img src="/home/scofield/Рабочий стол/post/1/img/image_532504112038111013218.jpg"  width=100px height=100px>
</div>
    </div>

<br><br><br><br><br><br><br><br><br>
/* изображение слева*/ 
<div class="l1">
    <div class="l2">
<img src="/home/scofield/Рабочий стол/post/1/img/image_532504112038111013218.jpg"  width="30%" height="40%">
</div>
   </div>
/* изображение справа */
<div class="l1">
     <div class="l3">
<img src="/home/scofield/Рабочий стол/post/1/img/image_532504112038111013218.jpg"  width=100px height=100px>
</div>
    </div>
<br><br><br><br><br><br><br><br><br>
/* изображение внизу */
 <div id="top">
  <img src="image_530404110116527784914.jpg" width="279" height="110" alt="logotip">
</div>
</body>
</html>

Sign In

Простая страница с сss.

Question

scofield

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information