|
Внимание! Теперь для входа на форум необходимо вводить единый пароль регистрации сервисов sibnet.ru!
Здравствуйте, гость ( Вход | Регистрация )
Сейчас обсуждают
 
| |
|
|
Web-мелочи, Обмен опытом по конкретным проблемам web-дизайна |
|
|
And(R)ey |
7.4.2009, 19:45
|
Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633
|
Чур меня... не говорите глупостей.
Чем семантика мешает оформлению? С каких пор мы баги считаем спецификацией?
Если следовать вашей логике, то вариант dima75 (<td class=knopka>Тут текст кнопки</td>) ни чем не хуже вашего. Работать будет? будет, что еще надо. Нам же надо, чтобы элементы использовались по своему назначению. "A" предназначен для ссылок. При событии onclick, если не произошло ошибок, должен произойти переход на другую страницу. onclick="doingfoo();return false;" говорит браузеру о том, что произошла ошибка и переходить никуда не надо. Кнопка же позволяет нам произвести какие-нибудь манипуляции и оставить страницу не пугая браузер лишним "return false"
Насколько нам известно, уже вышел IE8 и он нормально обрабатывает псевдо-классы и прочее.
Даже когда ie7 только вышел, существовало много других браузеров (заметьте, не альтернативных). firefox, opera, safari... потом еще chrome Что-то мне подсказывает, что разработчики этих браузеров опираются на спецификации, а не на ошибки MS. Через пару лет ие6 уйдет и что? человек, следуя вашим советам, останется без работы (нет ie6. браузеры рендерят страницы нормально. что делать??)
>"ИЕ6 до недавнего времени был основным браузером, и то что он обрабатывает :hover для a и a img это уже спецификация." И после этих слов вы будете рассуждать о кроссбраузерности?
> "Семантика в HTML для сайтов с оформлением аля w3c.org." Вы расписались в своей беспомощности.
> "что бы не использовать никаких хаков и отдельных стилей. " чего вы там говорили о доминировании ie6? а вы не забыли о том, что он некорректно высчитывает размеры элементов? или кроме пользователей этого злосчастного браузера вы ни о ком не думаете? или вы без хаков и без отдельных стилей можете сверстать дизайн любой сложности? такова жизнь, что либо вы верстаете сайты с простенькой 100-рублевой версткой, либо используете хаки/отдельные стили. Ибо без использования каких-либо хаков добиться одинакового отображения мало мальски сложной страницы в ie6 и нормальных браузерах нельзя. Сравнить даже с ie8, без режима совместимости (и без meta-тега который его включает независимо от желания пользователя).
> "с оформлением аля w3c.org." Чем вам w3c не угодил? для этого сайта другого оформления и не надо. Информацию легко найти? легко Текст легко читается? легко Что еще надо? Или вам нужен дом2ру на сайте со спецификациями?
Сообщение отредактировал And(R)ey - 7.4.2009, 19:53
|
|
|
|
Emerald_ILYA |
2.5.2009, 22:10
|
Болтун
Группа: Sibnet-club
Сообщений: 566
Регистрация: 27.1.2008
Пользователь №: 18 340
Репутация: 123
|
Здравствуйте. Помогите пожалуйста, не хочу тему открывать новую. Как сделать вертикальное меню, которое бы открывалось как спойлер. Или иначе говоря, как в проводнике папки открваются. Что бы при нажатии открывалось меню, без перезагрузки страницы. Т.е: Меню закрыто: Код +Главная
Меню открыто: Код -Главная Услуги Контакты О нас
|
|
|
|
And(R)ey |
3.5.2009, 11:56
|
Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633
|
Накидал на скорую руку: » Спойлер (нажмите, чтобы прочесть) « Код <script> function toggle(obj) { if(obj.parentNode.className == "opened") { obj.parentNode.className = ""; obj.innerHTML = "+"; } else { obj.parentNode.className = "opened"; obj.innerHTML = "-"; } } </script> <style> #menu li { margin-left: 14px;} #menu li ul {display:none;} #menu li.opened ul {display:block;} #menu, #menu ul { list-style: none; } #menu .node { cursor: pointer; float:left; margin-left: -14px; text-align: center; width:14px;} </style> <ul id="menu"> <li>Главная</li> <li class="opened"><div class="node" onclick="toggle(this);">-</div>Услуги <ul> <li>Делаем то</li> <li>Предоставляем это</li> </ul> </li> <li>Контактная информация</li> <li><div class="node" onclick="toggle(this);">+</div>О нас <ul> <li>История компании</li> <li>Партнеры</li> <li>Почему мы лучше всех</li> </ul> </li> </ul> Принцип понятен? Сообщение отредактировал And(R)ey - 3.5.2009, 11:58
|
|
|
|
And(R)ey |
3.5.2009, 20:47
|
Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633
|
можешь каждый раз менять картинку юзая innerHTML, можешь менять аттрибут src у картинки, можешь диву на фон картинку "+-" поставить и двигать его по-вертикали/по-горизонтали. Это как тебе покажется логичнее) Я бы фон двигал. Например: Код #menu .node { background url(image.gif); width: 10px; height:10px;} #menu .opened .node { background-position: 0 -10px;} тогда toggle сократится до Код function toggle(obj) { if(obj.parentNode.className == "opened") obj.parentNode.className = ""; else obj.parentNode.className = "opened"; } Сообщение отредактировал And(R)ey - 3.5.2009, 20:49
|
|
|
|
And(R)ey |
6.5.2009, 10:04
|
Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633
|
как вариант: слева картинка, справа картинка, а под ними фон. Цитата(Emerald_ILYA @ 6.5.2009, 7:40) Т.е. во всех разрешениях экрана у меня страница (табличный шаблон) будет отображаться везде одинакого, т.к. я выставлю процентное соотношение ширины и высоты. Т.е. если пользователь растягивает окно по-вертикали, дабы больше влезло, то шапка растёт вместе с окном? О.о
|
|
|
|
Emerald_ILYA |
6.5.2009, 22:32
|
Болтун
Группа: Sibnet-club
Сообщений: 566
Регистрация: 27.1.2008
Пользователь №: 18 340
Репутация: 123
|
Цитата((-=Dargin=-) @ 6.5.2009, 12:40) Полная резинка давно не в моде, у меня например широкоформатник и твой сайт буде выглядеть ужасно и нечитаемо.
Спасибо за практический Цитата((-=Dargin=-) @ 6.5.2009, 12:40) Полная резинка давно не в моде, у меня например широкоформатник и твой сайт буде выглядеть ужасно и нечитаемо.
Спасибо за практический совет. Подскажите пожалуйста, а для чего и зачем на многих сайтах разбивают картинки в таблицах ?! вот я этого вообще никак не разумею.... Ну зачем одну картинку, которая идёт по горизонтали разбивать на 3-4 ????
|
|
|
|
(-=Dargin=-) |
7.5.2009, 2:01
|
.
Группа: Пользователи
Сообщений: 471
Регистрация: 8.12.2007
Из: Барнаула
Пользователь №: 12 820
Репутация: 43
|
Эх вы молодежь была во времена диалапа такая легенда, что несколько маленьких картинок скачаются быстрее чем 1 большая, я и сам в это верил. Разбивать нужно только тогда, когда эти картинки будут весить меньше, чем 1 в сумме. Это может быть, когда 1 можно пустить фоном или использовать разные форматы и их особенности по количеству цветов, размеру и компрессии.
|
|
|
|
Emerald_ILYA |
7.5.2009, 6:37
|
Болтун
Группа: Sibnet-club
Сообщений: 566
Регистрация: 27.1.2008
Пользователь №: 18 340
Репутация: 123
|
Спасибо всем! Узнал бы это до сна, спал бы ещё крепче Цитата(JiLiZART @ 7.5.2009, 2:45) Да и с таблицами сайт будет грузится в 2 раза дольше т.к обьём кода гораздо больше.
А что посоветуете, дизайн реализовывать в таблицах или на CSS ? И как лучше оформлять CSS, в самой странице или отдельным файлом?
|
|
|
|
And(R)ey |
7.5.2009, 11:37
|
Группа: Sibnet-club
Сообщений: 3 989
Регистрация: 10.8.2007
Из: Бийск
Пользователь №: 3 633
|
Браузер посылает столько потоков, сколько ему позволили. У меня огнелис одновременно выкачивает 9 файлов. Таблицы нужны только для отображения табличных данных (календари, форумы таковыми не являются). Здесь кроме семантики ещё одна проблема: старые IE (может и новые болеют этим, не проверял) отображают таблицу только после полной загрузки её структуры. Это замедлит рендеринг. И таблицы накладывают больше ограничений. а уменьшение объема кода.. Код <table cellspaccing="0" cellpadding="0"> <tr> <td width="150"></td> <td></td> </tr> </table> 99 байт Код <div id="contentwrapper"> <div id="navigation"></div> <div id="content"></div> </div> 88 байт на всю страницу ну максимум 2-4Кб... так что это... не важный фактор. Но повторю: таблицам верстать не учись.. переделывать старое без необходимости не надо, но и новое верстать глядя на сорцы design.ru не надо. Цитата ..все перешли на дивы да и дивы потихоньку уходят в прошлое. О.о А что приходит на смену дивам? Сообщение отредактировал And(R)ey - 7.5.2009, 11:44
|
|
|
|
|
|
1 чел. просматривают этот форум (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|