Возможно так? <div style="float:left;"></div>
А почему left? Они расположены в разных местах:
почти в середине страницы, другой внизу справа, но не впритык к границам…
А как это связано с wordpress?
Runna А как я мог догадаться?!
А как это связано с wordpress?
Ну я внутрь странички вордпресс хочу вставить блок, чтоб все элементы встали в нужное место.
skodnik, может быть это потому, что позиционирование абсолютное относительно страницы всей, а нужно вставлять их прямо в ячейку таблицы…
В общем так:
1. делаю таблицу, чтоб по центру. 1 строка, 1 столбец.
2. внутрь ячейки — картинку фоном.
3. поверх картинки «рисую» дивы.
4. для того, чтоб внутрь дива на точное место в картинке вставить видеоролик (например), или другой элемент.
Вот код этого дива:
#apDiv1 {
position:absolute;
left:441px;
top:320px;
width:454px;
height:278px;
z-index:1;
background-color: #FFFFCC;
}
Может быть нужно этот див засовывать прямо в ячейку, чтоб позиционирование было относительно ячейки, а не всей страницы?
Когда смотришь в режиме «дизайн» — все хорошо.
Когда включаешь режим разделение — сразу блоки уехали вправо… 🙁
Думаю, что ответ не окажется односложным. Что следует учитывать:
- Элементов с идентификатором apDiv1 на странице не должно быть более одного.
- Для того, чтобы сработало абсолютное позиционирование, нужно задать «начало отсчета» для него. Ознакомиться основами можно тут htmlbook.ru.
- Корректность верстки стоит проверять не DW, а различными браузерами.
Корректность верстки стоит проверять не DW, а различными браузерами.
В браузере — нормально, пока не начинаешь уменьшать окно браузера, тогда блоки плывут.
Для того, чтобы сработало абсолютное позиционирование, нужно задать «начало отсчета» для него. Ознакомиться основами можно тут htmlbook.ru.
Видимо нужно разобраться с — относительным позиционированием? Спасибо, пошла учиться. (тяжело вздохнув) . 🙂
Относительное позиционирование? = Китайская грамота.
может проще таблицу расчертить, и все в ней расположить?
Нет, думаю, что проще сделать все по уму, т.е. без таблиц — раз, с минимумом блоков-оберток — два, и кроссбраузерно — три. Для того, чтобы подобную разметку организовать нужно или знать основы html+css или найти подробное решение где-то в интернете, благо мест хватает. Но, что самое важное — надо сначала ясно, точно и понятно выразить суть желаемого.
Хорошо, сейчас загружу картинку, по которой учусь.
Картинки рисовать умею… но сделать из этого сайт!!!
Вот сюда пока загрузила.
Пока речь не о всем сайте, а только о картинке — тогО, что внутри сообщения.
Видео вставила в таблицу, а с формой подписки — полная засада.
Вот тут самый простой пример jsfiddle.net/QAgXe.
Что я сделал:
- Создал блок обертку с идентификатором
main
. Задал ширину и высоту. Сделал выравнивание по центру окна с помощью margin и поля сверху в размере 25px.
- Вставил код проигрывателя сгенерированный на youtube. Сделал элемент object блочным для того, чтобы можно было применить к нему выравнивание с отступами. Задал размеры и выравнивание.
skodnik, спасибо. Буду вникать.