psywalker
-
Posts
13707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
Вся проблема в абсолютном незнании технологии. Вот это вот что такое? display: table; height: 100%; position: absolute; У тебя этот контейнер растягивается на высоту родителя, а родитель для него <body>, а не <div class="body">, как ты наверное думаешь.
-
Спасибо
-
А что будешь например с Firefox делать?
-
А что смущает? Где тут сложности?
-
#commenOne {overflow: hidden;}, не?
-
Спасибо!
-
Автоматическое растягивание по ширине пунктов выпадающего меню
psywalker replied to Belovsan's question in HTML Coding
Молодец, что добил всё таки эту задачу. Так и нада Моё решение тоже конечно же рабочее, но оно грамоздкое слишком + экспрешаны. Единственный у тебя минус - это то, что теперь все браузеры полагаются на своё усмотрение насчёт вычисления левого отступа меню, как бы это опасно с одной стороны, но с другой вроде бы можно юзать -
Поомогите "допилить" меню на спрайтах
psywalker replied to DarkTranquillity's question in HTML Coding
1. Не понятно, зачем text-indent:-9999px;, если ты хочешь, чтобы текст у тебя был? 2. Покажи мини-тестовую страницу с примером. Ссылку кинь. 3. Покажи на скриншотах, как должно быть и как НЕ должно. -
Не оно? http://psywalker.ru/Portfolio/AndreyDekhtyarev/main-page.html
-
Спасиб, а например? Я вроде там только "помница" отписал непральна, но это я спецом=) "поделитЬся, еще там вводное слово есть, которое выделяется запятыми. Еще деепричастия запятыми выделяются Блин, да, согласен, первое исправил, а вот с последними у меня траблы
-
Ну тогда лови решение подруга: div.header { background: url("../i/logo.png") no-repeat scroll 0 0 transparent; font: 13px 'Trebuchet MS',Arial,sans-serif; height: 194px; overflow: hidden;
-
Поомогите "допилить" меню на спрайтах
psywalker replied to DarkTranquillity's question in HTML Coding
Сделай спрайт горизонтальный и просто меняй позицию для фона картинки. -
Спасиб, а например? Я вроде там только "помница" отписал непральна, но это я спецом=) Да уже наверн лет 30
-
Ну это зависит от задачи. Если такое решение её спасает и пофиг на ИЕ, то почему бы и нет?
-
Спасибо! Нужно было ещё пункт написать: Постоянно донимать своих друзей в квипах () , чтобы они объясняли тебе принципы действий разных вещей
-
Пробуй задавать позицию фона с минусом.
-
Сегодня исполнилось ровно три года с момента моей регистрации на нашем форуме! Помница я пришёл сюда совсем сырым и даже не знавшим, что такое тег (да, это правда). Прошло три года и я уже кое-чему научился, и хочу вкратце поделиться с начинающими камрадами тем, что по моему мнению может помочь в освоении технологий, в частности вёрстки (HTML/CSS) 1. Много читать, и чем больше, тем лучше. Читать всё, что плохо лежит, что открывает поисковик и т.д. Т.е. например разные блоги, сайты, книжки, форумы и т.д. 2. Очень полезно по возможности жить на форуме, участвовать в его жизни, постоянно читать его, помогать людям, самому задавать вопросы и т.д. 3. Постоянно практиковаться, верстать разные макеты, выставлять свои работы на показ, выслушивать критику, заново всё перечитывать и снова верстать, верстать, верстать... 4. Хотя бы раз в два месяца переосмысливать всё заново, свои ошибки, свои решения и свой подход к той или иной задаче. Я уже три года делаю это и всегда понимаю, что ничерта не понимаю и что мне ещё учиться и учиться. 5. Постараться разобрать каждый механизм по деталькам, понимая, как работает каждая мелочь. Ведь из мелочей всё строится. Вот это лишь капля в море, которая поможет освоить нам наше нелёгкое ремесло p.s. Добавляйте свои пункты, буду рад услышать.
-
Да, но мне s0rr0w уже не раз говорил, что вёрстка интерфейсов - это самая сложная вёрстка.
-
А мне к сожалению пока так и не довелось даже пощупать этот аспект вёрстки
-
Смотри, тут всё просто $('#menu span').click(function () { // Получаем все элементы спан, вложенные в блок с id="menu" $('#menu > li').removeClass("show"); // Удаляем класс у элементов li, которые являются прямыми потомками #menu $(this).parent().addClass("show"); // Поднимаемся вверх к первому родителю спана, по которому произошел клик $("#menu ul").hide(); // Скрываем все ul, вложенных в #menu $(this).parent().children("ul").show() // Поднимаемся вверх к первому родителю спана, //далее спускаемся к первому дочернему ul и показываем его }) Помочь могу, но уже вечером, ближе к ночи. Ну и я думаю тут есть люди, которые в js понимают намного лучше меня Ага, спасибо Оксан, но кое-что всё таки непонятно, смотри: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <ul id="menu"> <li class="show"><span>Основное</span> <ul id="tab_main"> <li><a href="/content"><img alt="Статьи" src="/themes/hb/images/content.png"> Статьи</a></li> <li><a href="/blog"><img alt="Блог" src="/themes/hb/images/blog.png"> Блог</a></li> <li><a href="/practical"><img alt="Практикум" src="/themes/hb/images/practical.png"> Практикум</a></li> <li><a href="/faq"><img alt="Рецепты HTML и CSS" src="/themes/hb/images/recipe.png"> Рецепты HTML и CSS</a></li> <li><a href="/books"><img alt="Цифровые книги" src="/themes/hb/images/digital.png"> Цифровые книги</a></li> <li><a href="http://forum.htmlbook.ru"><img alt="Форум" src="/themes/hb/images/forum.png"> Форум</a></li> </ul> </li> <li class="hide"><span>HTML</span> <ul id="tab_html"> <li><a href="/samhtml"><img alt="Самоучитель HTML" src="/themes/hb/images/html.png"> Самоучитель HTML</a></li> <li><a href="/xhtml"><img alt="XHTML" src="/themes/hb/images/xhtml.png"> XHTML</a></li> <li><a href="/samhtml/validatsiya-dokumentov"><img alt="Валидация" src="/themes/hb/images/validate.png"> Валидация</a></li> <li><a href="/html"><img alt="Справочник по HTML" src="/themes/hb/images/html-manual.png"> Справочник по HTML</a></li> <li><a href="/html5"><img alt="HTML5" src="/themes/hb/images/html5.png"> HTML5</a></li> </ul> </li> <li class="hide"><span>CSS</span> <ul id="tab_css"> <li><a href="/samcss"><img alt="Самоучитель CSS" src="/themes/hb/images/css.png"> Самоучитель CSS</a></li> <li><a href="/css"><img alt="Справочник по CSS" src="/themes/hb/images/css-manual.png"> Справочник по CSS</a></li> <li><a href="/layout"><img alt="Макеты" src="/themes/hb/images/layout.png"> Макеты</a></li> </ul> </li> <li id="help"><a href="/help">Помощь</a></li> </ul> <script type="text/javascript"> var menu = document.getElementById('menu'); // Получили ссылку на Меню var menuSpan = menu.getElementsByTagName('span'); // Получили ссылку на все span-ы главного Меню. var menuChild = menu.getElementsByTagName('ul'); // Получили ссылку на все меню внутри главного Меню var menuUl = menu.childNodes; // Получили ссылку на чайлНодс Меню, т.е. на ближайших вложенных узлов. for(var i = 0; i < menuSpan.length; i++){ // Идём по span-ам menuSpan[i].onclick = function(){ // Жмём на них, и при клике на один из них... for(var j = 0; j < menuChild.length; j++){ // Проходимся по Меню, по всем LI и вырубаем у них класс "show" if(menuChild[j].nodeName.toLowerCase() == 'li'){ menuChild[j].className = menuChild[j].className.replace('show',''); } } for(var j = 0; j < menuUl.length; j++){ // Проходимся по Меню, по всем прямым UL и вырубаем их. if(menuUl[j].nodeName.toLowerCase() == 'ul'){ menuUl[j].style.display = 'none'; } } } } </script> </body> </html> А вот остальные пункты я не понял. Что нужно ещё сделать? Upd: Дружище Great Rash меня уже опередил, так что думаю код уже у тебя в кармане Влад
-
А у меня как раз всё наоборот, я JS учу в свободное время, а JQ вообще не знаю. Возможно и смог бы помочь, если бы ты объяснил, что должен делать этот скрипт?
-
1. Скриншоты того, как должно быть и как не должно. 2. Ссылку на то, что уже сделал. 3. Подробные объяснения, что нужно получить.
-
Не слушай того, кто такое говорит, и запомни, что каждый элемент нужно применять не в крайних случаях, а именно там, где он нужен. fieldset нужен для группирования элементов форм, например есть группы чекбоксов, далее идёт группа флажков и т.д. Вот все эти группы правильно было бы обернуть в fieldset.
-
Не поверишь, но тебя снова могут спасти инлайн-блоки
-
Как расположить два дива один под другим, чтобы текст обтекал их обоих.
psywalker replied to krokodily's question in HTML Coding
А разве это не так?
