psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Вставь див3 с абсолютом в див1 и от него уже пляши.
-
Ну попробуй конеш, потом отпишись о результате.
-
Полагаю тут уже ничего не поможет. Если только на JS вычислять высоту верхнего блока, и отодвигать нижний блок отриц. марджином на высоту верхнего. Ну и то, боюсь, что получиться хрень.
-
Разъезжается таблица в ie - помогите пожалуйста.
psywalker replied to astalavista's question in HTML Coding
Да тут ерунда. <table> <tr> <td>Товар 1</td> <td>Товар 2</td> <td>Товар 3</td> </tr> </table> И так для каждой строки с товарами. -
Разъезжается таблица в ie - помогите пожалуйста.
psywalker replied to astalavista's question in HTML Coding
Не пойму, зачем делать для каждого товара свою таблицу? Сделай одну таблицу для трёх товаров и в ней три ячейки, тогда ничего не развалиться. -
1) Перенёс твой код к себе, всё отображается по середине, во всех браузерах <!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"> .section ul { list-style-type: none; margin-left: 20px; } .section li a { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #616156; text-decoration: none; display: block; background: url(bgA.png) left no-repeat; padding-left: 10px; } </style> </head> <body> <div class="section"> <h1>Туризм и путешествия</h1> <ul> <li><a href="#">Виды туризма (56)</a></li> <li><a href="#">Иммиграция (11)</a></li> <li><a href="#">Разное (3)</a></li> <li><a href="#">Гостиницы и отели (14)</a></li> <li><a href="#">О рыбалке (6)</a></li> <li><a href="#">Страны и города (19)</a></li> </ul> </div> </body> </html>
-
Отлично, а попробуй задать фон LI, а не А
-
А вот такая идея как тебе? <!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;} body,html { height: 100%;} .block {border: 1px solid #000; float: left; width: 20%; position: relative; } #wrap { display: inline; } .bottom1 { margin-top: 15%;} .line_top { position: absolute; right: -20px; width: 5px; height: 100%; background: #000;} .line { position: absolute; right: -65px; top: 50%; width: 50px; height: 5px; margin-top: -5px; background: #000;} </style> </head> <body> <div id="wrap"> <div class="block"> <div class="line_top"></div> <div class="line"></div> <div class="top">Игрок1</div> <div class="top1">Игрок2</div> <div class="bottom1">Игрок3</div> <div class="bottom">Игрок4</div> </div> </div> </body> </html>
-
А покажи код.
-
делай с помощью background;
-
А что если сделать два блока, внутреннему задать правый бордер и сдвинуть его вниз.
-
Лёх, а попробуй вот этот вариант http://psywalker.ru/Forum/Font-face/main.html
-
Смотри, дело в том, что чтобы не получился бесконечный цикл, о котором я говорил ранее, нужно игнорировать вообще процентные значения для верхнего и нижнего margin; А по другому никак, согласен? Так вот поэтому разработчики решили соотнести margin в % с родительской шириной, которая НЕ меняется в зависимости от ширины его потомков. Вот поэтому я считаю, что разрабы сделали верный ход.
-
Не, а чё, это логично в принципе. Считаю это правильным решением разрабов.
-
Потому-что в случае вычисления margin-top: в % от высоты родителя получился бы бесконечный цикл. Так как в связи с отступами увеличилась бы и высота родителя, а затем снова потомку пришлось бы вычислять новую высоту и так бесконечно. А так как ширина от отступов потомков не меняется, соответственно от неё всё и пляшет)
-
Тогда другое дело
-
Спасибо за разъяснение и примеры. Пойду учиться дальше.
-
swetlana А твой пример просто открывает страницу в другом окне и всё? В чём фишка?
-
http://htmlbook.ru/html/a/name
-
Я вот просто исхожу из того, что это обман и использования правил не по их прямому назначению. В следствии чего в каких нибудь случаях это может сказаться не в лучшую сторону.
-
Потому-что так верстать неправильно, в случае с margin ты делаешь отступ от чего либо, и если слева будут элементы, отступ будет браться от них. А в случае с абсолютом твоя форма выпадет из потока и не будет никому мешать. А вообще я бы наверное сделал правую колонку шириной 20%, поместил бы в неё форму.
-
Ты ставишь три числа после точки?
-
Да, тут согласен, видимо дело в том, что у position:fixed; блоком-контейнером является окно просмотра, а не какой нибудь элемент. А вообще как считаешь, есть ли минусы у эмуляции?
-
Ну вот смотри, правая колонка тоже двигается вместе с контентом <!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 { position: relative; border: 1px solid #000;} #content { margin-right: 320px; background: blue; height: 100px;} #fixed { position: fixed; right: 0; top: 0; width: 300px; height: 100px; background: red;} </style> </head> <body> <div id="wrap"> <div id="content"></div> <div id="fixed">Fixed</div> </div> </body> </html>
-
1) Смотри, выходит ты задал главному блоку Position:Fixed и при сужении окна прокрутка не появляется. Это ты имел ввиду? 2) А покажи тот же пример с абсолютом, ведь по идее полоса прокрутки тоже не появится, а разве я не прав?