• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

<div>-верстка

  • Автор темы MIT
  • Дата начала
M

MIT

Не являясь профессионалом в сфере сайтостроения столкнулся с такой задачей: с помощью нетабличной верски необходимо сделать довольно сложный фон у div`а.
Что мы имеем: некую страницу, в которой помимо всего прочего находится тот самый div, которому и полагается фон.
Что надо сделать: добиться правильного расположения 3х изображений.

Схема действия:


В чем суть: "<div> с данными" должен остаться на переднем плане, но при этом в полях 1, 2 и 3 должны быть картинки (фоном).

Как подобное можно реализовать?
 
M

MIT

Собственно трудности возникали с позиционированием этих самых div`ов, но почитав некоторый тематический материал:



и, в общем-то, стало более-менее понятно.

Мной было написано следующее:
Код:
<style type="text/css">
<!--
#wrap {
background-image: url(__w.png);
background-repeat: repeat-y;
width:868;
}
#head {
background-image: url(__top.png);
background-repeat: no-repeat;
width:868;
height:124;
}
#f {
background-image: url(__b.png);
background-repeat: no-repeat;
width:868;
height:10;
clear:both;
}
#mydata {
background-color: #CCCCCC;
margin-top:22;
margin-left:10;
margin-right:10;
float:left;
width:848;
}
-->
</style>
arg<br/>arg<br/>arg
<div id="wrap">
<div id="head">
<div id="mydata">
arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>arg<br/>
</div>
</div>
<div id="f"></div>
</div>

Кажется, что все верно.
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!