AntonSubbota
-
Posts
18 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by AntonSubbota
-
Опять ж таки резиновый дизайн двухколоночный
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?
-
Народ, я только одного не пойму- что есть динамическое меню? Если это меню, к которому при приближении мышки к пункту меню выпадает рядом подменю, то это не то, что они хотят, судя по сайту, который они дали как образец. В сайте, который дан как пример, при нажатии, скажем, на пункт "продукция" загружаеттся соответствующая страница, и меню изменяется соответственно. И возникается два вопроса. Первый - а разве сложно для каждой страницы руками изменить таблицу, внеся в нее некие пункты? Второй- ладно бы там фон был некий синий, а то ведь там для каждого меню нужен свой отдельный рисунок. Такие вот мысли.
-
Странно. Когда меня спросили, знаю ли я php,я им ответил отрицательно. А в итоге в работе он требуется.Не подскажете ли, где найти ссылки, как в общем делается динамическое меню? Может, этот вопрос уже кем-то поднимался?
-
Уважаемый народ, такая ситуация. Недавно, буквально две недели назад, взялся за изучение html.Хочу устроиться верстальщиком, где требуется знание html и css. Довольно усердно изучал все это дело последнии дни, как мне кажется, уже понимаю(не скажу что хорошо, но все же) html и css. Недавно звонил на одну фирму, по поводу вакансии, мне дали работу, на проверку. Я ее выполнил, но: для начала ссылка: http://www.foraweb.narod.ru Во-первых, в IE и опере по разному смотрится. В эксплорере(у меня 7-ой) почему-то появляется белая полоса над меню и основным текстом, а снизу не стыкуются картинки. В опере все хорошо, других броузеров у меня нет. Во-вторых, в задании мне было указано - меню делать текстом. Когда я уточнил, мне сказали, чтобы меню было динамическим, по образу http://www.diamaida.ru/other_production/index.htm. А именно- мне сказали: "Меню динамическое, т.е. в зависимости от текущей страницы, могут добавляться еще вложенные пункты. Самый приемлимый вариант однопиксельная полоска в качестве бэкграунда ячейки" Дальше. Как я делал страничку. Создал таблицу, 3 на 2. Объединил две ячейки сверху, и две сбоку. В верхней вставил картинку с логотипом и прочим , справа сделал место для этого фона, как видимо в дальнейшем там будут картинки. Кстати, место для картинок я указал с помощью css и position, это верный метод? Далее, осталось еще две ячейки. Центральная - там фон-картинка, поверх нее таблица, в ней текст. Нужно ли было делать таблицу, или смысла мало? И наконец слева ячейка. Там я вставил две таблицы. Первая- сверху. Фон - кнопки, а в таблице прописаны ссылки. Ниже таблица= картинке, с помощью map сделал ссылки. Вот так я делал. Первый раз, так что не обессудьте, и пожалуйста, дайте ценные комментарии, где плохо сделал, и как надо было делать. Еще. Насчет динамического меню. java я не очень знаю, но т.к. знаю си++, то думаю, это не проблема. Вопрос в том- как делать динамическое меню? По-любому же для каждой странички придется менять фон для кнопок. А как наилучшим образом сделать так, чтобы для этих кнопок подделать ссылки? Прошу прощения за такой длинный и нубский текст. И очень жду советом, причем, желательно, побыстрее ) Спасибо!