Jump to content

Coffin

Newbie
  • Posts

    14
  • Joined

  • Last visited

Everything posted by Coffin

  1. Я не верстальщик и не хочу им быть
  2. Попробуем, спасиб.
  3. Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать
  4. Готов ждать Добавил, что хотелось бы исправить.
  5. Нужен человек, который может переверстать нормально сайт. Макета нет, есть готовый сайт с гавноверсткой. Надо сделать точно такой же, но с исправлением некоторых косяков и сверстанный на дивах. Готов сделать небольшую оплату. Сайт timelomard.ru Скрин 1 http://img-fotki.yandex.ru/get/6314/12814144.2/0_78d20_e6c4e5a7_XL.jpg 1. Лого всегда находится слева. 2. Часы (там их сейчас не т.к. флеша нет ) 3. Див с адресом должен иметь такой же отступ, как часы от лого. 4. Кнопка искать должна быть как кнопка, а не текст и фотка кнопки (у меня в сафари так). Это я уже поправил 5. Это должны быть полупрозрачные дивы, а не на фоновой картинке нарисовано быть затемнение как сейчас. 6. Менюшка списком должна быть сделана и резиновая, при наведении цвет должен изменяться, меняться должно не только, когда наведешь на текст, но и на весь "блок" 7. Тоже списком. 8. Одинаковые расстояния должны быть. Если мелкое разрешение экрана, то 2 помещается и чем больше разрешение, тем больше помещается. 9. В блоках должно быть все ровно. Кнопки заказать прибиты к низу, цены на 1 уровне, марка часов и модель на 1 уровне. В марке и моделях надо предусмотреть по две строки (итого 4 получается). 10. Товар может иметь скидку и тогда это будет выглядеть вот так Скрин 2 http://img-fotki.yandex.ru/get/5807/12814144.2/0_78d21_31002e7d_L.jpg 11. Подвал всегда прибит к низу 12. Минимальная ширина. На мониторе с разрешение 1024px не должно быть полос прокрутки. 13. В центральную часть должна помещаться картинка 640х480 и не появляться полосы прокрутки. 14. Делать верстку надо с нуля, а не брать то, что есть и исправлять. 15. Делать надо не на отвали, а как для себя 16. Левый, центральный и правый блоки растягиваются по высоте и всегда прибиты снизу. Левый и правый фиксированны по ширине, центральный блок резиновый, его минимальная ширина такая, что туда должна помещаться картинка 640х480 и не появляться полосы прокрутки.
  6. Хотелось бы все сделать на div'a. И дивы рендерятся быстрее, чем таблицы
  7. Теперь следующий вопрос, если не надоел еще. http://jsfiddle.net/bsUyw/ как желтые и зеленые блоки сделать одинаковыми по длине в зависимости от контента в самом длинном блоке ? Куда только не писал height: 100%
  8. Если высота одинаковая то блок 1 и блок 2 float:left; а блок 3 margin-left:<сумма ширины блока 1 и блока 2> P.S. вот - если я правильно понял требуемое) Объяснения не знаю нужны ли.... если вы посмотрите СВОЙ макет (каркас три колонки) у вас сделано также вначале идет left (float:left) потом right (float:right)и уже потом центральная часть вот тут советую почитать очень доступно изложено Спасибо.
  9. Тогда блок скидывает вниз.
  10. А что сделать, что бы Блок 1 фиксированной ширины Блок 2 фиксированной Блок 3 растягивается ?
  11. Спасибо. А почему так, не объясните ?
  12. Если так сделать, как вы говорите, то блок 2 не тянется от блок 1 до блока 3. Надо, что бы он растягивался. Если указывать width 100%, то он вылезает за границы #left.
  13. Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="menu">Меню</div> <div id="left"> <div id="left_corner">1</div> <div id="panel_line">2</div> <div id="right_corner">3</div> </div> <div id="right">Правая колонка</div> <div id="content">Центральная</div> <div id="footer">Подвал</div> </div> </body> </html> body, html { margin:0px; padding:0px; background-repeat: no-repeat; height: 100%; min-height: 100%; } #maket { border: 1px solid white; width: 100%; margin: 0 50px 0 50px; height: 100%; } #header{ border: 1px solid red; height: 225px; } #menu{ border: 1px solid green; height: 40px; margin: 0 0 10px 0; } #left{ border: 1px solid #00C0C0; width:200px; float:left; } #right{ width:200px; border: 1px solid #FFFF00; float:right; } #content{ border: 1px solid #8080FF; margin-left:202px; margin-right:202px; } #left_corner{ border: 1px solid blue; float:left; } #right_corner{ border: 1px solid blue; float:right; } #panel_line{ border: 1px solid red; margin-left:12px; margin-right:12px; } #footer{ border: 1px solid red; clear:both; }
×
×
  • 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