Jump to content

chikadesign

Newbie
  • Posts

    6
  • Joined

  • Last visited

Everything posted by chikadesign

  1. Я отменяю декорирование текста, когда требуется отменить это правило у тех элементов, которые по умолчанию имеют это свойство. Здесь можно посмотреть какие правила у элементов по умолчанию. Например, бывает так, что не хотелось бы чтоб под элементом <a> было подчеркивание, тогда я применяю для этого элемента text-decoration: none.
  2. Ааа, извиняюсь, нет проблем, держи: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type='text/css'> html,body { height: 100%;} body { margin: 0 5px;} .wrap { min-height: 100%; _height: 100%; position: relative; } .wrap .border { position: absolute; border: 5px solid #000; top: 5px; left: 0; right: 0; bottom: 5px; z-index: -1; } </style> </head> <body> <div class="wrap"> <i class="border"></i> </div> </body> </html> Супер! Теперь вижу, что мой код полная чушь.
  3. Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код. Да, конечно же, нет проблем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type='text/css'> html,body { height: 100%;} body { margin: 0;} .wrap { min-height: 100%; _height: 100%; position: relative; border-left: 5px solid #000; border-right: 5px solid #000; } .wrap .top, .wrap .bottom { position: absolute; height: 5px; background: #000; width: 100%; } .wrap .top { top: 0;} .wrap .bottom { bottom: 0;} </style> </head> <body> <div class="wrap"> <i class="top"></i> <i class="bottom"></i> </div> </body> </html> Спасибо. ) Но не видно отступов? у тебя бордер прижат к границам окна. а должно быть от окна до бордера отступы на 5пх. Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код. Интересуйтесь, почему ваш код посчитали глупостью и получите опыт; обижайтесь - и останьтесь ни с чем. Согласна, я исправлюсь.
  4. Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код.
  5. Боковые границы легко можно было повесить на растянутый контейнер. И ещё непонятно, нафига делать верхний отрицательный отступ #main{ margin:-5px 0 0; } Если повесить боковые границы на растянутый див, то они уйдут наверх вместе с контейнером. margin:-5px;- чтобы поднять растянутый див на 5пх.
  6. Привет всем. Попробовала решить проблему. Получилось. psywalker прав, все решается через min-height и дополнительными абсолютными дивами. Я тоже новичок, если в коде есть ошибки, прошу вас не ругать. спасибо. <!DOCTYPE html"> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> html,body,#container{ height:100%; color: #FFF; background-color: #000; margin:0; } #container{ padding:0 5px; } #main{ min-height:100%; margin:-5px 0 0; position:relative; } .a{ position:absolute; } .b{ height:2px; width:100%; background-color: #fff; } .bottom_bord{ bottom:0; } .top_bord{ top:10px; } .c{ top:10px; bottom:0; width:100%; } .lert_bord{ border-left:2px solid #fff; } .right_bord{ direction:rtl; border-right:2px solid #fff; } #content{ padding:2px; } </style> </head> <body> <div id="container"> <div id="main"><!--доп.дивы--> <div class="a b top_bord"></div> <div class="a c lert_bord"></div> <div class=" a c right_bord"></div> <div class="a b bottom_bord"></div> <div id="content"><!--начинается контент--> <p>ssss</p> </div> </div> </div> </body> </html>
×
×
  • 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