AntonSubbota
-
Posts
18 -
Joined
-
Last visited
AntonSubbota's Achievements
Explorer (1/14)
0
Reputation
-
Опять ж таки резиновый дизайн двухколоночный
AntonSubbota replied to AntonSubbota's question in HTML Coding
Спасибо большое за код, но если скажем прописать для sidebar свойство border:1px solid red; то будет видно, что высотой блок лишь в одну строку. А возможно ли сделать его высотой с колонку справа? Я слышал про метод padding-bottom:99999px; margin-bottom:-99999px; может, это поможет? -
Опять ж таки резиновый дизайн двухколоночный
AntonSubbota replied to AntonSubbota's question in HTML Coding
Честно говоря, не понял. Раньше всегда верстал таблицами (структуру задавал), блоками верстаю недавно... Напишите код, пожалуйста... -
Опять ж таки резиновый дизайн двухколоночный
AntonSubbota replied to AntonSubbota's question in HTML Coding
Это - честно скажу - оставил на потом, т.к. на аглицком, в котором я не силен. Пробовал сделать, как они показали - сходу не получилось. Надо разбираться, почему проценты берутся такие - 26,36,70,80,... И кстати - это действительно колонки расширяются или это снова якобы они расширяются? -
Опять ж таки резиновый дизайн двухколоночный
AntonSubbota replied to AntonSubbota's question in HTML Coding
Да, фикс. Левая допустим 200 пикселей, правая во всю ширину. И можно ли сделать реально левую колонку высотой с правой (и наоборот, смотря кто длиннее)? Без javascript, без использования якобы одинаковой высоты (под ней я имею ввиду например такие способы: http://psywalker.ru/Forum/Column_height/main2.html если уберем загругления, поставим бордеры трем колонками, они будут разной высоты). -
Опять ж таки резиновый дизайн двухколоночный
AntonSubbota replied to AntonSubbota's question in HTML Coding
Спасибо! Но у этого кода недостаток - неравная высота колонок. Если в любую из них набить текст, вторая по высоте не увеличится (а им нужна одинаковая высота). Да, конечно. -
Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....
-
Я в итоге себе в конце документа скрипт поставил, примерно такой: если ИЕ скрипт смотрим на четность высоты вложенного блока. если нечетная, добавляем к высоте 1. Вроде работает.
-
Вот спасибо!!! Эти хитрости ИЕ столько времени отняли... Надеюсь, больше с ними придется редко встречаться. Еще раз спасибо за совет! Поправил высоту вложенного блока со с 133 на 134 - и, вуаля, ИЕ нормально все отобразил.
-
Насчет zoom:1 - где его вставить? Это валидно? А то стараюсь как можно валиднее написать код. А если писать хаки для ИЕ... все это правильно, но понять бы, в чем причина... Раньше тоже писал условия для ИЕ, теперь хочу понять причину. Может, достаточно будет какого-нибудь свойства, чтобы это дело устранить...
-
Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; padding:0px; margin:0px; border:1px solid red"> <div style="position:absolute; left:0px; top:0px; width:4px; height:4px; line-height:0; background:url(images/corner_tl.gif) no-repeat top left"></div> <div style="position:absolute; left:0px; bottom:0px; width:4px; height:4px; line-height:0; background:url(images/corner_bl.gif) no-repeat bottom left"></div> <div style="position:absolute; right:0px; top:0px; width:4px; height:4px; line-height:0; background:url(images/corner_tr.gif) no-repeat top right"></div> <div style="position:absolute; right:0px; bottom:0px; width:4px; height:4px; line-height:0; background:url(images/corner_br.gif) no-repeat bottom right"></div> <!-- <div style="position:relative; top:14px; left:14px; width:714px; height:133px; margin-bottom:14px;"> <div style="position:absolute; top:0px; left:0px; width:105px; height:133px; background-color:#a6a6a6"> <div style="position:absolute; left:11px; top:25px"><img src="images/logo.jpg" alt="" /></div> </div> </div> --> 1<br />2<br /> </div> </body> </html> То, что закомментировано - как раз и есть тот блок, что не любит ИЕ. Внимание на лишние св-ва не обращайте (типо float:left; display:online) не обращайте - код выдрал из контекста страницы.
-
Здравствуйте! У меня возникла проблема - не отображается нормально png в IE6 в списках. Пример смотреть здесь: http://www.yniq.ru/about_product/index.htm На сайте использовал скрипт function correctPNG(){ for(var i=0; i<document.images.length; i++){ var img = document.images; var imgName = img.src.toUpperCase(); if (imgName.substring(imgName.length-3, imgName.length) == "PNG"){ var imgID = (img.id) ? "id='" + img.id + "' " : "" var imgClass = (img.className) ? "class='" + img.className + "' " : "" var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " var imgStyle = "display:inline-block;" + img.style.cssText if (img.align == "left") imgStyle = "float:left;" + imgStyle if (img.align == "right") imgStyle = "float:right;" + imgStyle if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" img.outerHTML = strNewHTML i = i-1 } } } но он явно не расчитан на картинки в списках. Для всех <ul> в css задал свойство - ul { list-style:url(/images/design/list_point.png); } Не Png использовать не получится, т.к. фон страницы меняется рандомно (5 вариантов). Спасибо! Если где-то описана эта проблема, прошу дать ссылку. Искал в яндексе и на форуме, не нашел...
-
Господа, помогите с такой проблемой! Обычная кнопка типа button, чуть стоит только добавить ей фон, сразу меняет свой внешний вид! Пример: http://www.subbota.proba.ru/primery_dvuh_knopok/index.htm Мне же нужно сделать кнопку вида стандартного (та, что справа), но с рисунком в конце. Я делал с помощью скриптов - рисовал две стандартные кнопки - в нажатом и не нажатом состоянии, и менял их соответственно. С кнопкой типа button почему-то браузер подтормаживал, поэтому сменил тип на image, соответственно добавил onclick="return false;" , дабы не обновлял форму (некорректно выразился, думаю, вы меня поняли) В итоге вышло примерно это: http://www.bezlimitno.ru/gold_number/index.htm Кнопка искать со значком интера))) В этом примере эта кнопка еще и обновляет поиск по номерам. Суть в том, что клиенту не очень нравится...Что можно придумать? Прошу извинить, кнопку по желанию заказчика меняю на кнопку без изображения, так что по ссылке уже смысла заходить нету. И всё же - если ли другие способы решения сей проблемы?
-
Проблема такая. Не знаю, как взять за такое дело. Страница шириной 1600 пикселей. При разрешении 1024 видна основная часть. Соответственно, справа и слева от нее все продолжается красивыми бэкграундами. Надо: при увеличении размера окна вначале, чтобы справа показалась дополнительная часть, а потом уже слева. Каким образом это осуществить(общая идея)?
-
Вероятно, так и сделаю.Первоначально я хотел сделать по-другому- загрузить эти картинки, но показывать со смещением -1000px. Вроде такого: <img class="hide" src="..."> img.hide{ position:absolute; width:-1000px; top:0; } Так советовал Влад в том же разделе, где и говорится о смещении фона. Это внизу, в комментариях. И что же? В итоге у меня все страшно поползло, и разбираться, отчего, не стал.Может,IE не поддерживает отрицательное смещение, хотя и в опере такой же результат. Но ведь еще как то можно предварительно загрузить картинку с помощью java или php? Кстати, по ходу обнаружил еще одну "беду". Вроде бы при указании дочерних элемента отцовские нельзя перечислять через запятую.То есть у меня например было: td.menu,td.submenu,td.selectmenu,td.selectsubmenu div{} А в итоге пришлось разбить на четыре абзаца с повторениями...
-
SilverWind, спасибо большое! Да, Вы правы. СОбственно, этот образец я перенес на свою дом.страницу http://www.army0507.narod.ru Там как раз динамическое меню. И вы опять таки предугадали мой следующий вопрос- мне в каждой страничке приходится править меню, если надо там что-то поменять, а это как раз не дело.Хотелось бы иметь меню в одном месте, ну и соответственно по неким переменным высчитывать, каким его показать.Это,как я понимаю, как раз и делается средствами php?