Great Rash
-
Posts
7,974 -
Joined
-
Last visited
-
Days Won
144
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Great Rash
-
Тов. Старовер, по фону у вас див не растянется никогда. Предлагаю следующий вариант: 1. Создать див, поставить ему позишн релатив и поместить в него необходимую картинку при помощи <img>, а не фона. 2. Создать еще один див внутри с позишн абсолют, и шириной 100%. Таким образом у вас и див растянется по картинке и контент будет над картинкой.
-
2Nekromancer: Сравните его с обычным CSS, ну ведь CSS же понятней в разы. А тут жуткая помесь тегов с селекторами стилей... Хотя может вы и правы, может когда узнаешь язык будет лучше.
-
Посмотрел на википедии примеры (видимо с W3C) - мегаизвратный язык... читабильность такого стиля стремится к нулю
-
HTML отомрет когда Билли Гейтс на горе свистнет... а жаль. Хотя и XML, думаю, никогда не станет стандартом верстки. Была б моя воля я бы вообще что-нить третье придумал. Какой-нить VML (Vector Markup Language) - звучит, а?
-
Всем спасибо за помощь. А вот чего я нагуглил попутно: <html> <head> <style> #elem_container{ position: absolute; left: 100px; top: 200px; height: 100px; border: #f00 1px solid; } </style> </head> <body> <div id="elem_container">dummy</div> <div id="output"></div> <script> function getTheStyle() { var elem=document.getElementById("elem_container"); var theCSSprop=document.defaultView.getComputedStyle(elem,null).getPropertyValue("border-bottom-width"); // выведет "10px" document.getElementById("output").innerHTML=theCSSprop; } getTheStyle(); </script> </body> </html> Так что не обязвтельно писать а ля javascript стайл. 2Nekromancer: А эта страничка у меня в закладках. Оттуда я и брал скрипт изначально. Но что-то там туманно написано...
-
Попробовал в стилях написать border-bottom: #f00 1px solid; и вывести borderBottomStyle - нифига не работает
-
Вообще юзаю функцию getElementComputedStyle (нагуглить ее не сложно если кому интересно). С помощью этой функции пытаюсь получить значение бордера элемента (а именно ширину). В ИЕ все работает как часы (редкий случай), а вот в мозилле приходит пустота... Стал разбираться. С сайта developer.mozilla.org (точный адрес страницы: https://developer.mozilla.org/En/DOM:window...tComputedStyle) тупо взял поюзать вот такой код: <html> <head> <style> #elem_container{ position: absolute; left: 100px; top: 200px; height: 100px; border: #f00 1px solid; } </style> </head> <body> <div id="elem_container">dummy</div> <div id="output"></div> <script> function getTheStyle() { var elem=document.getElementById("elem_container"); var theCSSprop=document.defaultView.getComputedStyle(elem,null).getPropertyValue("border"); document.getElementById("output").innerHTML=theCSSprop; } getTheStyle(); </script> </body> </html> Возвращает и правда пустоту. Как только не пробовал вводить: и border-width, и borderWidth, и border-left нифига не работает... Если кто сталкивался помогите пожалуйста.
-
#wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('/design/...png') repeat-y;} видимо тут надо убрать width: 900px; UPD: А, вот еще заметил, что такая же ширина стоит у #contanier
-
Можно еще перекодировать на сервере автоматически. Только как это сделать не знаю. Не силен я в юниксах. Гуглить надобно. ИМХО самый лучший выход - отказаться от галимого скрипта. Ибо если скрипт работает с win-1251 - он по определению отстойный.
-
Может вам просто нужен 3-х колоночный макет с резиновой центральной колонкой? Так их в сети как грязи.
-
Была такая передача на канале Discovery - "История интернета" (или что-то вроде того). Так вот там рассказывали про историю создания таких монстров как Napster и E-Bay. Из того, что тут написал камрад WonderKing действительно важна идея сайта, все остальное приложится само собой. Напстер к сожалению загнулся, но посмотрите на Е-Бей или хотя б на Гугль и все евойные продукты - идея, вот что главное. Остальное в топку. А пункт 2 тогда зачем? Этот пункт считаю абсолютно бесполезным. Этот пункт я не понимаю. Что имел в виду автор? 7. Можно сказать проще - сверстать. А вот это совсем не обязательно. Вот мой рецепт идеального сайта: 1. Идея, идея и еще раз идея!!! 2. Придумайте интерфейс. Он должен быть таким, чтобы юзеру было удобно пользоваться сайтом. 3. Сверстайте сайт, пока просто без дизайнерских изысков (ненавистные круглые углы и т.п. и т.д.), наполните его контентом и посмотрите удобно ли вам пользоваться своим творением. 4. Придумайте интересный и простой дизайн. Посмотрите на свое творение недельку, полистайте странички туда-сюда... не надоел вам ваш дизайн? Тогда можно считать его завершенным. 5. Поддерживайте свое творение - хороший сайт должен жить. Мертвые сайты (даже с самым лучшим дизайном) никому не нужны. А всякие фаиконы, раскрутка хренутка и т.п. это даже не десятое дело, это дело двадцатое. Все вышесказанное относится к некоммерческим, сделанным с любовью проектам. Т.к. по моему мнению коммерческий сайт не может быть хорошим. Ибо все в нем направлено на извлечение прибыли.
-
С пунктом первым согласен на все сто. Остальные пункты можно смело выкидывать на помойку.
-
-
Погуглите, в сети навалом ("выпадающее меню css"). Тут я бессилен. Надо глядеть код, а глядеть его влом
-
То есть вы хотите насильно без моего ведома перенаправить меня - ничего не подозревающего юзера, на какой-то левый сайт???
-
ИЕ 6 не понимает hover для любых элементов кроме <a> (да и то если там href есть). Потому ничего и не работает. Юзайте яваскрипт иначе никак. А еще лучше забейте на ИЕ 6. UPD: А разве какие то браузеры понимают такое? Я думал браузеров с синтезатором речи еще нет...
-
Выделения или все-таки подсветки???
-
Я уж думал, что про эту проблему ИЕ абсолютно все знают... ан нет.
-
Модальные окна (типа Lightbox) с быстрой загрузкой изображений
Great Rash replied to oleinv's question in JavaScript
Это ж какое изображение должно быть? У меня картинки никогда не весили больше 100 килобайт. Думаю, что тут все дело в аяксе. Если картинка показывается, только после того как readystate == 4, то естественно мы не увидим ее, пока она вся не загрузится. Может на тех сайтах вообще не аяксом сделано? -
<!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" xml:lang="en" lang="en"> <head> <title>template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px Arial, Tahoma, sans-serif; } body { margin: 10px; } .bg { float: left; width: 100%; background: #eee; } .right { background: #eee; border-left: #666 200px solid; } .left { float: left; width: 200px; margin-left: -200px; background: #666; } p { padding: 5px; } </style> </head> <body> <div class="bg"> <div class="right"> <div class="left"> <p> text text text text text text<br /> text text text text text text<br /> text text text text text text<br /> text text text text text text<br /> text text text text text text<br /> </p> </div> <p> text text text text text text<br /> text text text text text text<br /> text text text text text text<br /> text text text text text text<br /> </p> </div> </div> </body> </html> Проверял только в Мозилле и ИЕ7. По идее должно работать везде.
-
Вы еще забыли написать про #mainmenu div. В общем это значит, что все элементы <div> внутри контейнера с id="mainmenu" получат данный стиль.
-
Как пропускать элемент формы если он ридонли?
Great Rash replied to Great Rash's question in JavaScript
2Styx: Спасибо попробую. UPD: А для чего начинать название переменной с подчеркивания? 2s0rr0w: Ну почему же, читал я хорошо. Можно даже сказать досконально. Только мне надо чтобы по табу фокус не передавался на ридонли вообще никогда. Т.е. если я дошел до последнего элемента формы, то возвращался бы на первый элемент формы, а не продолжал ходить по ссылкам и т.п. и т.д. (по чему там браузеры еще ходят...). В вашем же случае я рано или поздно перейду на элемент с табиндексом 100. Хотя вот тут экспериментировал и выяснил, что если поставить элементу табиндекс равный -1, то по табу на него никогда не перейдешь. Но в мануале написано, что допустимыми значениями являются только положительные числа от 0 до 32 с чем-то тысяч. Так что не ясно как это отразится на недобраузерах... Да и не понятно как отразится на скорости работы скрипта проставления отрицательных табиндексов всем ненужным элементам на странице (пес его знает сколько их будет). -
Как пропускать элемент формы если он ридонли?
Great Rash replied to Great Rash's question in JavaScript
Нет не слышал. Где почитать? UPD: В общем погуглил, почитал... но так и не понял как это можно применить в моем случае. Ведь если форма будет формироваться скриптом, то я не узнаю сколько будет полей в ней. Хотя вот вычитал, что в яваскрипте есть такое свойство, но все равно не понимаю как проставление tabindex может помочь запретить фокусирование на определенном элементе. -
Как пропускать элемент формы если он ридонли?
Great Rash replied to Great Rash's question in JavaScript
Пока руками, но возможен и случай со скриптом. -
Здравствуйте. Возникла необходимость сделать такую штуку: есть форма, я шагаю по ее полям при помощи таба, нужно, чтобы фокус не устанавливался на поле если оно readonly, а сравился на следующее поле не readonly. В принципе можно сделать поля формы disabled, чтобы они не получали фокус, когда тыкаешь таб. Но тогда данные из этих полей не будут отправляться на сервер. Написал такой скрипт: var getElem; function checkTab(e) { var keycode; if (window.event) { keycode = window.event.keyCode; } else if (e) { keycode = e.which; } if (keycode == 9) { var form = document.getElementById('form'); var num = 0; for (var k = 0; k < form.elements.length; k++) { if (getElem == form.elements[k]) { num = k; } } for (var i = num; i < form.elements.length; i++) { if (form.elements[i].readOnly == true) { if (i < (form.elements.length - 1)) { var elem = form.elements[i+1]; form.elements[i].onfocus = function() { elem.focus(); getElem = elem; } if (elem.readOnly == false) { break; } } } } } } window.onkeydown = function(e) { checkTab(e); } Загвоздка в том, что если в форме попадается <textarea>, то она получает фокус. В чем может быть дело? Может можно упростить мой скрипт? Или может я вообще не в ту степь полез?