Jump to content

Marakaya

Newbie
  • Posts

    5
  • Joined

  • Last visited

Marakaya's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Все доброго времени суток. Гугление не принесло никакого результата. Проблема такая: Есть, например, 12 блоков размеро 200на200, у всех левый флоат, размер радительского блока, скажем, 650пикселей(200*3+место на отступы). Итого получается 4 строки по 3 блока - типа галереии или портфолио, применение не важно. Хочется чтобы при наведение на любой блок он увеличивался, ну скажем, процентов на 10%. И вот тут начинается проблема. Блок увеличивается - ломается вся структура, блоки смещаются и получается хаос. Z-index проблемы не решает. Как сделать чтобы каждый блок увеличивался поверх других(если размер уж такой, что приводит к перекрытию соседнего блока) и структура была неизменна ?
  2. Ребят, подскажите, как бы вы сверстали такую структуру ? Вот мой вариант: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background: url(../img/bgbody.jpg) top no-repeat black; } a { color: white; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px; color: white; } img { border: none; } input { vertical-align: middle; } #wrapper { background: black; width: 1200px; min-width: 1000px; margin-left: 70px; margin-right: 70px; } #header { height: 100px; background: white; } #slider { width: 1000px; height: 300px; margin: 15px auto; } #menu { width: 600px; height: 200px; position: relative; right: -20%; margin-top: 30px; } #middle { position: relative; margin-top: 50px; width: 1000px; } } #container { width: 100%; border: 1px solid red; margin-top: 50px; position: relative; } #content { padding: 0 20px; margin-top: 20px; } #footer { height: 15px; background: yellow; } Футер ещё книзу не прижал. Да и не сделал что бы сайт был резиновый. Поправьте меня, если возможно.
  3. И к какому же типу шаблона отнести мой?) Двухколоночный? Или какой?)
  4. Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy