| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > сбор мозаики |
| Автор: mielnir 27.1.2007, 16:49 |
| Здравствуйте. Есть задача по имеющейся картинке сверстать страницу. Т.е. я назрезаю это изображение и состыковываю части на странице. Так вот вопрос. Каким образом мне нужно располагать эти части, чтобы полученное изображение располагалось в середине страницы. Казалось бы нужно выравнивать дивами. Но тогда при разном разрешении картинка будет смещаться. Встраивать все это в таблицу - так черта с два тогда удастся совместить детали. В общем я в тупике. Хочется узнать, как вообще-то принято делать. |
| Автор: japanes 28.1.2007, 13:06 |
| картинку заверстай в таблицу, а таблицу положи в див с выравнивание по центру (<div align="center">) |
| Автор: mishaSL 28.1.2007, 15:53 | ||
| mielnir, есть куча вариантов но все они сводятся к одному, если верстка жесткая. Скажум у тебя сайт шириной 960px и по центру. Кладешь все что ты наверстал в блочный элемент, к примеру в div и пишешь в css:
classMyDiv - название класса которое стоит на этом div-e (к примеру <div class="classMyDiv">) |
| Автор: mielnir 28.1.2007, 19:03 |
| mishaSL, japanes, а внутри div'a как мне подгонять кусочки? Когда делаю position: relative, все как-то съезжает. Решил проблему так: разбил картинку на три горизонтальных уровня( каждый из них порезал на несколько частей ). Для каждого уровня выделил свою таблицу, и загнал в них соответствующие кусочки, выравнивая с пом. margin'ов и зosition: relative. А затем подогнал таблицы друг к другу. Но, все это мне не нравится. Как-то кустарно, неправильно... Может есть какие-то статьи/книги по теме. Миль пардон за длинные посты... )) |
| Автор: japanes 28.1.2007, 19:10 |
| выложи скриншот |