Tricks and solutions
Useful tricks and best practices solutions
370 topics in this forum
-
- 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
- 4k views
Как правильно нужно делать,использовать картинки или бекграунды?Какие преимущества и недостатки у них.Что будет быстрее грузиться.На что это влияет еще?
Last reply by user, -
- 1 reply
- 4k views
Здравствуйте! Несколько дней ищу наиболее полную информацию о слоях и их применении. Перспективная технология, но плохо поддерживаемая разными браузерами, покрайней мере такое мнение сложилось на этапе изучения и первоначальной практики. Возникает много проблем - неправильное определение ширины в %, вертикальное выравнивание, наличие "хаков" для разных браузеров и тд. Так или иначе, чем дальше - тем чаще используют слои. Хотелось бы найти источник в котором рассказано о слоях и их проблемах на реальных проблемах, о том как правильно сверстать простую страницу (две колонки) с учетом проблем разных браузеров, и вариантами правильного решения этих проблем. Спустя неделю поис…
Last reply by strix, -
- 6 replies
- 4k views
Интересно как это сделано без перечеркнутых элеменов на практике? Читаем теорию. Ключевое слово: inline-block;
Last reply by homm, -
- 7 replies
- 4k views
Короче решил я попробовать открыть у себя сервер. Хотел поставить денвер, да один знакомый сказал что лучше поставить Appserv. Ну скачал, поставил. По локальному адресу (127) всё работает, пытаюсь зайти по своему ip - спрашивает логин/пароль два раза, потом пишет Unauthorized: Access Denied Unknown User. Два варианта: надо что-то настроить, или это у провайдера глюки. Вот я и решил проконсультироваться. ps. простите за ламерство
Last reply by klierik, -
- 11 replies
- 3.9k views
http://maddog-rts5.narod.ru/ как лучше сделать ? Что как вам кажетсья будет удобнее ? Я за верхний вариант списком , начальнику (компании) больше нравиться таблица.
Last reply by maddogrts, -
- 7 replies
- 3.9k views
Здравствуйте. Как реализовать следующую идею: нужно сделать подобие газетной в?рстки. Т.е. что-бы статья была в двух колонках. НО картинку можно было-бы размещать любого размера (даже больше ширины одной колонки) в любом месте. Текст статьи должен обступать эту картинку. Какая есть возможность реализовать такую идею, подскажите пожалуйста?
Last reply by Bolmazov, -
- 7 replies
- 3.9k views
У меня вопрос, в Html и CSS стала себя чувствовать, как рыба в воде. Хочу потом заняться версткой. Но нужно портфолио. Есть уже 3 заказа на сайт, но смогу создать только статистический. С движками я пока на ВЫ. Вот мне и интересно, примерно (от и до) сейчас стоит создать статистический сайт, страниц так на 10? Спасибо большое.
Last reply by homm, -
- 9 replies
- 3.9k views
Здравствуйте, многоуважаемые форумцы, новички, середнячки и профессионалы. Я делаю сайты (это как хобби) уже года два, но из-за нехватки времени особо далеко не продвинулся. Я знаю, что профессионалы создают сначала дизайн сайта в фотошопе а потом они (или верстальщики) верстают html-страницу. Я и придумываю дизайн, и верстаю. Но всегда верстаю напрямую, минуя предварительный дзиайн в фотошопе (весь дизайн я обмозгиваю в голове и часто получаю желаемый результат). Ну вот не получается у меня там рисовать сразу весь макет сайта, тем более сразу хочется видеть результат придумки в браузере. Я хочу знать ваше мнение, насколько это глупо. А может кто-то тоже верстает напрямую…
Last reply by rent, -
- 5 replies
- 3.9k views
Уважаемые знатоки, подскажите пожалуйста: есть ли прок (с точки зрения SEO) от прописывания title-ов ссылкам в выпадающем меню? С моей точки зрения, всплывающие подсказки там юзеру только мешают (навел на одну ссылку - выскочили две надписи, к тому же некликабельная наехала на кликабельную и приходится ждать лишнюю секунду, пока она пропадет). Но вчера меня пытались убедить, что для SEO это здорово, притом убеждали тупо продублировать в title текст самой ссылки (т.е. наводит юзер на ссылку "Новости", а сайт как бы говорит: "Там действительно новости, честно, мамой сервера клянусь!". Бегло погуглив, нашел несколько упоминаний о том, что адекватные осмысленные title-ы с клю…
Last reply by Vlad, -
- 2 replies
- 3.8k views
нужен вот такой блок, чтобы всплывал при наведение на кнопу "заказать" подскажите, я знаю как то через jQery делают....
Last reply by JIucky, -
- 11 replies
- 3.8k views
Вопрос такой, из области дизайна и юзабилити. Вот если есть болшьой объём текста, то каким должны быть: - шрифт для максимальной читабельности; - размер шрифта; - расстояние между строками; - расстояние между абзацами; - цвет текста; - цвет фона; - ширина текста, ну, сколько символов в строчку. И если знаете ответ, то не говорите плиз в пунктах/кеглях/em/и.т.д, пиксели плиз:)
Last reply by Знаток, -
- 3 replies
- 3.8k views
Копаюсь по-тихоньку с данным фреймворком. Кто имел с ним дело, можете в двух словах объяснить зачем нужен роутинг, я так и не наш?л ему толкового применения, кроме как создания красивых uri.
Last reply by Колос, -
- 3 replies
- 3.8k views
Что такое ХЕДЕР и как с ним работать?
Last reply by Vlad, -
- 5 replies
- 3.8k views
В общем, после очередного совокупления с этими зубчиками, я психанул и в свободные выходные написал генератор зубчиков из градиентов. Все сделано откровенно на коленке, но задачу свою выполняет. Возможно кому-то еще пригодится. Если кто еще не понял о чем речь, то суть сводится к получению вот такой штуки на градиентах: На github выкладывать, смысла особого не вижу, так что живет оно в моем паблике на jsfiddle. Ссылка на jsfiddle: http://jsfiddle.net/alexriz/nfaxengc/ Не много комментариев: .app-tooth { background-image: linear-gradient(rgba(51,70,135,1), rgba(51,70,135,1)), /* background */ linear-gradient(-45deg, rgba(51,70,135,1) 50%, …
Last reply by Get to heaven, -
- 3 replies
- 3.8k views
Страница была заведена год назад. Вроде контент очень даже удобоваримый, но google её вроде даже не проиндексировал, не говоря уже о хорошей позиции в выдаче по запросу "публичный доклад", с главной страницы на неё попасть просто, смеется ЧПУ. Думаю, что куча страниц по этому запросу этим не могут похвастаться. Дайте совет на будущее почему google её не поднимает?
Last reply by Ялекс, -
- 5 replies
- 3.8k views
Сайтостроители строят страницы динамические. А при обходе поисковых роботов он (робот) генерит каждую страничку и читает инфу из -ы, или контент юзает? А может он смотрит только статические страницы и читает -ы? Или -ы сей час ни кому не нужны!? А как правильно сейчас представлять инфу для почтовых роботов? Может я чего не знаю!
Last reply by D.S.Denton, -
- 4 replies
- 3.7k views
Возможно тема такого рода уже была, поиск ни о чём не сказал. Не факт, что всё это будет работать. Но хочется собрать здесь все самые нужные и не очень, интересные и не очень ссылки в помощь HTML-верстальщику. У меня к примеру уже накопилось кое-что, пАделUSь. how should like it to be: 1. Выкладывать ссылку на (пример, статью, ресурс) + короткий тизер (описание); 2. Не нужно выкладывать ссылки на статьи, где нет конкретного примера, который без проблем можно было бы скачать и разобрать; 3. Не стоит выкладывать ссылку на сайт, решение задачи которого не является актуальным решением; 4. Затрагиваются тематики: CSS, HTML, css-design (шрифты, работа с изображениями и не зна…
Last reply by BassEast, -
- 10 replies
- 3.7k views
— Нужно учитывать каждую мелочь. Давайте обсудим! Форум или форумы? Лично я считаю, что правильно надо писать форумы. Кстати, эта ошибка (как я уже написал — на мой взгляд, я считаю это ошибкой) присутствует и на Вашем сайте. Для начинающих — это один форум. HTML — второй форум. CSS — ещё один форум. Обсуждение работ — ещё форум... Итого, у Вас 19 форумов. А Вы всё это множество форумов обозвали словом в единственном числе — форум. Правильно ж рассуждаю? Как лучше писать на форумах чей-либо ник? Лично я делаю его полужирным. Но вот недавно шарился в сети: довольно часто встречается запись вида @ник. То есть, перед ником впритык подписывают символ @. Но меня смущает вот ч…
Last reply by MoLoToK, -
- 6 replies
- 3.7k views
Если посмотреть статистику использования браузеров в России на декабрь 2007 по данным SpyLOG: То можно сделать вывод что 94% населения используют IE 6, 7; FF 2; Opera 9. У меня напрашивается вывод что верстать стоит только под эти браузеры, соблюдая стандарт конечно. Есть еш? информация что Safari под win набирает обороты. У кого каке соображения :/
Last reply by Maslakoff, -
- 5 replies
- 3.7k views
Всем доброго времени суток! поясною ситуацию: на данный момент на сайте в зависимости от типа/версии браузера пользователя в HTML-код подключается соответствующий CSS-файл вопрос: возможно ли вместо использования отдельного файла для каждого браузера записать весь используемый на сайте CSS-код в один файл, с последующим разделением "сферы влияния" той или иной части кода по типу/версии браузера. Заранее спасибо за ответы.
Last reply by Pepel, -
- 2 replies
- 3.7k views
Несколько раз сталкиваюсь с необходимостью размещать на страницах сетки небольших изображений, при этом предъявляется требование по возможности не использовать таблицы. Сейчас я как правило беру каждую "строку" в отдельный , внутри которого, например, можно спозиционировать два изображения по краям, а третье - выровнять по центру. Однако здесь есть несколько ограничений - например, если изображения существенно отличаются по размеру, то выглядеть все будет весьма неэстетично.Вот и назрел вопрос - как не используя таблиц можно создать сетку изображений, наподобие фотогалереи, или подскажите какую-нибудь фотогалерею, где можно посмотреть грамотное решение. Спасибо.
Last reply by rash, -
- 11 replies
- 3.7k views
Заранее извиняюсь, если тему создал не там, но с другой стороны, где ж ее и создавать, как не в разделе "теория". Вкратце суть. Возможно ли с помощью математических функций, встроенных в html-теги нарисовать кривую? Возможно для этого потребуется встроить в html какую-нибудь программу, которая читает эти функции. Спросите, для чего все эти заморочки? А вот представьте: даже если простую волнистую линию (sin x) шириной 1-2px сдублировать на весь фон с определенным расстоянием, то будет великолепный фон. Но главное, он будет весить, несмотря на громоздкость кода, в разы меньше, чем сдублированная картинка. А ведь можно матметодом любую функцию описать, с совершенно невероят…
Last reply by Vlad, -
- 4 replies
- 3.7k views
Прочитал статью Цель: боковое меня для очень простого сайта, только статический html. Думаю, в мо?м случае JS не нужен, так что его использовать не планирую, вариант с меню на CSS отпадает из-за его склонности к хакам, да и просто хочется сделать максимально просто. Может быть я упустил и существует ещ? какой-то способ создания раскрывающихся менюшек без скриптов и кучи мудр?нного CSS? А пока такой вопрос насколько разумно применить для этого Карты-изображения, засунув меню в фрейм, чтобы не перегружать всю страницу? Это рационально и вообще какие "за и против"? Спасибо!
Last reply by onikserj, -
- 7 replies
- 3.7k views
Подскажите как работает данная ссылка (с Вашего сайта), если у нее нет расширения и стоит в конце слэш <a href="http://htmlbook.ru/books/"> ??? И вообще какие расширения должны быть у XHTML файлов или их может совсем не быть? поиск не помог
Last reply by Vlad,
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-