mishka

можно флоаты + центрирование 3мя блоками. или display: inline-block; + text-align: center; ( это мне больше нравиться )

Я тож поддерживаю Светлану. Тихо ненавижу свою контору, и завидую Свете. Так как я подневольный и не общаюсь с клиентом... Это делают менеджеры, которые обещают клиентам что все их мельчайшие пожелания будут выполнены. И начинается Бред. Клиент говорит: "Мне нужна поддержка ие6" даешь круглые уголки! Но в то же время ему нужно минимум кода. И он говорит что ему друг посоветовал такой-то плагин... А манагер.. ну епт, ну разве мы не крутая компания? разве мы этого не можем, да раз плюнуть... И начинаються пляски, ведь никто не предполагал что "тот плагин" генерит уголки так что появляються отступы (А пиксель перфект у нас превыше всего, даже превыше маразма, да и соблюдение сроков тож нужно учитывать) Ну вот верстальщик с горем пополам, налепивши кучу хардкода както чтото сделал. Что впринципе можно даже сказать здорово выглядит(если не смотреть в код). Потом это все уже натянули на CMS, выложили на хост, все какбы работает. И тут клиент захотел аккордиончик, ну разве мы такая крутая команда не сделаем такой пустяк? Да легко. И тут впоминаем тот плагинчик для круглых углов, он генерит VML во время загрузки странички, и размеры у него тож заданны, и когда открывать тот аккордеон он просто обрезаеться. Либо те углы всегда на месте висят, хоть блок и открылся. Вся работа на смарку, все заново переделывают, только уже картинками и уже бесплатно. Разговора о том чтобы сделать для ие углы квадратными не может быть в принципе. Так как пиксель-перфект есть пиксель-перфект. Ну с таким подходом наша компания лепит вип какашки. Так как обещаем клиенту сделать все что просит, и при этом за короткие сроки. Так вот недавно фиксил баг на сайте вип клиента, я офигел, и мой браузер тоже. И ФФ и хром подвисли несколько раз. Так что я обеими руками за Свету. И очень здорово что она себе это может позволить. Я бы это сравнил с свежим воздухом в застоянном помещении.

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

Ты просто непонял сарказма.

Гдето здесь, в этой ветке давали линку на лекцию Чикуёнка. Там он рассказывал что проверили статистику сайта заказов рингтонов и картинок для мобилок. Оказалось что те 6% юзеров заходящих с ие6 делают приблизительно столько же заказов как 22% юзеров заходящих с оперы. Поэтому отказываться иль не от ие6 это индивидуально.

Неужели никогда не было ситуаций когда ни бади градиент, и по сайту разбросанны блоки с круглимы полуппрозрачными углами. Не тупо блок на белом фоне, а на градиентном фоне? Ну я думаю мне всеравно непонять этого. Помню только как я прочувствовал разницу перейдя с TN на PVA.

Есть мелкие особенности, особенно лучше перепроверить оперу. Свет, отличный выбор и здорово что позволил бюджет. Мне для верстки вполне хватает: проц: Intel Pentium 4, 3GHz оперативка: 2Гб, 667шина видео: NVIDIA GeForce 8600 GTS, 256Мб самое главное - моник: Samsung F2380 Слишком большого монитора, особенно для верстки, дизайна, работы с графикой, конструирования - не бывает. Сейчас даже бюджетный ноут превышает по мощности мой комп. Поэтому за 1500$ купишь достаточно мощный ноут для верстки. Я свой брал за 650$ (линку приводил выше). Если верстать будешь только на ноуте, не подключая к нему монитор, то по возможности бери ноут с большим дисплеем. Но он будет меньше заряд держать, либо очень дорого стоить. Кстати я сразу хотел брать ноут с дисплеем 17" (1600х900), но в магазине посмотрев на его размеры я взял 15,6". Так как он выглядел более компактным и акуратным. Хотя вес 2,5кг, но в рюкзаке чувствуеться не пушинка. И еще, ребят как вы на TN матрицах верстаете? Ведь невидно бывает тенюшек, приходиться головой вертеть вокруг моника, рассматривая под разными углами чтобы увидеть есть ли тень, и где она заканчиваеться. Макс, помнишь ты мне кидал линку на свою верстку, и я те сразу сказал о несостыковке бг? Так как я работаю на PVA матрице, то сразу вижу, а на TN это незаметно. Из мелочей - приятно когда есть выход USB справа в дальнем углу. Если подключить мышку, то проводок мешать небудет, да и если там флешку вставить, то цеплять не будете ее работая с мышкой (видел ноуты у которых USB справа вближнем углу). Также приятно если есть мультимедийка, на клаве у меня есть, а вот на ноуте нету, и это иногда раздражает при работе на ноуте. Также желательно брать такой чтобы меньше грелся, особенно там где руки ложаться на панель. Иначе все будет мокрое в поту. Кстати мой ноут тепленький под левой рукой. Практически не грееться. А у друга ноут греется, так он постоянно тряпочку под руки подкладывает. Хоть у меня и есть цифровой блок на клавиатуре, я им практически не пользуюсь, так как наличие Home/End важнее, а у меня нету их на отдельных клавишах, приходиться юзать те что на 7/1(при выключенном нумлоке) Это конечно не слишком удобно, но приходиться выбирать из двух зол. При выборе ноута на это тоже стоит обратить внимание.

У меня Samsung R528 ( http://samsung.technoportal.ua/laptops/sam...-r528-ds03.html ) он конечно мощнее моего стационарного компа, но вот на стационарнике моник 23" ( 1920х1080 ) поэтому верстать намного приятнее, да и матрица C-PVA лучше TN. Когда еду на выходных в деревню, могу взять чтонить с собой сверстать, только небольшое, вполне норм получаеться. Пока что на ноуте жена работает. Но в будующем я откажусь от системника, вместо него буду моник к ноуту подключать. Таким образом дома комфортно работать, и в любой момент смогу комп взять с собой. Старался тогда за определенную сумму взять ноут помощнее. Им оказался Samsung R528. Нынче есть и мощнее и за ту сумму.

в HTML5 меня порадовала только работа с видео и формами (сам еще не делал, но читал) это действительно будет здорово, это то что давно напрашивалось на доработку. Я это считаю несомненным плюсом

Это действительно фигня, так как домохозяйки смогут верстать когда все браузеры будут одинаково отображать страничку. И это будет не заслуга HTML или xHTML, это будет заслуга разработчиков браузеров. Скажите мне чем плох xHTML? Как по мне так он лучше тем что строже. Макс, говоришь, canvas... А что мешало его сделать не в HTML5, а например в xHTML2? Опять таки, то что канвас работает в современных браузерах, это не заслуга HTML5, это заслуга разработчиков браузеров.

hasLayout и ненадо переводить

Меньшим колличеством? Какое колличество? там один блок нужен, все остальное генерит сам джс. Это уже проверенный плагин, который активно поддерживаеться и фиксится, который хорошо документирован. Ноесли всеравно этот велосипед тебя не устроит, то юзай UI slider, ( http://www.switchonthecode.com/tutorials/u...to-scroll-a-div ) но это как по мне - изврат.

Ребят, дык это уже баян. Часто нужно тянущиеся по ширине кнопки и по бокам паддинги нужны. Так вот ие их увеличивает, не знаю на сколько точно, но на глаз примерно в 2 раза. overflow: visible на кнопку помогает, все же разбежность остается, но незначительна, и в большинстве случаев терпима.

да епт, напиши джс который будет работать со старой библиотекой и делов то. PS. Это никак не бред.

Такой совет напутствие: если поддерживаете ие6, то .b.a { color: blue;} так вот лучше не писать вообще! напишите .a { color: blue;} Так как ие6 реагирует только на последний класс. А такая форма записи (.a { color: blue;}) сразу гарантирует что ие6 будет принимать стили так же как и все браузеры.

чтото у тебя с ие8 траблы, так как все ие выше 6й версии ие7, 8, 9 ... поддерживают :hover на все элементы, не только на линку. Дай архивчег, посмотрю.

Я скажу что делать его с джс - вот где изврат. Конечно, если только это подменю не появляется с каким-нибудь эффектом типа фейда/слайда. Но всеравно нужно сделать так чтобы и без джс работало. Это же элементарнейший дроп. ul { position: relative; } ul ul { position: absolute; top: ...; left: ...; display: none; } ul li:hover ul { display: block; } PS: куда подевались кнопки редактирования?

есть там бг, просто его невидно так как это пнг, и он сливаеться с черным фоном. или убери с хедера черный бг, или этому топнав #topnav { background: #fff url('images/bgrnd1.png') repeat-x bottom left; } И еще: у тебя есть * { padding: 0; margin: 0; } та зачем ты еще дополнительно каждому элементу обнуляешь паддинг, марджин? Даже тем элементам где их и небыло никогда.

мдя, так много флудильщиков на форуме, а вот зайти в чате пофлудить никто нехочет.

Ты больше так "в нужную сторону" не направляй <ul> <li class="top"><a href="#"><div><span>Пункт 1</span></div></a></li> <li class="bb"><a href="#"><div><span>Пункт 1</span></div></a></li> <li class="bb"><a href="#"><div><span>Пункт 1</span></div></a></li> <li class="bb"><a href="#"><div><span>Пункт 1</span></div></a></li> <li class="bb"><a href="#"><div><span>Пункт 1</span></div></a></li> <li class="bottom"><a href="#"><div><span>Пункт 1</span></div></a></li> </span> </div> Да уж. Направил. Вот мой пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> <style type="text/css"> .menu { padding: 0; list-style: none; } .menu li { border: 1px solid #000; border-bottom-width: 0; /* для ие6-7 чтобы избежать "непонятных" вертикальных отступов */ width: 100%; vertical-align: top; } .menu li.first-child { border-bottom: 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; } .menu li.last-child { border-bottom-width: 1px; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } .menu a { display: block; padding: 10px; } .menu li.active, .menu li:hover { background: #f00; } .menu li.active a, .menu li:hover a { color: #000; } </style> </head> <body> <ul class="menu"> <li class="first-child"><a href="#">link</a></li> <li><a href="#">link</a></li> <li class="active"><a href="#">link</a></li> <li><a href="#">link</a></li> <li class="last-child"><a href="#">link</a></li> </ul> </body> </html>

<ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav"> #menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f .topnav так понятно?

Ребят, набросайте ктонить код с бордер радиусом, плиз ну очень посмотреть хочется. Думаю вы увидите один не очень приятный сюрприз. задача вобщет решаема, но только ховер придеться прописывать не на линку, а на лишку. <ul> <a href="#"><li class="top"><span>Пункт 1</span></li></a> <a href="#"><li class="bb"><span>Пункт 1</span></li></a> <a href="#"><li class="bb"><span>Пункт 1</span></li></a> <a href="#"><li class="bb"><span>Пункт 1</span></li></a> <a href="#"><li class="bb"><span>Пункт 1</span></li></a> <a href="#"><li class="bottom"><span>Пункт 1</span></li></a> </span> </div> такого я еще и невидел

Я конечно зануда, поэтому буду краток Поздравляю.

можно так: <!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"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>nav</title> <style type="text/css"> #wrapper { width: 1000px; margin: 0 auto; } #wrapper:after { content: ''; display: block; clear: both; } #content { width: 750px; float: right; } #sidebar { width: 250px; float: left; } #sidebar h3 { margin: 0 0 20px -9999px; width: 100%; padding: 0 0 0 9999px; background: #ff0; position: relative; } #sidebar .menu { margin: 0; padding: 0; list-style: none; } #sidebar .menu li { width: 100%; vertical-align: top; } #sidebar .menu a { display: block; width: 100%; margin: 0 0 0 -9999px; padding: 0 0 0 9999px; background: #f0f; position: relative; } #sidebar .menu a:hover { background: #f00; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p>Lorem ipsum dolor sit amet consectetuer velit Curabitur Proin condimentum congue. Ipsum tortor congue lacinia ante sollicitudin hac urna tellus dignissim ligula. Consectetuer sapien ut Ut amet dictumst Phasellus ac sed montes Vestibulum. Sapien Nullam lobortis nisl Donec magnis quis sed quis libero id. Vestibulum sem semper ac condimentum.</p> </div> <div id="sidebar"> <h3>Heading</h3> <ul class="menu"> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> <li><a href="#">link</a></li> </ul> </div> </div> </body> </html>

$('.class').eq(0); $('.class:eq(0)');