chikadesign
-
Posts
6 -
Joined
-
Last visited
chikadesign's Achievements
Explorer (1/14)
0
Reputation
-
Не пойму поведение стилевого атрибута text-transform
chikadesign replied to 9190's question in HTML Coding
Я отменяю декорирование текста, когда требуется отменить это правило у тех элементов, которые по умолчанию имеют это свойство. Здесь можно посмотреть какие правила у элементов по умолчанию. Например, бывает так, что не хотелось бы чтоб под элементом <a> было подчеркивание, тогда я применяю для этого элемента text-decoration: none. -
Ааа, извиняюсь, нет проблем, держи: <!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> Супер! Теперь вижу, что мой код полная чушь.
-
Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код. Да, конечно же, нет проблем: <!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пх. Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код. Интересуйтесь, почему ваш код посчитали глупостью и получите опыт; обижайтесь - и останьтесь ни с чем. Согласна, я исправлюсь.
-
Ну покажи новичкам мастер-класс. Мне очень интересно посмотреть твой Правильный код.
-
Боковые границы легко можно было повесить на растянутый контейнер. И ещё непонятно, нафига делать верхний отрицательный отступ #main{ margin:-5px 0 0; } Если повесить боковые границы на растянутый див, то они уйдут наверх вместе с контейнером. margin:-5px;- чтобы поднять растянутый див на 5пх.
-
Привет всем. Попробовала решить проблему. Получилось. 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>