HTML Coding

29542 questions in this forum

1. Проблема с "липкими" элементами

   День добрый! Буду краток. Есть страница - http://test.nothink.me/index_2.html при переходе на моб. версию (уменьшаем ширину браузера), то видим, что скрипт запомнил высоту элементов с десктопной версии сайта. Нужно заставить его пересмотреть свое решение. Есть ли плагины, которые при переходе определенного разрешения, он перезагружает/вызывает плагин? Вторая проблема заключается в том, что первый аккордеон (Your order), работает криво. Прошу помощи в решении этих проблем. Спасибо! Владислав

   Asked by n0_th1nk, November 27, 2014

   0 votes
   3 answers
2. Эффект вдавленного текста

   Доброго времени суток уважаемые форумчане! У меня такая проблема. Хочу добиться эффекта вдавленного текста с помощью css3, принцип как это работает понимаю, но есть небольшое НО. В моем случае имеется такой стиль: .navbar { padding-right: 20px background-color: #2C2C2C; background-image: -moz-linear-gradient(center top , #333, #222); background-repeat: repeat-x; border-radius: 0px; box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.25), 0px -1px 0px rgba(0, 0, 0, 0.1) inset; padding-left: 20px; background-attachment: scroll;}h1 { color: #151515; padding-top: 5px; font-weight: 900; font-size: 50px; font-family: Arial,​ Tahoma,​ Verdana,​ sans-serif; text-shadow: -2px -2px 1px …

   Asked by Stavanger, November 27, 2014

   • css
   • html
   • верстка
   • style
   • css3
   0 votes
   5 answers
3. Masonry: странное поведение

   Здравствуйте! Впервые решила использовать на сайте библиотеку Masonry. Вот так подключаю: <ul id="masonry" class="js-masonry clearfix" data-masonry-options='{ "columnWidth": 210, "itemSelector": ".item", "gutter": 10 }'> Но при тестировании обнаружилась странная проблема. если страницу просматривать в Safari под Windows 8, то сначала страница выглядит так: Затем, если изменять ширину экрана вручную, то все встает на свои места. И еще в других браузерах сначала картинки выстраивались в один вертикальный ряд, а после изменения ширины экрана - также все восстанавливалось. В чем может быть проблема?

   Asked by Светлана Г., November 27, 2014

   • masonry
   0 votes
   4 answers
4. еще одна проблемка с ссылками

   Походу верстки своего первого сайта вылезла еще одна проблема. Что мне нужно получить: Как видите при наведении меняется цвет и цифры и текста. Поэтому я решила поместить цифры в спан и задать им отдельные стили: <ul><li><a href="#"><span class="number">1</span>Lorem ipsum</a></li><li><a href="#"><span class="number">2</span>ea mollitia</a></li><li><a href="#"><span class="number">3</span>assumenda minima</a></li><li><a href="#"><span class="number">4</span>sit amet</a></li></ul>С текстом я разобралась, там то не…

   Asked by amalia, November 27, 2014

   0 votes
   2 answers
5. тег @import

   Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.

   Asked by mrfrunze, November 27, 2014

   0 votes
   2 answers
6. Помогите собрать регулярное выражение HTML5

   Доброго времени суток, помогите собрать регулярное выражение вида: +38(063)937-99-92 +7(055)654-54-98 При чем: знаки "+" "()" "-" не обязательны, то есть можно так 3809379992! что бы в начале (+...) разрешало 2 символа (для Украины) и один (для России)

   Asked by karakym, November 27, 2014

   • html5
   • required
   • tel
   • regular
   0 votes
   3 answers
7. обводка блока с ссылкой

   Доброго дня! Недавно обнаружил такую вещь, что на одном из сайтов у блоков (дивов, списков, картинок) с ссылками появляется обводка при нажатии http://img.tritiumnet.org/709923.jpg Нашел схожую тему на HTMLBook, но что-то outline не помог

   Asked by awpshko, November 27, 2014

   0 votes
   3 answers
8. Не работает linear-gradient

   Здравствуйте! Посмотрел урок по верстке на ютубе. Там показывается пример html{ background: linear-gradient (to top, #005479, #0088b2); } После чего фон окрашивается в градиентный цвет снизу вверх. Повторил всё в точности, но у меня никакой реакции нет. Фон остался без изменений белый. Проверял почти во всех браузерах. И кстати пишу я в phpDesigner 8. там у меня linear-gradien подчёркнулось красным как ошибка. Не разъясните в чем проблема?

   Asked by cryptus, November 26, 2014

   0 votes
   2 answers
9. Проблемка с выравниванием

   Вечер добрый, не могу решить одну задачу с навигацией. В общем, мне нужно выровнить текст в li. А когда я в css прописываю text-align: center, у меня выравнивается только по вертикали. Мне нужно вот так: А у меня:

   Asked by amalia, November 26, 2014

   0 votes
   5 answers
10. проблема с <input> выпадает с блока <p>

    Добрый вечер! Верстаю мой самый первый макет, почти закончил верстку странички, осталась одна проблема с формой вода! В Мозиле вроде все нормально а в других браузеров <input type="text">как бы выпадает за блок <p> не могу понять в чем причина? Если не трудно заодно оцените саму верстку укажите где мои ошибки? А они я думаю точно есть! За ранее благодарствую всем! :-) http://jewerli-store.esy.es/

    Asked by TuTaHuKk, November 26, 2014

    0 votes
    3 answers
11. Подчеркивание между словами

    Как заверстать так чтоыб между ценой и надписью было такое подчеркивание? Чего-то не сображу. Как бы вариант давать подчеркивание всей строке и обернуть фразу и цену в спан с белым фоном и падинг сделать вниз чтоыб перкрыть пунктир.

    Asked by okunev2, November 26, 2014

    0 votes
    2 answers
12. проблема в блочном элементе как ссылке

    Есть блок ссылка, всё работает, но ни как не удаётся поместить текст ссылки в правый нижний угол. <html> <head> <meta charset="utf-8"> <title>блок-ссылка</title> <style> #projects { width: 300px; height: 200px; background: #0f0; } #projects a { display: block; text-decoration:none; text-align: right; height: 100%; color: #666; } #projects a:hover { background: #00f; } </style> </head> <body> <div id="projects"> <a href="1.html">текст ссылки</a> </div> </body> </html>

    Asked by skv_stels, November 26, 2014

    0 votes
    1 answer
13. Серверные языки в веб

    Здравствуйте. Вопрос мой исходит от корыстных целей в основном) Знаю html + css + jquery достаточно для 90% задач в фрилансе. Это мне приносит доход, но как и все я тоже стремлюсь получить побольше. Есть пара постоянных заказчиков для которых я верстаю, но очень много "вкусных" заказов пролетают мимо потому что там требуется оживить сайт создав полноценный функционал (у тех же заказчиков таких проектов много). Вот и созрел вопрос какой язык все таки учить? Википедия подсказывает Из всего этого очень часто встречаю php в связке с sql (именно в фрилансе), но пролистав форумы больше половины отвечающих на темы советуют не начинать с php так как И так далее. Вот…

    Asked by Нарек, November 26, 2014

    0 votes
    23 answers
14. Центрирование при вертикальном скролле и vh, vw.

    Есть 4 блока (div) друг под другом, каждый из них занимает всю клиентскую область (100 hv, 100 wv). Есть фиксированное меню с 4 пунктами, по клику - скролл к нужному блоку. Необходимо разместить в центр каждого из div по одному section ровно по центру. С центрированием знаком, пробовал три разных способа. К примеру остановимся на этом section{ width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0; } Проблема в следующем, section встают нормально в центр блока, но только не каждый в своем, а все в первом. Кто-нибудь в курсе как исправить?

    Asked by Doomsday, November 26, 2014

    • центрирование
    • div
    • section
    • js
    • css
    • html5
    • клиентская
    • vh
    • vw
    0 votes
    2 answers
15. поиск похожей вёрстки

    помогите пожалуйста советом нравится этот шаблон, но ни покупать его, ни верстать с нуля у меня нет желания. может кто-нибудь видел в сети хотя бы подобный(в виде вёрстки)? то есть чтобы функциональная часть основных элементов(слайдеры, меню, адаптивность и т.п.) была уже готова

    Asked by cyklop77, November 26, 2014

    0 votes
    2 answers
16. Анимация на CSS3

    Я читал упоминания о том, что на CSS3 можно без JavaScript добиться открытия и закрытия блоков сайта. Я хочу разместить в скрытом блоке форму обратной связи и сделать кнопку, по нажатию на которой эта форма будет появляться, а кнопка исчезать. Можно ли это сделать с помощью CSS3? И если да, то как?

    Asked by PavelTkachev, November 26, 2014

    0 votes
    15 answers
17. vertical-align

    Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")

    Asked by Arthur, November 25, 2014

    • vertical-align
    0 votes
    2 answers
18. Gulp, с чем его едят?

    Добрый день. Прошу помочь разобраться с этим зверем. Js знаю на уровне написания скриптов на jquery. Что пока есть. Установил Node, gulp. В папке с проектом создал папку dev, в которой храню less,js исходники bootstrap. (Bootstrap просто взял чтобы поучиться настраивать gulp) Задача состоит вот в чем. Хочу чтобы less файлы объединялись в один, затем конвертировались в css, прогонялись через autoprefixer минимизировался и сохранялся в папке /css/min.css Так же и js, но с этим думаю справлюсь как пойму принцип. Так же вопрос насчет плагинов, нужно их самому ставить если стоит npm? Допустим вот исходный файл gulpfile.js var gulp = require('gulp');gulp.task('css', func…

    Asked by li4e, November 25, 2014

    • node
    • gulp
    • js
    0 votes
    6 answers
19. Реализация лотерейного билета

    Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?

    Asked by cruel09, November 25, 2014

    0 votes
    3 answers
20. display: inline

    Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)

    Asked by Arthur, November 25, 2014

    • display
    0 votes
    5 answers
21. Тело страницы всегда по центру

    Доброго всем времени суток! Возник такой вопрос: есть блок, внутри которого базируется всё содержимое страницы. Что бы его центрировать, используется достаточно простая конструкция: #pageBody {width: 1000px;margin: 0 auto;}Но когда содержимое страницы по высоте выходит за рамки окна, появляется полоса прокрутки и блок слегка съезжает. Хотелось бы узнать, реально ли как-нибудь избежать этого, не прибегая к абсолютному позиционировнанию? Заранее благодарю за любой совет!

    Asked by NapalmRain, November 25, 2014

    0 votes
    4 answers
22. Фиксированное (плавающее) горизонтальное меню. Скрипт.

    Добрый день Ребят, прошу помощи. Делаю курсовую. Нужно создать учебник по телекоммуникационным компьютерным сетям. Скачал шаблон. Всё хорошо. Есть горизонтальное меню. Его нужно зафиксировать чтобы оно "плавало" вместе со скроллом. Нужен такой результат Пока только так получилось: http://tks.zz.mu/index-3.html Нашел скрипт: //режим отображения шапкиvar min = false;//изначально шапка в обычном режиме$(document).scroll(function() { if($(document).scrollTop()>30&&!min) { //изменение свойств шапки $(".line2, .line2_b").css('height','35px'); $(".line2").css('position','fixed'); $(".line2").css('top','0'); $(".line2").cs…

    Asked by budenk0v, November 24, 2014

    • css
    • html
    • javascript
    0 votes
    2 answers
23. Изменение картинки от ширины браузера

    Здравствуйте вот делаю сайт на twiter bootstrap и столкнулся с такой проблемой, если уменьшать браузер то все дивы выстраиваются по вертикали, а у меня фон у нескольких дивов картинка, и на этой картинке тоже несколько картинок в ряд по горизонтали которые не должны выстраиваться по вертикали так как портится дизайн вот впрочем ссылка http://chat.hostserg.irk0.ru/# вот я бы хотел узнать можно ли сделать чтбы изменялся размер картинок.

    Asked by serrrgggeee, November 24, 2014

    0 votes
    2 answers
24. Как бы вы выравняли ссылку Подробнее по правой стороне?

    Здравствуйте. Выравнял ссылку "Подробнее"(в секции "Последние новости") по правой стороне с помощью абсолютного позиционирования. Это вырвало её из потока и образовало наезд последующей новости на уровень ссылки "Подробнее": Как лучше исправить наезд - добавить кому-нибудь отступ margin?

    Asked by borus, November 24, 2014

    0 votes
    6 answers
25. Аналог grunt на ruby

    Добрый день, Подскажите, существует ли аналог такой экосистемы как grunt'а, но на ruby?

    Asked by artemhp, November 24, 2014

    0 votes
    9 answers