Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
Скажите - кто какой прогой рисует баннеры GIF? В фотошопе не получается написать на баннере текст. На таком маленьком размере 88х31 текст становиться нечитаемым. Как зделать ч?ткий текст?
Last reply by eniken, -
- 55 replies
- 22.5k views
Поговорим про моду. Мода бывает на одежду, на автомобили, на все что угодно. Веб-технологии не исключение. Сегодня царит мода на фремворки. Они рождаются как грибы после дождя. Каждый стремится сделать что-то эдакое, чего не делал до него никто, но по сути они все одинаковы. На форумах разгораются священные войны относительно того, какой из фреймворков лучше, удобнее, быстрее, компактнее. Тонны флуда генерируются каждый день, увлекая за собой все больше и больше людей. Люди носятся с фреймворками как курицы с яйцом. А теперь немного холодного душа. Давайте посмотрим на все со стороны. Мы слышим лозунг "Делай больше, пиши меньше". Казалось бы, полезное изречение. Но на д…
Last reply by s0rr0w, -
- 7 replies
- 4.5k views
Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.
Last reply by Boris.d, -
- 27 replies
- 28.4k views
Копался в файликах с полезными решениями, которые я для себя сохраняю и наткнулся на интересную разработку (почти что собственного приготовления) Довольно часто, при верстке "резиновой" странички, возникает необходимость выровнять список со ссылками (допустим меню) по ширине. Казалось бы без таблиц тут никак не обойтись... Однако, около месяца назад (когда кто-то на форуме озадачился этой проблемой) я придумал довольно простое кроссбраузерное решение без использования таблиц. Без лишних слов привожу код: <!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:la…
Last reply by SelenIT, -
- 32 replies
- 17k views
Вот, нашел такой вот браузер, Amaya называется!:| Создали его ребята из W3С похоже задолбались ругаться с мракософтом и остальными!!!! :) Юзать в качестве основного не советую, посколку разочарунтесь и в браузере (слишком навороченный инструментами) и в страницах веб мастеров с громким именем (яндекс кладет на лопатки с пол-пинка, смотреть жутковато!!!) :mad::/ Но в качестве проверки себя на соответствие вполне пригодная вещь. Посмотреть сие чудо техники мона здесь http://www.w3.org/Amaya/User/BinDist.html Что скажете господа присяжные и заседали?
Last reply by Иван Шумов, -
- 6 replies
- 9.2k views
На субдомене установлены движки os Commerce , а затем и dle, браузеры видят их только если после адреса прописано имя файла /index.php (или /install.php, например), иначе пишут ошибку 404 - "The requested URL /home/bestsafa/domains/bestsafari.org/public_html/index.php was not found on this server. Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request." Как видно, они пытаются найти его не по прописанному в браузере адресу public_html/sub.domain/ , а в public_html/ , где его, естественно нет Через некоторое время, а скорее всего после установки аналогичного движка на другой субдомен сайта, на этом субдомене стало вс…
Last reply by WalterG, -
- 18 replies
- 4.5k views
Не знаю обсуждалось или нет... Проблема в том, что шаблоны, которые я делаю, по-разному отображаются в различных браузерах... Никак не могу воткнуть в ч?м причина((( Помогите, а)
Last reply by Vantoose, -
- 13 replies
- 5.5k views
Приветствую, Вас, жители сего форума. Мне вот стало интересно - под какие браузеры мы верстаем странички и под каким стандартом? Если быть точнее - в каких браузерах вы проверяете сделанную работу. Так же стало интересно, с выходом каждой новой версии браузера, поднимается ли стоимость верстки ориентируясь на его поддержку. Да и вообще, сколько на сей день стоит верстка среднего по сложности проекта(1 топовая страница + 2 внутрених) под все распрастраненные браузеры. Приведу список браузеров: - Internet Explorer 6 - Internet Explorer 7 - Internet Explorer 8 (beta) - FireFox 2 - FireFox 3 - Opera 9.2 - Opera 9.5 - Safari 3 for Windows Вроде никого не забыл. В общем есть п…
Last reply by Old Nick, -
- 6 replies
- 3.2k views
подскажите, пожалуйста, в какое место, в какую папку на веб-сервере нужно положить файл в формате jpg, чтобы он отображался на сайте? И как указать к нему путь? тег для размещения изображения я написала, но нигде не могу найти как написать путь к файлу, и куда разместить сам файл. Сервер у нас - Томкад, ОС - Виндоус Пробовала ложить его в разные папочки и указывать полный путь, но пока что картинка не отбразилась.
Last reply by Dimitry Wolotko, -
- 1 reply
- 3k views
Фавикон, кроме того что он помогает выделиться (а также запомниться) в списке Yandex, и других поисковиков помогает еще и в поднятии SEO сайта; т.к. сам по себе он служит объектом для поисковиков. Вывод: Вы должны заботиться не только в том, чтобы нарисовать красивый favicon.ico но и в том, чтобы его популяризовать. Данная ниже ссылка вам поможет в обоих вопросах. Вы там также сможете сделать анимированный фавикон; а ваш фавикон, если вы там ему предоставете публичные права, тутже появится в поисковиках. Вот этот грамотный и бистрый ресурс: favicon.cc
Last reply by struk, -
Веб-дизайн
by Vlad- 23 replies
- 9.5k views
Термин «веб-дизайн» достаточно широко используется применительно к сайтам, однако если попытаться расшифровать это понятие, то окажется, что многие люди вкладывают в него разный смысл. Ниже я описал четыре разных подхода, которые используются при упоминании «веб-дизайн». 1. Веб-дизайн как совокупность веб-технологий HTML, CSS, верстка и т.д. 2. Веб-дизайн как искусство Способ самовыражения и представления своего таланта. Пример http://art.teleportacia.org 3. Веб-дизайн как оформление Набор средств по оформлению элементов веб-страниц с целью эстетического и удобного представления информации. 4. Веб-дизайн как один из способов достижения цели сайта Или правильнее сказать: …
Last reply by Искатель, -
- 3 replies
- 2.2k views
Давно мучаюсь таким вопросом: в каком виде на сайте нужна версия для печати? Мне известно 2 варианта: написать 2 таблицы стилей и задать им media="screen" и media="print"; сделать отдельную страницу. Вроде бы у всех современных браузеров есть возможность сделать предпросмотр печатной версии и при этом как раз используется CSS для принтера, значит можно использовать первый вариант. Но на большинстве более-менее приличных сайтах есть кнопка с изображением принтера – без неё даже как-то не солидно. Вот я и не знаю, что выбрать. Есть у кого-нибудь аргументы в пользу того или иного варианта?
Last reply by user, -
- 16 replies
- 7.1k views
Верстка на осноке техники float в последнне време приелась Попробовал решить проблему иллюзии одинаковой высоты колонок с помощью абсолютного позиционирования. Может кому и пригодится Обратите внимание на минимум html-кода и стилей. А также отсуствие индивидуальных стилевых правил для разных браузеров. К сожалению проблема footer-а остается, увы... Линк: Верстаем без float
Last reply by SelenIT, -
- 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, -
- 11 replies
- 6.9k views
В общем до сих пор мучаюсь с отображением (нормальным отображением сайта) страницы http://www.rus-kon.ru/index1.php - при разрешении чуть больше 1024х768 смотриться нормально, а 1024х768 и меньше - скролинг появляеться горизонтальный и когда окошко еще больше уменьшаешь, то правая рамка съезжает! Не знаю как сделать так, чтоб НИЗ не ехал меньше указанной ширины! Реально вообще такой сайт сделать резиновым!? Вот тут оригинал http://www.rus-kon.ru/ Так, попробую объяснить еще раз что нужно и что не нужно! НЕ нужно: 1. Оставлять флешовую шапк, ибо она будет заменена на джпеговску. 2. Давать советы из серии: это нельзя сделать и обратись к профессионалам - это я знаю и без у…
Last reply by rus, -
- 12 replies
- 6.9k views
Технология такая. Рисую макет в Photoshop; делаю рамочки для меню и для контента. Далее перекидываю его (макет) в ImageReady размечаю его по куска (фрагментам). Далее IR сохраняет мне отдельно фрагменты в .jpg и генерирует код на таблицах. Затем я корректирую код, там где нет графических элементов, удаляю картинку и подкладываю фон такого же цвета, что и макет. Таким образом на фоне вношу содержание меню и контента (они в отдельных ячейках). Все хорошо, все замечательно.. Только, ест-но, получается, что макет заданных размеров, а значит вся таблица и ячейки, где располагаются графические фрагменты, а также меню и конткет тоже заданных размеров. Соот-но, текстом мне ну…
Last reply by iipo, -
- 15 replies
- 24.5k views
Да-да, оно возможно! Кроссбраузерно, без скриптов, без отрицательных магринов, для текста любой высоты! Совершенно случайно нарвался в гугле на этот способ и хочу поделиться с вами товарищи. Вот немного подрихтованный мной код: <!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" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { …
Last reply by SelenIT, -
- 9 replies
- 3.9k views
Здравствуйте, многоуважаемые форумцы, новички, середнячки и профессионалы. Я делаю сайты (это как хобби) уже года два, но из-за нехватки времени особо далеко не продвинулся. Я знаю, что профессионалы создают сначала дизайн сайта в фотошопе а потом они (или верстальщики) верстают html-страницу. Я и придумываю дизайн, и верстаю. Но всегда верстаю напрямую, минуя предварительный дзиайн в фотошопе (весь дизайн я обмозгиваю в голове и часто получаю желаемый результат). Ну вот не получается у меня там рисовать сразу весь макет сайта, тем более сразу хочется видеть результат придумки в браузере. Я хочу знать ваше мнение, насколько это глупо. А может кто-то тоже верстает напрямую…
Last reply by rent, -
- 39 replies
- 26.1k views
Вертикальное выравнивание. Часть 1. - для тех кто не в курсе. Только что пришла в голову еще одна идея, которая, на мой взгляд проще в реализации и опять же кроссбраузерна. <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body { margin: 0; padding: 0; height: 100%; } .text { display: table; height: 100%; width: 100%; background: pink; } .inner { display: table-cell; text-align: center; vertical-align: middle; } </style> <!--[if lte IE 7]> <style type="…
Last reply by psywalker, -
- 6 replies
- 5.1k views
Добрый день формучане! Вот хочу задать такой вопрос, какие требование к верстке под WordPress? Чем отличается обычная верстка от верстки под эту CMS?
Last reply by rus, -
- 3 replies
- 4.4k views
Кто знает какие способы создания собственного оформления полосы прокрутки? Я использовал изменение вида стандартных полос прокрутки через стили и вложенные div`ы (полоса прокрутки на JavaScript).
Last reply by Dimitry Wolotko, -
- 7 replies
- 6.6k views
Обратил внимание на страницу http://www.apple.com/safari/ и возник вопрос - как достигается эффект плавной смены контента, как сделано у них при переходе между пунктами на странице? Так как я все-таки не уверен, с помощью чего достигается такой эффект, размещаю вопрос здесь...
Last reply by Elendor, -
- 2 replies
- 2.8k views
Никто не подскажет, как сделать сайт на адресах вида http://15.ru/2007/07/26 т.е не по названию страницы 123.html, а по папке на сервере
Last reply by IceFroz, -
- 3 replies
- 2.7k views
Здравствуйте. Возможно ли при адаптации верстки каким то образом и с кода html убирать блоки, которые срываются при адаптации (display:none) в мобильных устройствах? Надеюсь нормально изложил вопрос (. Спасибо
Last reply by cfftrp, -
- 3 replies
- 2.5k views
Здравствуйте. Я пока что новичок в вёрстке. В целом, получается неплохо, но сам считаю, что уровень ещё очень слабый. Созрел у меня вопрос такого плана: когда стоит использовать классы, а когда нет? Теперь детальнее и понятнее... Классы используются когда нужно оформить более 1 элемента. А если нужно оформить только 1 элемент индивидуально - прописывать что ли в самой разметке HTML через style? Заранее благодарен за мнения более опытных.
Last reply by Schamil74,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-