Coffin
-
Posts
14 -
Joined
-
Last visited
Coffin's Achievements
Explorer (1/14)
0
Reputation
-
Я не верстальщик и не хочу им быть
-
Попробуем, спасиб.
-
Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать
-
Ап
-
Готов ждать Добавил, что хотелось бы исправить.
-
Готов сверстать на дивах за символическое "что то" или бесплатно если не очень горит для своего портфолио
-
Нужен человек, который может переверстать нормально сайт. Макета нет, есть готовый сайт с гавноверсткой. Надо сделать точно такой же, но с исправлением некоторых косяков и сверстанный на дивах. Готов сделать небольшую оплату. Сайт 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 и не появляться полосы прокрутки.
-
Хотелось бы все сделать на div'a. И дивы рендерятся быстрее, чем таблицы
-
Теперь следующий вопрос, если не надоел еще. http://jsfiddle.net/bsUyw/ как желтые и зеленые блоки сделать одинаковыми по длине в зависимости от контента в самом длинном блоке ? Куда только не писал height: 100%
-
Если высота одинаковая то блок 1 и блок 2 float:left; а блок 3 margin-left:<сумма ширины блока 1 и блока 2> P.S. вот - если я правильно понял требуемое) Объяснения не знаю нужны ли.... если вы посмотрите СВОЙ макет (каркас три колонки) у вас сделано также вначале идет left (float:left) потом right (float:right)и уже потом центральная часть вот тут советую почитать очень доступно изложено Спасибо.
-
Тогда блок скидывает вниз.
-
А что сделать, что бы Блок 1 фиксированной ширины Блок 2 фиксированной Блок 3 растягивается ?
-
Спасибо. А почему так, не объясните ?
-
Если так сделать, как вы говорите, то блок 2 не тянется от блок 1 до блока 3. Надо, что бы он растягивался. Если указывать width 100%, то он вылезает за границы #left.
-
Сделал 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; }
