Jump to content

psywalker

Moderator
 View Profile  See their activity

  • Posts

    13,707

  • Joined

  • Last visited

  • Days Won

    58

 Content Type 

Everything posted by psywalker

  1. psywalker

    LOCKERZ

    psywalker replied to Ялекс's topic in Flame

    Да ерунда это всё ребят и развод 100%, бесплатный сыр только в мышеловке, не тратьте время.
  2. psywalker
    Давай, удачи тебе
  3. psywalker
    Лана, не важно, хрен с ним короче, лови, там сам доделаешь уже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin: 0; padding: 0;} html,body { height: 100%; min-width: 800px;} /* Главные контейнеры */ div.wrap { min-height: 100%; position: relative;} div.wrap div.wrap_float { overflow: hidden; padding-bottom: 120px;} /* Блоки Абсолюты - Общие стили */ div.wrap div#left, div.wrap div#right, div.wrap div#content { position: absolute; top: 100px; bottom: 100px; width: 300px; background: red; z-index: -1; } /* Блоки Абсолюты - Отдельные стили */ div.wrap div#left { left: 0;} div.wrap div#right { right: 0;} div.wrap div#content { left: 300px; right: 300px; width: auto; background: blue;} /* Главные колонки - Общие стили */ div.wrap div.left-float, div.wrap div.right-float, div.wrap div.content-float { float: left; width: 260px; padding: 20px;} /* Главные колонки - Отдельные стили */ div.wrap div.right-float { float: right;} div.wrap div.content-float { float: none; width: auto; overflow: hidden;} /* Хедер и Футер */ div.wrap div.head { height: 100px; background: #F63;} div.wrap div.foot { height: 100px; background: #F63; position: absolute; left: 0; bottom: 0; width: 100%; } </style> <!--[if IE 6]> <style type="text/css"> body { width:expression(document.documentElement.clientWidth < 800 ? "800px" : "auto");} /* Главный контейнер */ div.wrap { height: 100%; } /* Блоки Абсолюты - Общие стили */ body div.wrap div#left {height: expression(document.body.clientHeight-200+'px');} div.wrap div#right { height: expression(document.body.clientHeight-200+'px'); } body div.wrap div#content { height: expression(this.parentNode.offsetHeight-200+'px'); width: expression(this.parentNode.offsetWidth-600+'px'); } div.wrap div.wrap_float, div.wrap div.content-float { zoom:1;} </style> <![endif]--> <!--[if IE 7]> <style type="text/css"> /* Главный контейнер */ div.wrap { zoom:1; } div.wrap div.right {height: auto;height: expression(document.body.clientHeight-200+'px');} </style> <![endif]--> </head> <body> <!-- wrapper --> <div class="wrap"> <div id="left"></div> <div id="content"></div> <div id="right"></div> <!-- header --> <div class="head">Header</div> <!-- wrapper for float --> <div class="wrap_float"> <!-- left column --> <div class="left-float"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> </div> <!-- right column --> <div class="right-float"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper </div> <!-- content --> <div class="content-float"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </div> </div> <!-- footer --> <div class="foot">Footer</div> </div><!-- out wrapper --> </body> </html>
  4. psywalker
    Слушай, а вопрос. Ты хочешь, чтобы нижние дивы были всегда внизу, прилипали к низу? Или можно сделать так, чтобы они продолжались потоком сразу после контента?
  5. psywalker
    Дело в том, что я по тебе вижу, что тебе нихрена не нужно, и что ты врядли будешь что-то читать, и поэтому помогать тебе нет желания. Далее я сам когда-то начинал именно с литературы, а задавая вопросы, меня опятьже направляли на нужные статьи и да, мне помогали, но опятьже, когда видели, что я что-то пытаюсь и действительно хочу чему нибудь научиться. По людям сразу видно, кто они и что хотят. Тебе уже 5 раз сказали, что нужно делать и откуда начать, забей хрен на свою шапку, тебе щас это ни к чему совершенно, начни читать, вникать и зубрить и тогда шапки свои будешь клепать сам, ни у кого ничего не спрашивая, слабо? http://stepbystep.htmlbook.ru/ Вот и я о том-же, а потому-что нахрен не нужно ему это.
  6. psywalker
    Да ничего страшного, в итоге всё равно челу придётся послушаться, так как выбора у него нет, когда поймёт, что за него никто ничего делать не будет. Пару раз подскажут, а потом всё равно придётся учиться.
  7. psywalker
    http://tjkdesign.com/articles/liquid/8.asp Попробуй как тут замути
  8. psywalker
    А почему бы тебе просто не сделать так: <div id="page"> <div id="page-back">Текст в блоке "page-back"</div> </div> Где page будет нижним, главным фоном, а page-back сверху, контентом?
  9. psywalker
    Как раз таки так будет правильнее .heading { margin:100px auto 0; }
  10. psywalker
    А вот для этого тебе и предложили для начала прочитать хотябы несколько книг
  11. psywalker
    Естественно, а он и не будет растягиваться, с чего бы это? А покажи мне скриншот того, что хочешь получить на выходе
  12. psywalker
    Да, но если не задавать блоку с overflow размеры, то он прекрасно может отвечать и за своё содержимое, т.е. за флоат блоки, которые в нём хранятся, но всё, что вылезет за пределы, будет обрезаться, ты прав. Не за что, у нас все работают оперативно)
  13. psywalker
    #page { background: black; color: white; padding: 10px; overflow: hidden; }
  14. psywalker
    Начни с этого поста, а потом приходи http://forum.htmlbook.ru/index.php?s=&...st&p=143031
  15. psywalker
    Согласен, если ты не можешь сделать простую вещь, то о каком знании вёрстки вообще идёт речь?
  16. psywalker

    ИЕ 9

    psywalker replied to hf3's topic in Flame

    http://mobbit.info/item/2010/3/18/microsof...rnet-explorer-9
  17. psywalker
    Нуу, а ЦСС?
  18. psywalker
    Покажи весь код
  19. psywalker
    А потому-что местами поменял, как нужно позицию рисунков. У тебя так: это не правильно. html {background: url('img/HeaderBg2.jpg') bottom center no-repeat;height: 100%;} body {background: url('img/HeaderBg1.jpg') top center no-repeat;min-height: 100%;}
  20. psywalker
    А сделай так html {height: 100%;} body {min-height: 100%;}
  21. psywalker
    http://forum.htmlbook.ru/index.php?s=&...st&p=142926
  22. psywalker
    Ещё бы
  23. psywalker
    UL+CSS+JS
  24. psywalker
    1) А тебе нужно, чтобы правый зелёный блок всегда прижимался к левому тексту? 2) И не важно, сколько будет текста слева, главный блок просто должен тянуться по ширине? Или ведь ты ставишь 220пк кажется? Вот кстати в этом варианте у меня везде всё одинаково и прилипает, как надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin: 0; padding: 0;} .wrap { display: inline-block; background: red; position: relative; } .right { position: absolute; top: 0; right:0; background: blue; width: 40px;} .left { display: inline-block; padding-right: 40px; } </style> </head> <body> <span class="wrap"> <span class="right">1234</span> <span class="left">12345 67890 12345 67890 12345 67890</span> </span> </body> </html>
  25. psywalker
    Вот и я о том-же.
×
×
  • 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

  I accept