Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 7 replies
- 4.8k views
Можно ли как то обновлять отдельные элементы, например отдельный тег ДИВ... желательны варианты без использования фреймов и скриптов на стороне сервера.
Last reply by Nekromancer, -
- 33 replies
- 10.6k views
Появился такой вопрос.. какая разница, какой регистратор домена? Сейчас многие крупные компании предлагают регистрацию доменов по 500 - 600 рублей, а есть те, которые предлагают по 100 - 150 рублей. Вот я и думаю, есть ли хоть какой-то риск "попасть", если регить у более дешевых? Спасибо.
Last reply by moofx, -
- 12 replies
- 8.7k views
Пример словосочетания, которое нужно поместить в адресную строку: Пробел я заменил на символ подчёркивания. А как быть с апострофом? Записи Toms_book и Tom_s_book не устраивают...
Last reply by Dimitry Wolotko, -
- 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, -
- 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, -
- 16 replies
- 7.1k views
Верстка на осноке техники float в последнне време приелась Попробовал решить проблему иллюзии одинаковой высоты колонок с помощью абсолютного позиционирования. Может кому и пригодится Обратите внимание на минимум html-кода и стилей. А также отсуствие индивидуальных стилевых правил для разных браузеров. К сожалению проблема footer-а остается, увы... Линк: Верстаем без float
Last reply by SelenIT, -
- 5 replies
- 6.1k views
Доброго времени суток! не знаю кому как, но по-моему задачки не тривиальны: - можно ли переместить горизонтальный скроллбар блочного элемента снизу - наверх, - в середину этого элемента? - можно ли создать дополнительный горизонтальный скроллбар блочного элемента - сверху, - в середине этого элемента? нашел как сравнительно легко перемещать скроллбар справа налево, а вот снизу вверх... Заранее спасибо за ответы.
Last reply by Emm, -
Кто как считает, какую цмс лучше использовать для инернет магазина??? может лучше свою писать?
Last reply by Dimitry Wolotko, -
- 6 replies
- 4.5k views
Предположим есть три страницы на сайте. Первая - это главная страница сайта. С первой страницы идет ссылка на вторую страницу. В этом случае поисковая система найдет вторую страницу потому, что есть ссылка с главной страницы. Но есть еще третяя страница, на которую нет никаких ссылок ни с первой ни со второй страницы. Найдет ли поисковая система третюю страницу? Заранее спасибо
Last reply by вебмастер, -
- 8 replies
- 5.9k views
приветствую. время от времени я слышу все новые и новые правила написания кода под SEO. я хотел б поинтересоваться... может кто скинет ссылочку... на статейку.. где описаны стандартные правила для написания "SEO-валидного" кода. зы: хотелось увидеть именно статейки.. а не линки на форумы
Last reply by freeneutron, -
- 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, -
- 15 replies
- 5.9k views
Итак, случилась в студии беда - очень умный заказчик захотел офлайн версию сайта для CD-презентации. Проблема заключалась в том, что некоторые разделы должны были вести на сайт, а некоторые на офлайн версию. Мы люди ленивые, мы любим поисковики ... долгое время помучавшись с бывшим любимцем Teleport Pro понял что теперь это не вариант. В тяжелых поисках отыскал вот такую шароварную програмку - WebCopier Pro. Из плюсов - поддержка русского интерфейса, фильтры URL с масками ввода и еще пара мелочей. Кряк найти можно. Всем советую
Last reply by Stan, -
- 10 replies
- 3.7k views
— Нужно учитывать каждую мелочь. Давайте обсудим! Форум или форумы? Лично я считаю, что правильно надо писать форумы. Кстати, эта ошибка (как я уже написал — на мой взгляд, я считаю это ошибкой) присутствует и на Вашем сайте. Для начинающих — это один форум. HTML — второй форум. CSS — ещё один форум. Обсуждение работ — ещё форум... Итого, у Вас 19 форумов. А Вы всё это множество форумов обозвали словом в единственном числе — форум. Правильно ж рассуждаю? Как лучше писать на форумах чей-либо ник? Лично я делаю его полужирным. Но вот недавно шарился в сети: довольно часто встречается запись вида @ник. То есть, перед ником впритык подписывают символ @. Но меня смущает вот ч…
Last reply by MoLoToK, -
- 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, -
- 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, -
- 5 replies
- 2.5k views
Многие дизайнеры веб-сайтов используют скачанный клипарт с сайтов. Меньшее количество людей рисуют все свое, добиваясь оригинальности. А как Вы поступаете в данной ситуации. Например для того же хедера сайта. Если Вам необходима эффектная картинка вы ее качаете с различных тематических сайтов или же берете фотокамеру и занимаетесь фотосессией? Так же обстоит дело и с тем же вектором. Как Вы добиваетесь креатива в дизайне? Возможно качаете 3D модели, затем редактируете их? Так что же все таки сейчас чаще встречается - Скачка или креатив? Какими методами пользуетесь Вы?
Last reply by tonik_spb, -
- 5 replies
- 2.5k views
Пишу код на PHP. На страницах по пять includ'ов. Возникает вопрос конфликта переменных. Как вы решаете эту проблему?
Last reply by Bolmazov, -
- 8 replies
- 3.4k views
При одновременной с несколькими таблицами множатся такие переменные как: $result = mysql_query(... $numrows = mysql_num_rows(... $row[... и т.п. Выходов безусловно множество: 1. оставить как есть 2. написать класс table имеющий свойства result , numrows, row, и т.п. 3. исходя сх своих потребностей и структуры БД сайта написать класс работы с конкретной БД Думаю, что второй способ лучше. 1.Но как думаете и делаете вы в этом случае? 2. Используете ли что-то из PEAR? Если да, то что и в каких объемах (в каких случаях)?
Last reply by xPoint, -
- 11 replies
- 3.7k views
Заранее извиняюсь, если тему создал не там, но с другой стороны, где ж ее и создавать, как не в разделе "теория". Вкратце суть. Возможно ли с помощью математических функций, встроенных в html-теги нарисовать кривую? Возможно для этого потребуется встроить в html какую-нибудь программу, которая читает эти функции. Спросите, для чего все эти заморочки? А вот представьте: даже если простую волнистую линию (sin x) шириной 1-2px сдублировать на весь фон с определенным расстоянием, то будет великолепный фон. Но главное, он будет весить, несмотря на громоздкость кода, в разы меньше, чем сдублированная картинка. А ведь можно матметодом любую функцию описать, с совершенно невероят…
Last reply by Vlad, -
- 7 replies
- 4.5k views
Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.
Last reply by Boris.d, -
- 5 replies
- 4.2k views
Уфф... на сайте htmlbook не написано, как сделать табличку красивую с примерами. Еле код вылазил нужный. Хочу поделится. index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Хорошая табличка!</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="StyleSheet" type="text/css" href="style.css"> </head> <body> <table border="0" align="left"><tr><td> <p class="exampleTitle"><!-- Ну то что там было допустим "Пример 1. Начальный код документа" Заголовок таблицы как-бы --></p> <p class="example"><!-- Содержимое …
Last reply by sandro-css,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-