Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 25 replies
- 9.3k views
Сейчас большинство дизайнов оптимизируется под разрешение 1024х768. При этом часть из них далется статичными по ширине, часть "резиновыми". Но даже "резиновый" дизайн не спасет, если пользователь дотягивает до отметки 1600х1200 и более (знаю, что по статистике таких пока не много, но это пока). Представим ситуацию, что завтра все пользователи мира вдруг перешли на большое разрешение (болеше тех же самых 1600х1200). И практически на всех сайтах картинки и текст стали очень мелкими, да и вообще весь сайт превратился в маленький квадратик в центре браузера. Большинство пользователей не поймут что произошло и уйдут с сайта (а я в этом абсолютно уверен). НО! В современных брау…
Last reply by Justnewone, -
- 12 replies
- 8.8k views
Пример словосочетания, которое нужно поместить в адресную строку: Пробел я заменил на символ подчёркивания. А как быть с апострофом? Записи Toms_book и Tom_s_book не устраивают...
Last reply by Dimitry Wolotko, -
- 17 replies
- 8.8k views
Возможно оффтоп, но может кто-то поможет.. проблема такая.. где чего надо в настройках Дримвивера выставить, чтобы при автоотступах он не вставлял свои ТАбы, которые в исходникак потом получаются длиннее чем при редактировании, а вставлял просто пробелы.. Заманался я уже.. пока пишешь в Дриме.. с форматированием все ОК, как-только открываешь этот файлик в чем-нить типа Блокнота.. там все форматирование перекосячено..
Last reply by yopopt, -
- 9 replies
- 8.5k views
Кто как проверяет свою в?рстку под разные разрешения монитора? Меняете разрешение или проги есть какие?
Last reply by Marlik, -
- 21 replies
- 8.4k views
вот адрес реклама в опере только видна или Сафари при включеном JS Вот! Обратите внимание на салатовый текст кто решит задачку тот гений и вероятно первооткрыватель
Last reply by s0rr0w, -
- 14 replies
- 8.3k views
Здравствуйте. Возникла необходимость использовать anti-aliasing для шрифта при верстке сайта. Дизайнер в фотошопе использовал сглаживание шрифтов и теперь заказчик требует точного совпадения шрифта на сайте. Возможно ли какое-то решение в этом случае?
Last reply by Searcher, -
- 23 replies
- 8.3k views
Сижу, делаю себе в блокноте сайт, и понимаю что разобраться в коде становится все труднее Не хватает "лесенки" в коде, и прочих мелочей, делающих код читаемым. Подскажите онлайн-сервис или утилиту, которая может это сделать автоматически?
Last reply by Victor Ananiev, -
- 22 replies
- 8.2k views
Давно хотел поинтересоваться. Думаю, что здесь самое место моему вопросу. На чем основана листалка выдачи Яндекса или того же Гугла комбинацией клавишь Alt + ->, когда список результатов занимает более одной страницы? То есть получается такой эффект, как если бы мы по порядку просмотрели все страницы результата и вернулись бы обратно к первой с помощью комбинации Alt + <-, создав тем самым очередь по которой можно двигаться вперед комбинацией Alt + ->. Все это работает с отключенным JavaScript. То есть, по сути по нажатии комбинации Alt + ->, браузер (в моем случае Опера) с помощь неведомого механизма отсылает нас на следующую станицу результатов запроса.
Last reply by s0rr0w, -
- 15 replies
- 8.2k views
Как лучше деактивировать ссылку, пока пользователь находится по адресу той самой ссылки. Хотелось бы, чтобы ссылки и с поисковиками дружили и легко вводились. Например: я на главной странице сайта, ссылка - "На главную", заменяется на обычный текст. Перехожу на другие страницы, ссылка снова в работе. Есть ли оптимальные варианты кроме PHP? Дело в том что я работаю с движком DLE, а там, просто так в шаблон PHP не встроить.
Last reply by Ялекс, -
- 11 replies
- 8.2k views
Мне интересно как повлияет на индексацию то что сайт одностраничный, всмысле есть файлик index.php(шаблон) и в него потом в зависимости от урла будут инклудиться другие файлы(страницы)
Last reply by vvsh, -
- 9 replies
- 8.2k views
Госопда! СРОЧНО нужен хелп по вопросу отображения фавайкона, который категорически отказывается отображаться у меня в IE, при этом отображаясь в Опере и файрфоксе. Объект - _http://www.placon.ru Там я и так, и эдак прописывал, и по аналогии с Я, и с другими сайтами, никак не могу понять почему ксплореру не нравится ... подскажите как ЗАСТАВИТЬ фавайкон отображаться везде. Заранее благодарю
Last reply by Mil-ast, -
- 20 replies
- 8.2k views
Ребятушки, подскажите пожалуйста на каком хостинге можно разместиться в зоне RU!обязательное требование чтоб он не слетал не вис и не делал прочих гадостей))) НО чтоб он был как можно дешевле или бесплатным)сайт сделан на денвере PHP SQL, java
Last reply by hf3, -
- 14 replies
- 8.2k views
Собственно сабж. Теоретически, если Unicode шрифты в системе не кастрированные, то оно и так нормально выводится, но ни один Windows-шрифт работать и корректно отображать шрифт Брайля не захотел. Выводить картинками - не хочется. Флеш в данном случае использовать тоже нет особо желания. Или каждый символ делать слоем с точками? Есть какие-нибудь мысли? PS - заставлять пользователя подгружать скрипты дело хоть и не хлопотное, но не хочу.
Last reply by Dimitry Wolotko, -
- 14 replies
- 8k views
Есть следующая задача... Поисковая форма, в которой есть несколько блоков с всевозможными инпутами, селектами и прочим. Если пользователь заполняет хоть что-то в одном из инпутов любого блока, то нужно автоматически дизейблить все оставшиеся блоки. Возврат в начальное состояние всех форм блока энейблит блоки. Есть кнопка "очистить", которая очищает все инпуты, и энейблит все блоки. Кнопка "отправить" отправляет данные только того блока, который активный в данный момент времени. Кто каким образом решал бы?
Last reply by s0rr0w, -
- 12 replies
- 8k views
<div style="position:absolute; right=10; bottom=10"><table boder=0 background=graph/transparent.png> <tr><td> <font face=arial size=-2 color=aaaaaa>.:: Sp@m design :: 2007 :: Magistr code ::.</font> </td></tr> </table></div> </body> ну, дык, вот... надо было, чтоб это отображалось в нижнем правом углу браузера... в ИЕ вс? норм, а в ФФ, как ни странно, не работает (как будто, там нет style="position:absolute; right=10; bottom=10")
Last reply by Emm, -
- 9 replies
- 7.9k views
Здравствуйте, интересует вопрос: "Как рассчитать стоимость верстки?" Хотелось бы получить исчерпающий ответ на вопрос. Сколько стоит верстка таблицами и слоями, смешаная? Верстка под CMS или просто html-страничка? Также очень интересно почитать о стоимости, так сказать, "переверстки", т.к. часто обращаються и просять почистить, улушить код. От каких цифр отталкиваться, чем аргументировать цену для заказчика? Заранее благодарен.
Last reply by Lionel, -
- 7 replies
- 7.9k views
Опять прошу у вас совета: есть функция печати новости (Пример: http://site.ru/2008/04/02/имя новости.html) и есть Denver 3 - при третьем типе ЧПУ (http://site.ru/2008/04/02/имя новости.html) всё нормально, но при других (http://site.ru/print:dle-rules-page.html) выводится сообщение "Forbidden You don't have permission to access /print:dle-rules-page.html on this server. Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request." Возможно ли это исправить?
Last reply by Veseloff, -
- 1 reply
- 7.8k views
Ознакомиться с уроками можно по адресу htmlmaster.info
Last reply by Justnewone, -
- 11 replies
- 7.8k views
ну, раз в соседних темах пошла колбаса про htaccess.. выложу пожалуй свой конфиг так сказать <IfModule mod_headers.c> Header append Vary User-Agent RewriteCond %{HTTP:Accept-encoding} gzip # мы знаем GZIP! RewriteCond %{HTTP_USER_AGENT} !Safari # и мы не Safari - у него аллергия RewriteCond %{HTTP_USER_AGENT} !Konqueror # и не Konqueror - у него тоже RewriteRule ^(.*)\.(css|js)(\?.+)?$ $1.$2.gz$3 [QSA,L] <FilesMatch .*\.js.gz(\?.+)?$> ForceType text/javascript Header set Content-Encoding: gzip Header set Cache-control: private </FilesMatch> <FilesMatch .*\.css.gz(\?.+)?$> ForceType text/css Header set Content-Encoding: gzip Header s…
Last reply by Dimitry Wolotko, -
- 12 replies
- 7.8k views
Недавно столкнулся с одной очень интересной (и не очевидной) проблемой. Мне по работе надо было сверстать сайт где дизайнером был предусмотрен огромный (шириной 2000px) бекграунд. Идея дизайнера такова - мы кладем этот бек на <body> и выравниваем по середине (background-position: 50% 0;), при ресайзе окна бекграунд будет все время оставаться на месте (по центру). "Ничего сложного", подумал я и наткнулся на неожиданное поведение "нормальных" браузеров. Минимальная ширина сайта была 950px и пока окно не становилось меньше все было отлично. Но, как только я делал окно меньше 950 пикселей бекграунд начинал смещаться относительно моего wrapper'а (и правильно делал, ведь …
Last reply by Great Rash, -
- 4 replies
- 7.7k views
Небольшое предисловие: В компании, где я работаю, строго запрещено иметь нелицензионный софт, поэтому иногда приходится извращаться. Если вы ярый сторонник торрентов, то можете смело проходить мимо, ибо для вас всё сильно проще. А остальным я предлагаю решение, которое я гуглил месяцами, но все равно не нашел ничего похожего. Наткнулся я на него совершенно случайно. Итак погнали... Задача: сгенерировать иконочный шрифт из макета, который нам отдали в PSD. Что нам понадобится: 1) Photoshop (думаю версия не имеет значения, например у меня CS5) 2) Inkscape (опенсорсный векторный редактор) 3) Любой текстовый редактор (у меня Sublime Text 2) 4) https://cloudconvert.org - са…
Last reply by Great Rash, -
- 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, -
- 10 replies
- 7.7k views
Будьте добры, пролейте свет на ситуацию... Верстая страницу, размер текста установил однозначно через стили и атрибут font-size . В браузере IE масштабирование текста прекратилось (Ctrl+прокрутка), но firefox попрежнему жестко не держит размер текста. Подскажите что нужно сделать, чтобы комбинация (Ctrl+прокрутка) не работала в firefox?
Last reply by Fu-tai, -
- 16 replies
- 7.6k views
Кто может подсказать грамотное решение для оперативного конвертирования документа word в html?
Last reply by Maslakoff, -
- 21 replies
- 7.5k views
Ребят, мой форум на бесплатном хостинге... ну вы наверное знаете, что там готовые шаблоны сайта, а так же модулей. Пользователи все уши мне прожужжали, чтоб я как-то переделала глюк, который происходит при ответе с цитированием (на некоторых форумах я тоже встречала такое неудобство), там в ответ с цитатой вкладывается еще и предыдущий ответ... Если у вас есть варианты решения и избавления от этой проблемы, то очень здорово мне поможете! *У меня есть скрипт шаблона (который можно бы отредактировать), но он довольно длинный и я не знаю, можно ли его сюда вставить?
Last reply by Sunny,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-