tt48
-
Posts
293 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by tt48
-
..Вернее сказать - не представляю структуру ячеек( Сложности вызывают ячейки с "улица-название" \ "дом" \ "тел."... можно внутрь забацать еще табличку.. ладноть, спасибки.) устал прост походу. Спокойной ночи.
-
Метод psywalker'a для ненаследуемой прозрачности: http://psywalker.ru/Forum/opacity/main-2.html Принцип такой же. Картинке - absolute; блоку - relative; z-index:1;
-
Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.
-
http://javascript.ru/ui/show-hide-toggle Там все написано
-
http://htmlbook.ru/faq/kak-dobavit-ikonku-sayta-v-adresnuyu-stroku-brauzera Упс..Малость запоздал, но ссылку оставлю)
-
А в чем, собственно, проблема? В отступах чтоли? Если с отступами - (Opera 11, FF3.6, Chrome, Ie7-8) <style type='text/css'> #main_menu ul{ display: block; border: 1px solid red; } #main_menu ul li, #main_menu ul li.active{ display: block; float: left; border: 1px solid black; line-height: 80px; } #main_menu ul li{ margin-left: -5px; } #main_menu ul li.active{ margin-left: -30px; } #main_menu ul li a{ vertical-align: middle; border : 1px solid yellow; display : inline-block; *display: inline; *zoom:1; line-height : 1; } </style>
-
Еще очень полезно - когда надо фоны для разных блоков, выровненных по одной прямой, вырезать аккуратно до пикселя. ...Ну и еще одно нехорошее применение - я ими расстояния в макете смотрю) Линий там и так божемой сколько, а слайс при отключенных extras позволяет быстро замерить расстояния.
-
Я так понимаю, речь идет о инструменте Slice Tool (клавиша C - группа "Crop") Область применения у меня нашел только для всяких скругленных фонов - там табличку с круглыми углами и пр. навороченную фень. Весьма полезная штука. В своё время пытался обычным кропом все порезать и удивлялся, когда вышло криво) Если все же имелись ввиду спрайты - то они для уменьшения количества запросов к серверу.. Другое дело, пока как-то особенно не получается их использовать: если склеивать уже нарезанные картинки - падает качество сильно, а до - просто не набирается "суповой набор")
-
http://css.find-info.ru/css/009/conform.html#replaced-element Вот еще вроде бы сносный перевод спецификации.
-
"Родитель" в плане контейнер(блок, див), который оборачивает рассматриваемый контейнер. <!DOCTYPE html> <html lang='ru'> <style type='text/css'> .parrent{ text-align: center; } .child{ display: inline-block; display: inline; zoom : 1; } </style> <!--[if lte IE7]> <style type='text/css'> .child{ display: inline; zoom : 1; } </style> <![endif]--> </head> <body> <div class='parent'> <div class='child'> CENTER </div> </div> </body> </html> Как-то так.
-
Обычно пользуюсь Image -> Trim после отключения всех остальных слоёв.
-
Добавление ячейкам блочности решает проблему с позиционированием слоя в хроме, но добавляет проблему со схлопыванием ячейки до автоматической высоты(при height:100%) в Опере 11.
-
Большущее спасибо)
-
Для таблиц отдельные правила чтоли?(по поводу слоёв абсолютных) Если можно - ткните носом, а то я сам не найду и так и останется шаманством. http://www.w3.org/TR/CSS21/visuren.html#comp-abspos С утра как раз думал о таком решении) Таблица изначально только ради IE придумывалась. Expression потребуется для IE6. В IE7 и так работает замечательно.) Спасибо большое за столь полезную информацию - пополню копилку) С уважением, Олег.
-
Доброго времени суток. Задача следующая - сделать слой высотой {100% - 90px снизу - 90px сверху} Нужна стабильная работа под ie7 и дальше. http://www.beavers-net.narod.ru/primers/tableXie7.html Проблемы две - 1) ie7 ни за что на свете не желает делать врехнюю и нижние строки таблицы по 90px; 2) Chrome, FF3.6 не хотят отображать абсолютно позиционированный слой внутри релативной ячейки. Слой занимает в данном случае 100% от экрана и идет поверх всей таблицы. Про box-sizing помню.. но не знаю его эквивалента под ie Заранее спасибо. С уважением, Олег.
-
Не шибко заметно http://validator.w3.org/check?uri=http%3A%2F%2Fpohodkin.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0 <a style="float:left;margin-top:30px; backgrounD/*!!!*/:#1C3508; width:120px;height:15px /*!important*/;" class="fbutton" href="http://www.pohodkin.ru/full_search.html"><b>Подбор снаряжения</b></a> <a id="loginB" class="fbutton" style='float: left;'>Вход</a> <form action="" name="searchform" method="post" align="right"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <ul class="searchbar" style='*margin-left: 30%;'>
-
http://htmlbook.ru/css/border-spacing "border-spacing не работает в случае, когда для таблицы установлено свойство border-collapse со значением collapse."
-
cellspacing не перекрывается, это я погорячился) грустно..
-
Имел ввиду - можно не использовать cellpadding\cellspacing с нулевыми значениями и пр., чтобы не было расслоения ячеек. Даже если проставить в таблице cellpadding\cellspacing с любыми значениями - стили выше его перекроют.
-
Для начала у Вас заявлен <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> А используете вперемешку, то selfcloasing теги( <br /> <input /> <img />), то обычные. Валидатору также не нравится xmlns="http://www.w3.org/1999/xhtml" - оно вполне понятно, если посмотреть на xhtml в конце и то, о чем говорил выше. Начать надо с этого. Далее для "Вход" уберите position: relative; добавьте ему float и нормальное значение width;+margin-top; firebag чтот странное говорит..даже если поставить width:12px; ширина ссылки не меняется. Использовать !important в встроенных стилях не имеет смысла. min-height:0; тоже очень нужная строчка. backgrounD:#1C3508; D - пропущено. Почитайте про hasLayout - есть на основном сайте тут( http://htmlbook.ru/blog/obzor-haslayout ). <a onclick="login() Пора переходить на ненавязчивый JavaScript. Не нашел закрывающих тегов для body, html. Если transitional-doctype стоит только ради <center></center> Пора уже найти ему замену и перейти на strict Удачи
-
table{ padding : 0; border : 0; border-collapse: collapse; } table tr td{ margin : 0; padding: 0; border:0; } Может я чего не понимаю - но все вроде бы перекрывает. Даже при использовании cellpadding\spacing\border..
-
Два варианта. 1) Убрать весь фон, оставить его только у <a> 2) Задать конкретное значение высоты для пунктов меню и overflow: visible;/*стоит таким по умолчанию, можно не писать*/.
-
-webkit-box-sizing - box-model не учитывает margin. align='center' - пора бы уже заменить.. width: 98%; _width: 98%; /*FOR IE - смысл?*/ background: transparent; background - не наследйется, по умолчанию none; Пишется несколько короче) http://validator.w3.org/check?uri=http://delpos.3dn.ru/&charset=(detect+automatically)&doctype=Inline&group=0 Печально.. Не то, что доктайпа нет.. даже начальных тегов нет.. В кратце - хром все верно делает, если смотреть из его developer tool. У бегущей строки ширина ровно 98 или сколько там процентов. Исправльяте положение с ошибками. До того - все остальное будет бесполезной тратой времени.
-
Для IE7-.. обычно пользуюсь *property: value; для ie6 вродь тож работает. ниже не пробовал.
-
Долгое время мучался с одной задачей по JS - буквально бился днями и ночей не спал,) Обратился за помощью к Максиму и получил решение, которое давно хотел. Отмечу высокую скорость выполнения - решение получил буквально в тот же день. Хорошо, что есть энтузиасты своего дела.) psywalker - еще раз большущее спасибо)
