Leaderboard

Сегодня исполнилось ровно три года с момента моей регистрации на нашем форуме! Помница я пришёл сюда совсем сырым и даже не знавшим, что такое тег (да, это правда). Прошло три года и я уже кое-чему научился, и хочу вкратце поделиться с начинающими камрадами тем, что по моему мнению может помочь в освоении технологий, в частности вёрстки (HTML/CSS) 1. Много читать, и чем больше, тем лучше. Читать всё, что плохо лежит, что открывает поисковик и т.д. Т.е. например разные блоги, сайты, книжки, форумы и т.д. 2. Очень полезно по возможности жить на форуме, участвовать в его жизни, постоянно читать его, помогать людям, самому задавать вопросы и т.д. 3. Постоянно практиковаться, верстать разные макеты, выставлять свои работы на показ, выслушивать критику, заново всё перечитывать и снова верстать, верстать, верстать... 4. Хотя бы раз в два месяца переосмысливать всё заново, свои ошибки, свои решения и свой подход к той или иной задаче. Я уже три года делаю это и всегда понимаю, что ничерта не понимаю и что мне ещё учиться и учиться. 5. Постараться разобрать каждый механизм по деталькам, понимая, как работает каждая мелочь. Ведь из мелочей всё строится. Вот это лишь капля в море, которая поможет освоить нам наше нелёгкое ремесло p.s. Добавляйте свои пункты, буду рад услышать.

Я прошу прощения, что так сказать, с небольшим опозданием присоединяюсь к вашей высокоинтеллектуальной беседе, господа. Просто тут у нас в Вилларрибо мне поручили сверстать макет одного дизайнера-извращенца и, собственно, поэтому, я был вынужден погрузиться с головой во весь тот мрак, который пришёл в воспалённое сознание этого гения вэб дизайна. Но теперь, к счастью, всё позади. Работа выполнена. Мозг слегка отдохнул. И простой деревенский парнишка из Вилларрибо по имени Belovsan, вновь здесь. Мне стыдно признаваться (сейчас Миха ухмыльнётся), но я, блин, так до сих пор и не изучил JS. Да и не только JS, я вообще никаких скриптов пока не изучил. Это, каншн, минус, но я, сука, упрямый - и это плюуууус! Итак, в данной ситуации незнание скриптов пошло мне на пользу. Ибо мне удалось найти решение данной проблемы без помощи скрипта. Честно говоря, я толком так и не понял почему всё это так у меня получилось (хотя, если честно , то кое-что понял, ну а кое-что чисто на интуитивном уровне догнал), но в нашем случае важен результат. Правильно? Итак, слегка поковыряв свой код я выполнил три магических действия, которые помогли мне достичь нужного результата: 1. Я убрал у блока: #nav li такой параметр, как position:relative; В результате чего, мне удалось решить проблему с переносом слов в выпадающем списке. 2. Тегу #nav ul я не назначал параметр left. Ибо его нельзя назначать, так как уже #nav li не relative. Собственно, после этих несложных действий уже всё отлично работает во всех браузерах, кроме ИЕ6 и ИЕ7. Переходим к третьему пункту. 3. Для тегов: #nav li ul li и #nav li ul li a не назначаем никакой высоты , тобишь height. Не нужна она там. И вуаля, ИЕ7 нам покорился. В нём тож всё отлично работает (Хотя для меня тут остаётся загадкой: какое отношение высота имеет к ширине? Но ИЕ7 - это клинический случай, я уже молчу об ИЕ6). Единственное, это надо назначить принудительную ширину тегу #nav li ul и высоту тегам #nav li ul li и #nav li ul li a - для ИЕ6. Тут я не смог добиться идилии. Но учитывая то, что ИЕ6 нас вскоре покинет навсегда, можно считать, что цель достигнута, дорогие товарищи! Ура! Насладиться результатом, вы можете, перейдя вот по этой ссылке: http://verstku.narod.ru/trablmenu/index.html Теперь можно увеличивать или уменьшать кол-во слов в выпадающих пунктах меню - всё будет автоматом растягиваться и всё такое. Короче - красота типа ) p.s. Спасибо всем откликнувшимся на эту тему. Думаю, мы делаем доброе дело ) p.s. p.s. Кстати, а для изменения высоты пунктов меню есть такой параметр, как line-height

Не слушай того, кто такое говорит, и запомни, что каждый элемент нужно применять не в крайних случаях, а именно там, где он нужен. fieldset нужен для группирования элементов форм, например есть группы чекбоксов, далее идёт группа флажков и т.д. Вот все эти группы правильно было бы обернуть в fieldset.

Еще вот за эти шрифты ничего не будет Правда у всех этих забугорных шрифтов с кириллицей беда и сплошное огорчение. Объясняю это тем, что наши соотечественники жадные до денег и опенсорс-шрифты делать не хотят. P.S. Ubuntu очень хорош. Респект и уважуха, хоть я линуха и не люблю.

Да я сам такое делал только с джсом. Чё, сдаёшься лошара? Макс, давай без таких слов. Не со мной. Блин, я думал ты понимаешь юмор Тогда вот решение: Всё таки одноразовый экспрешан, это не тоже самое, что жс <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Новый Документ</title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="fixie.js"></script> <style type="text/css"> #nav { display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif; } #nav ul{ position:absolute; top:30px; list-style:none; left: 0; margin: 0; padding: 0; background: silver; border: 1px solid #000; } #nav li { background: orange; float:left; position:relative; margin:0 1px; border: 1px solid #000; } #nav li a { display:block; float:left; color:#000; text-decoration:none; } #nav li:hover ul{display:block; } #nav li ul{ padding:0; } #nav li ul li { background: #cdecda; height:30px; line-height: 30px; white-space: nowrap; width: 100%; } #nav li ul li a { float:none; background: blue; display: block; } </style> <!--[if IE]> <style type='text/css'> #nav {display:block; list-style:none; font:bold 13px/30px Verdana, Arial, Helvetica, sans-serif;} #nav ul{position:absolute; top:30px; list-style:none; left: 0; background: blue;} #nav li { background: red; float:left; position:relative; margin:0 1px; } #nav li a {display:block; float:left; color:#000; text-decoration:none; } #nav li:hover ul{display:block;} #nav li ul li { background: blue; height:30px; line-height:30px; white-space: nowrap; } #nav li ul li { background-image:expression( this.runtimeStyle.backgroundImage = "none", //this.style.width = this.parentNode.offsetWidth + 'px', this.li = this.parentNode.getElementsByTagName('li'), this.a = 0, this.func = function(e){ for(var i = 0; i < e.li.length; i++){ if(e.a < e.li[i].offsetWidth){e.a = e.li[i].offsetWidth} e.style.width = e.a + 'px' } if(e.parentNode.getElementsByTagName('li')[e.parentNode.getElementsByTagName('li').length-1] == e){ for(var i = 0; i < e.li.length; i++){ e.li[i].style.width = e.a + 'px' } } }, this.func(this) ); } #nav li ul li a {float:none; background: blue; display: block;} </style> <![endif]--> </head> <body> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Секреты</a></li> <li><a href="#">Скачать</a></li> <li><a href="#">Новости</a></li> <li><a href="#">F.A.Q.</a></li> <li><a href="#">Оплата</a></li> <li><a href="#">Реклама</a> <ul> <li class="one"><a href="#">Выпадающий пункт мен</a></li> <li class="two"><a href="#">Выпадающий</a></li> <li class="three"><a href="#">Выпадающий пункт мен</a></li> <li class="four"><a href="#">Выпадающий пункт мен</a></li> </ul> </li> <li><a href="#">Ссылки</a></li> </ul> </body> </html>

А ведь их будет читать только браузер,думаю что ему всёравно как написан код.