|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
10.11.2012, 13:51 | #1 |
Регистрация: 29.05.2012
Сообщений: 4
|
Проблема с абсолютными координатами картинок
Набросал в фотошопе шаблон и теперь моя задача сверстать его. Столкнулся с проблемой буквально на первом шаге, вставил в таблицу стилей фоновую картинку и решил начать с двух картинок, положение которых необходиме задавать абсолютными координатами. Делаю два класса стилей для картинок: Код HTML:
#logotype{ /* Стиль для логотипа */ position:absolute; left: 0 px; top: 0 px; z-index: 2; } #dogs{ /* Стиль для собачек в шапках для лого */ position: absolute; left: 0 px; top: 100 px; z-index: 1; } Начал искать решение сей проблемы. Первое, что попалось под руку было описание холивара между теми, кто борется за использование в разметке таблиц и тех, кто сражается за div разметку. Ну что же приступим к див разметке, так как табличной пока не представляю как решить. Получился такой код: Код HTML:
<div id="logotype"><img src="img/logo.png" width="580" height="205" /></div> <div id="dogs"><img src="img/dogs.png" width="453" height="483" /></div> Собственно ничего не поменялось... |
10.11.2012, 14:01 | #2 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
xenmayer, а зачем здесь вообще нужно абсолютное позиционирование? Случится говнокод страшный.
Ненавижу быть как все, но люблю, чтобы все были как я.
|
10.11.2012, 14:07 | #3 | |
Регистрация: 29.05.2012
Сообщений: 4
|
Цитата:
Именно эта задача заняла у меня уже неоправданно много времени, (шаблоном этот рисунок я зря назвал конечно, это скорее так - экспериментальный набросок). Почему получится говнокод? Возможно у тебя есть ссылка на материал по данному вопросу, который можно почитать. Потому что запрос "абсолютное позиционирование css" выдает только справочники, из которых собственно черпнул аналог такой таблицы стилей. p.s. Абсолютное позиционирование хочу в дальнейшем применять в своей верстке. Оправдано ли это и правильно - пока не разбираюсь. |
|
10.11.2012, 14:16 | #4 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Есть крайне редкие случаи, когда нужно использовать абсолютное позиционирование. Их можно пересчитать по пальцам и все эти задачи достаточно специфичные.
Вам будет трудно поддерживать сайт, сверстанный таким образом. Придется задавать абсолютные позиции всем элементам. Потом запутаетесь + верстка будет некорректно себя вести почти всегда. Верстайте исключительно с помощью margin, padding, float и display.
Ненавижу быть как все, но люблю, чтобы все были как я.
|
10.11.2012, 14:21 | #5 | |
Регистрация: 29.05.2012
Сообщений: 4
|
Цитата:
Сейчас почитаю об этом. Результат скину в эту же тему. |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Проблема с include и абсолютными путями | BarakudaX777 | PHP | 8 | 13.09.2012 11:12 |
проблема с координатами | hunter03 | Помощь студентам | 0 | 25.09.2011 16:57 |
Проблема с выводом картинок | pufystyj | Gamedev - cоздание игр: Unity, OpenGL, DirectX | 1 | 29.07.2011 07:28 |
Проблема с увеличением картинок | Napste® | JavaScript, Ajax | 0 | 02.06.2010 18:53 |
Проблема с прогрузкой картинок. | Wuf | HTML и CSS | 7 | 04.12.2008 16:50 |