Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 6 replies
- 5.5k views
Даже не для обсуждения Простая эмуляция position:fixed; Минимум html-кода и css, все без JavaScript. Фиксированные блоки на web-странице Но на вопросы, разумеется отвечу.
Last reply by gordi, -
- 9 replies
- 5.7k views
И вот мой вопрос: имеется блок плавающей ширины (%), в нем размещаются, блоки новинок (часто встречается на сайтах). Необходимо сделать, так, чтоб в зависимости от размера главного блока, добавлялись новинки. (если ширина главного блока недостаточна, то пропадали с экрана ) Какие есть возможные способы решения…….очень интересны варианты….
Last reply by ermoha, -
- 23 replies
- 8.1k views
Сижу, делаю себе в блокноте сайт, и понимаю что разобраться в коде становится все труднее Не хватает "лесенки" в коде, и прочих мелочей, делающих код читаемым. Подскажите онлайн-сервис или утилиту, которая может это сделать автоматически?
Last reply by Victor Ananiev, -
- 7 replies
- 4.5k views
Если можно, скиньте несколько толковых ссылок, посвященных верстке дивами. А то, говорят, что надо верстать дивами, а я по старинке табличной версткой занимаюсь.
Last reply by Игорь Ермаков, -
- 59 replies
- 44.8k views
Народ, сколько можно мучатся со старыми глючными браузерами, тратить свои нервы и время. Надоело уже плясать под дудку мелко-мягких и их тупых ослов. Понятно что много еще юзеров пользуют их глючные браузеры и с этим приходится считаться, но загружают то они наш код и кто как ни мы веб-мастера можем сообщить юзеру , что он не прав ,что пользуется таким старьем, что уже давно есть более новые и современные браузеры, а тот отстой что у них, уже давно не справляется с современными сайтами и вообще дать ему понять то что он «лох» и отстал от жизни. Я думаю это должно сподвигнуть его на то, чтобы установить новый обозреватель. Да и для веб-мастера это еще способ сообщить юзе…
Last reply by inverno, -
- 3 replies
- 3k views
кто знает как сделать overflow-y для всех браузеров а не токо для ИЕ)
Last reply by Nekromancer, -
- 8 replies
- 4.8k views
Добрый вечер. Интересно собрать ваши мнения. Зачем на сайте указывать стили для ссылок во время нажатия и посещенных ссылок? (visited, active) Возможно, на каких-либо сайтах с большим количеством контента visited и нужен. Напоминания ради (где был, где еще нет). На каких-то сайтах эти свойства будут излишними. В каких случаях и почему вы не прописываете свойство visited? И мне вообще непонятно зачем нужно свойство a:active. В чем удобство для пользователя? Ваши мнения...
Last reply by rash, -
Веб-дизайн
by Vlad- 23 replies
- 9.5k views
Термин «веб-дизайн» достаточно широко используется применительно к сайтам, однако если попытаться расшифровать это понятие, то окажется, что многие люди вкладывают в него разный смысл. Ниже я описал четыре разных подхода, которые используются при упоминании «веб-дизайн». 1. Веб-дизайн как совокупность веб-технологий HTML, CSS, верстка и т.д. 2. Веб-дизайн как искусство Способ самовыражения и представления своего таланта. Пример http://art.teleportacia.org 3. Веб-дизайн как оформление Набор средств по оформлению элементов веб-страниц с целью эстетического и удобного представления информации. 4. Веб-дизайн как один из способов достижения цели сайта Или правильнее сказать: …
Last reply by Искатель, -
- 7 replies
- 4.8k views
Можно ли как то обновлять отдельные элементы, например отдельный тег ДИВ... желательны варианты без использования фреймов и скриптов на стороне сервера.
Last reply by Nekromancer, -
- 8 replies
- 4.6k views
Доброго времени Требуется помощь, подсказка... Прикрепляю скрин для наглядности! При наведении мышки на поле 1, поле 2... поле n 'из него' должно выезжать поле, с графическими файлами, ссылками Подкиньте ссылку на готовое решение спс ps. в долгу не останусь, скажу спасибо
Last reply by Wind, -
- 2 replies
- 4.2k views
Итак, возникла необходимость, сопвпавшая с желанием, разобраться в CSS-expressions. Задача тривиальна — эмулировать hover для произвольного элемента. Чтобы не разводить кучу мелких файлов, решил все костыли для IE объединить в одном, и использовать expression, чтобы встроить JavaScript в CSS, который, в свою очередь, подключается через Conditional Comments. Выглядит это сейчас таким образом: hover: expression( function() { onmouseover = function() { className = "over"; } onmouseout = function() { className = ""; } }() ); Проблема очевидна — обработчики постоянно назначаются заново, при каждом чихе над страницей. Не тормозит в данном сл…
Last reply by rash, -
- 2 replies
- 3.5k views
Я нигде не нашёл сведений по этому поводу. Да, написано, что не рекомендуется повторять ключевые слова. Но меня интересует несколько иной аспект. Пример содержимого мета-тега keywords: Как следует поступать со словосочетанием: записать через пробел (как словосочетание), разбить на два слова (получатся просто два ключевых слова), или записать как в приведённом мною примере: и как словосочетание, и как два отдельных слова (записать сначала через пробел, а потом продублировать каждое слово через запятую). И второй вопрос. Пример: Есть ли смысл вбивать в keywords настоящий символ апострофа (не обыденный символ кавычки)? Если да, то есть ли смысл в дубляже (одно словосочетан…
Last reply by Vlad, -
- 12 replies
- 8.7k views
Пример словосочетания, которое нужно поместить в адресную строку: Пробел я заменил на символ подчёркивания. А как быть с апострофом? Записи Toms_book и Tom_s_book не устраивают...
Last reply by Dimitry Wolotko, -
Решил поискать вариант закругленных уголков, но без картинок или кучи вложенных тегов, т.е. на javascript. Для использования на полупрозрачных дивах с неоднородным бэком. Ну и вес желательно поменьше . Но как-то все грустновато выходит - толкового варианта так и не нашел. Все варианты не доделанные . Rounded corners - небольшой вес, но известная проблема - под закругленными уголками лежат квадратные , с неоднородным бэком не прокатит. Jquery corner - две библиотеки, да и таже проблема что и выше. Nifty Corners, Nifty Corners Cube - оба варианта не поддерживают бэк, только установка цвета, точно размер скругления задать нельзя. ShadedBorder - небольшой вес, куча возможност…
Last reply by Glebr, -
- 5 replies
- 4k views
Цель: Получение возможности произвольной ширины поля label для сайтов поддерживающих множество языков. Названия полей на разных языках как правило имеют разную длинну. Задача: Кроссбрр. сверствать поля форм таким образом, что бы при увеличении текста (label) в длинну, поле переносилось со строчки (на которой стоит вместе с текстом) на строчку ниже сохраняя при этом свой отступ, а текст при этом продолжался без переноса. <html> <head> <title></title> <style> form { padding: 0; margin: 0; } .row { zoom: 1; padding: 0 0 1.2em 3em; margin: 0; } .row:after { content: ''; display: block; clear: left; height: 0; } .label { position: relati…
Last reply by s0rr0w, -
- 5 replies
- 3.9k views
Уважаемые знатоки, подскажите пожалуйста: есть ли прок (с точки зрения SEO) от прописывания title-ов ссылкам в выпадающем меню? С моей точки зрения, всплывающие подсказки там юзеру только мешают (навел на одну ссылку - выскочили две надписи, к тому же некликабельная наехала на кликабельную и приходится ждать лишнюю секунду, пока она пропадет). Но вчера меня пытались убедить, что для SEO это здорово, притом убеждали тупо продублировать в title текст самой ссылки (т.е. наводит юзер на ссылку "Новости", а сайт как бы говорит: "Там действительно новости, честно, мамой сервера клянусь!". Бегло погуглив, нашел несколько упоминаний о том, что адекватные осмысленные title-ы с клю…
Last reply by Vlad, -
- 6 replies
- 4k views
Интересно как это сделано без перечеркнутых элеменов на практике? Читаем теорию. Ключевое слово: inline-block;
Last reply by homm, -
Кодерам на заметку <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Select power</title> <style type="text/css"> select { width: 70px; } select option { display: inline; } </style> </head> <body> <div> <label> Записей на страницу <select> <option>10</option> <option>25</option> <option>50</option> <option>100</option> <option>10 000</option> <option>100 000</option> </select> </label> </div> </body> </html>
Last reply by s0rr0w, -
- 3 replies
- 2.2k views
Здраствуйте может повторюсь-у меня сайт там флеш плееры и видео флеш, нужно чтобы IE ры не выводили это сообщение"запуск активного содержимого и нажмите мол" а сразу врубал флеш -скрипт или чего нибудь.Весь инет перерыл...Спасибо
Last reply by sertu, -
- 10 replies
- 3.7k views
— Нужно учитывать каждую мелочь. Давайте обсудим! Форум или форумы? Лично я считаю, что правильно надо писать форумы. Кстати, эта ошибка (как я уже написал — на мой взгляд, я считаю это ошибкой) присутствует и на Вашем сайте. Для начинающих — это один форум. HTML — второй форум. CSS — ещё один форум. Обсуждение работ — ещё форум... Итого, у Вас 19 форумов. А Вы всё это множество форумов обозвали словом в единственном числе — форум. Правильно ж рассуждаю? Как лучше писать на форумах чей-либо ник? Лично я делаю его полужирным. Но вот недавно шарился в сети: довольно часто встречается запись вида @ник. То есть, перед ником впритык подписывают символ @. Но меня смущает вот ч…
Last reply by MoLoToK, -
- 11 replies
- 8.1k views
Мне интересно как повлияет на индексацию то что сайт одностраничный, всмысле есть файлик index.php(шаблон) и в него потом в зависимости от урла будут инклудиться другие файлы(страницы)
Last reply by vvsh, -
Кто как считает, какую цмс лучше использовать для инернет магазина??? может лучше свою писать?
Last reply by Dimitry Wolotko, -
- 6 replies
- 7.7k views
Не работает min-height в Mozilla Firefox 3.0.3(Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3) Проверял по такому коду: <!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>Block</title> <style> * { margin:0; padding:0; } html, body { position:relative; min-height:100%; } .www { min-height:100%; width:100%; background-color:#fee; } </style> </head> <body> <div class="www"&g…
Last reply by SelenIT, -
- 5 replies
- 6.1k views
Доброго времени суток! не знаю кому как, но по-моему задачки не тривиальны: - можно ли переместить горизонтальный скроллбар блочного элемента снизу - наверх, - в середину этого элемента? - можно ли создать дополнительный горизонтальный скроллбар блочного элемента - сверху, - в середине этого элемента? нашел как сравнительно легко перемещать скроллбар справа налево, а вот снизу вверх... Заранее спасибо за ответы.
Last reply by Emm, -
- 2 replies
- 2.8k views
Прихожу к мысли (и это нормально), что Писать код я худо-бедно научился, в том смысле, что могу реализовать логику приложения. Но вот в случае когда что-то в логике пойдет не так (порграмма не найдет необходимый файл, не подключится к БД и т.п.) всё летит в тар-тарары бизнес классом! Моя проблема в том, что я не знаю когда, где ловить ошибки. Попробую пояснить на примере: class Connection{ private $connect_db = null; public function __construct() { if (!$this->connect_db) $this->connect_db = $this->set_connect_db(); } public function get_connect_db() return $this->connect_db; private function set_connect_db() return new PDO('mysql:hos…
Last reply by Bolmazov,
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-