psywalker
-
Posts
13,707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7
psywalker replied to Belovsan's question in HTML Coding
Кстати например можно сделать невидимые пробелы между текстом в ссылках выпадающего меню. -
Использовать нужно то, что подходит для каждого случая в отдельности. margin - это внешние отступы, а padding внутренний. Если у тебя есть блок, шириной 200пк, то назначив ему margin ты сделаешь ему внешний отступ, а назначив padding сделаешь внутренний, тем самым увеличишь ширину самого блока на значение padding
-
1) Вот же например у тебя идёт переопределение цвета текста, да и вообще у тебя везде же разный цвета переопределены в блоках. .hr a { position:relative; z-index:2; width:100%; font-weight:bold; color:#006699; } 2) Сделай элемент А блочным.
-
Кстати "В общем" пишется раздельно, а разве нет?
-
Тогда выложи полный код КСС и ХТМЛ
-
Давай лучше ссылку на проблемную страницу.
-
Вердер Хаа, смешно, вот этим самым примером ты ещё раз показал свой уровень знаний - как верстальщик и опозорился, как обычно Если бы ты хоть немного разбирался в вёрстке, то никогда бы не сделал такую конструкцию. Дело в том, что по такой вёрстке сразу определяется твой начальный уровень. Даже среднему верстальщику станет понятно, что в этой ситуации нужен всего лишь один дополнительный блок, чтобы всё работало, как надо. <!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 { height: 100%; overflow: auto; } body { height: 100%;} div.wrap{ min-height: 100%; background: #990; width: 70%; margin: 0 auto; position: relative; } div.footer { position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; background: red; } #header {height: 7em;} #lcol, #middle-col, #rcol {float:left; width: 30%;} </style> <!--[if IE 6]> <style type="text/css"> div.wrap {height: 100%;} </style> <![endif]--> </head> <body> <div class="wrap"> <div id="header">Header</div> <div style='padding-bottom: 100px; overflow: hidden;'> <div id="lcol"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> </div> <div id="middle-col"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat. </p> </div> <div id="rcol"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam fermentum dapibus congue. Morbi blandit varius nibh, ut iaculis arcu vehicula id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin eu quam vel nulla malesuada aliquam non non felis. Aenean eu elementum sem. Etiam laoreet ultricies lectus ut placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam placerat orci id sem vestibulum ut imperdiet purus faucibus. Vivamus sem erat, faucibus sed facilisis at, lacinia quis purus. Vestibulum sem massa, volutpat eget tincidunt pharetra, placerat luctus justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p> </div> <div class="footer">FOOTER</div> </div> </div> </body> </html>
-
Давай, интересно посмотреть.
-
У меня мой способ всегда работал отлично и никогда не подводил. Я уверен, что ты просто что-то не так делал, или верстал неправильно, отсюда все твои беды. Не понимаю, что в этом плохого? Если делать бездумно, лижбы было, то тогда конечно, получиться хрень, а если точно знаешь, что делаешь и что это 100% будет работать, то я не вижу в этом ничего плохого.
-
Вот тебе простой пример. Тут контент и футер - прижатый абсолютом. Всё резиновое, и внутрь контента ты можешь засовывать кучу блоков и т. д. В чём проблема? http://psywalker.ru/Forum/Footer_bottom/main.html
-
Я не собираюсь ничего тебе доказывать и вообще на спор у меня нет времени дружище. Я по опыту знаю, что говорю, вот и всё. Если хочешь, сделай два варианта сам, а мы сравним.
-
Прикинь, ты не поверишь, но твоё решение хуже, чем прижатый абсолютом футер
-
Даже не думаю обижаться. Зачем ему пробовать, он же дизайнер и лучше верстальщика знает, что к чему))
-
Нет, нельзя, потому-что абсолют у дива не даст нужного результата. Verder Я уже не раз встречал задачи похожего рода, поэтому и посоветовал подходящий вариант. Кстати насчёт задачи, я понял так, что нужно выравнивать именно по нижнему краю, т..е именно по bottom Нет, нельзя, потому-что абсолют у дива не даст нужного результата. Verder Я уже не раз встречал задачи похожего рода, поэтому и посоветовал подходящий вариант. Кстати насчёт задачи, я понял так, что нужно выравнивать именно по нижнему краю, т..е именно по bottom/ ТС объясни подробнее, что ты хочешь, чтобы не было путаницы.
-
Для начала нужно задать высоту ячейке и всем её предкам, далее засунуть в неё див, ему задать релатив, внутри него див, ему уже абсолют и прижать к низу.
-
убери высоту и отодвинь ссылку паддингами
-
Да во всех местах. Начнём с того, что не установлена высота у тегов html и body, далее не установлена минимальная высота у главного контейнера, ну и т.д. Я вообще не увидел, где ты там пытался сделать, как в моём примере.
-
IE и неопознанный баг с дивами в ячейке таблицы
psywalker replied to mrpit's question in HTML Coding
А мой совет ты проигнорил, я так понимаю? -
Можно один рисунок повесить на херед, а второй на <div id="hgroup">
-
Например так: *{ margin: 0; padding: 0;}
-
А я не понял, нахрена тебе HTML5 ?
-
Да, но смотри. Выходит, что ты создаёшь дополнительный элемент, а старые тогда куда деваются?
-
Свет, а я не понял, зачем нужен вообще этот файл ЖС? Ведь по идее он просто присваивает блокам ID?
-
1) Делай мени через UL-LI, а не через таблицы. 2) Делай сразу отступы у LI, паддинги левые и им фон задавай.
-
Ну тут уже всё зависит от твоего желания и фантазии. Украсить можно по разному, вопрос только в "как именно это сделать?" Покажи лучше скриншот конечной таблицы.