HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Прозрачный угол у блока
Добрый день. Помогите пожалуйста ) Нужно сделать эффект "загнутого уголка", но что бы под блоком был не однотонный фон. Чего-то, не могу придумать, как это реализовать: http://jsfiddle.net/1pkm61ou/
0 votes1 answer -
Перенаправление посетителей на мобильную версию сайта
У меня самодельный html сайт, который не установлен ни на какой CMS. Скажите, пожалуйста, можно ли сделать так, чтобы посетители, которые заходят на сайт с мобильных устройств, автоматически перенаправлялись на мобильную версию сайта?
0 votes4 answers -
Наложение background на img
Как сделать наложение backgroun поверх картинки? В последствии через javascript реализую его исчезновение. http://jsfiddle.net/32zrhdfe/
0 votes1 answer -
Fluid галерея, синхрон высоты картинок.
Возможно такая задача давно решена, прошу подсказать. Картинки одной высоты, разной ширины http://clip2net.com/s/3ia21vB всё это флюид. Не проблема сделать такую галерею. Проблема пропорционального изменения высоты картинки с шириной, что приводит к разной их высоте в итоге. Возможно ли вообще решение, когда высота всех картинок изменяется синхронно?
0 votes3 answers -
Один хостинг и несколько "сайтов"
Если купить хостин, доменное имя. Т.е. получу домен 2-го уровня типа ABC.ru. Теперь на этом домене я делаю сайты 3-го уровня типа: ABC.ru/site1, ABC.ru/site2, или site1.ABC.ru, site1.ABC.ru Мне нужно чтобы было вот так. Посетитель сайта site1.ABC.ru не должен знать, что есть сайт site2.ABC.ru. Т.е. набрав в поисковике site1.ABC.ru, по крайней мере в первую десятку не должно вылезти site2.ABC.ru. Нужно, чтобы ABC.ru не индексировалось поисковиками. Например, в корне ABC.ru/ будет лежать index.html нулевой длины, а robots.txt настроен соответсвенно. И еще вопрос. Разрешается ли в яндекс директ (или в гугл адвордс) продвигать 3-уровневые сайты? Порочная ли такая практика, и …
0 votes19 answers -
font-stretch
Везде написано, что Chrome не поддерживает font-stretch, но запустил пример и версия 43 вполне всё корректно показала. Где можно узнать, с какой версии браузер начал поддерживать это свойство?
0 votes5 answers -
box-sizing из bootstrap css наследуется на tables
Здравствуте! Подскажите пожалуйста кто знает. Мне необходимо отменить box-sizing: content-box конкретно для таблиц (table), так как в таблице надо задать фиксированную ширину столбцаа это свойство не даёт это сделать, загружается из bootstrap.css (сайт на джумла 3) Если же его полностью закоментировать то ломается шаблон сайта, надо отменить конкретно для тега <table> Спасибо за внимание.
0 votes1 answer -
структура кода
http://texteredsa.besaba.com/lir/ посмотрите структуру кода в вордпресе когда натягивал я бы все теги прям в окно html код сунул. с другими cms не работал и как там не знаю. скажите правильно ли я разметку сделал? не будет ли проблем у программика с натяжкой?
0 votes0 answers -
Растянуть div по всей высоте li-элемента
Собственно суть вопроса в заголовке. Более понятно на скриншоте, но все равно постараюсь объяснить. Правее есть некая дополнительная информация, которая отделена вертикальными полосками и эти самые полоски не по всей высоте, плюс ко всему информация не по середине. Уже не знаю, что делать. Хотя есть мысль переделать все не на списках, а на блоках div. Css код HTML код
0 votes4 answers -
Вопрос про псевдоэлементы
Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!
0 votes6 answers -
Как из разных мест открывать одну и ту же форму
Доброе время суток. На сайте есть 5 одинаковых кнопок .main-btn, по наведению на которые под кнопкой появляется форма .popover-form. <div class="main-btn free-call"> <p><a href="#">Воспользуйтесь бесплатным обратным звонком</a> <br/> <i class="glyphicon glyphicon-chevron-down"></i> <form class="popover-form question-form"> <label for="">Ваше имя</label><input type="text"> <label for="">Ваш E-mail</label><input type="text" value=""> <label for="">Задайте вопрос:</label> <textarea></textarea> <butt…
0 votes3 answers -
Маска пароля
Допустим есть input text в который будет вводится пароль. Как сделать так, чтобы при вводе символов, символы скрывались и показывались точки?
0 votes2 answers -
Как правильно сверстать, дайте совет?
Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...
0 votes8 answers -
Оцение пожалуйста верстку
Добрый день. Я начинающий верстальщик. Сверстал макет странички и хотел бы узнать мнение у более опытных людей. Какое состояние у моей верстки и кода. Перед выставление этой работы постарался выполнить все предписания. Макет бы в рассылке HTML Academy. Если кого заинтересует можем выложить его сюда чтобы поделиться опытом и всякими приемами как его можно было сверстать. Заранее спасибо за ваше драгоценное время! http://www.kav.pe.hu/
0 votes7 answers -
Стили и скорость загрузки
Допустим есть несколько файлов css,в которых переопределяется фон элемента,причем используется одна и та же картинка.Или одна картинка указывается отдельно для разных элементов.Влияет ли это на скорость загрузки?Картинка при этом загружается один раз или каждый раз при обращении?
0 votes8 answers -
Яндекс БЭМ
Использовать ли всегда яндекс Б.Э.М?
0 votes15 answers -
Убрать отступ после section
Добрый день. Подскажите пожалуйста как убрать отступ между <section>. Вот пример.
0 votes1 answer -
Не работают одновременно два javascript на одной странице. Как изолировать один код?
Не работают одновременно два javascript на одной странице. Как изолировать один код? Признаюсь сразу: я стоматолог, мозгов у меня хватило только для того, чтобы найти этот самый javascript на просторах интернета и вставить в него свои картинки. обрадовался уже, что он работает! Но когда на той же странице вставил еще один такой же javascript, то первый при клике начал показывать картинки со второго http://stomatmaster.ru/5 (вторая картинка работает как надо). . . Наверняка решение простейшее, а я над этим 8 часов бьюсь(о как зацепило)... Как изолировать каждый код? Каким-то тегом(да, это было бы самое простое)? ведь на одной странице у меня их(javascript) плани…
0 votes2 answers -
Follow Twitter
Всем привет. Столкнулся с такой проблемой: добавляю на сайт кнопку follow twitter отсюда https://about.twitter.com/resources/buttons#follow. но при загрузки страницы в момент когда грузится скрипт твиттера появляется скролл (это можно увидеть если кнопку добавить в нижний правый угол). скролл появляется буквально на секунду и пропадает. я уже пытался обернуть в див и задать overflow: hidden. не помогло. кто знает как пофиксить данную проблему? Спасибо
0 votes2 answers -
Радиальный градиент уходящий в прозрачность
Доброго дня уважаемые коллеги. Столкнулся с одним очень неприятным нюансом, а именно , не могу придумать, как можно сделать радиальный градиент "уходящим в прозрачность". Чтобы не быть голословным вот демонстрация, как хочется сделать: http://savepic.net/6942734m.png А вот, что у меня на данный момент, получилось http://savepic.net/6943758m.png Код простенький: Код CSS 1 background: #0A85CC radial-gradient(51% 255% at 100% 0%, #2f97d4 97%, transparent) no-repeat; Единственный нюанс, это то, что не могу никак сделать его плавно уходящим в прозрачность. Пробовал сделать линейным (там все здорово, но беда в том, что не получа…
0 votes3 answers -
Выделить последнюю строку в таблице с объединенными ячейками
Столкнулся с интересной задачей, выделить самую нижнюю строку в таблице. Если таблица простая, без объединения ячеек, то решается просто на уровне CSS (tr:last-child). Но в реальных отчетах ячейки группированы. Представляю универсальный алгоритм, без jQuery и прочих библиотек: http://jsfiddle.net/cN57x/6/ Алгоритм несложный, но уверен, его можно улучшить...
0 votes0 answers -
Подскажите нужный синтаксис, плз
Наставьте чайника на путь истинный, плз... В примере реализации меню, его содержимое берётся из div-ов расположенных внутри одного div class="notebook": .notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2)...А как написать, чтобы содержимое бралось из div-ов расположенных вне div class="notebook", а например из div class="book"? Понимаю, что вопрос очень нубский, заранее прошу прощения у гуру...
0 votes5 answers -
Как сверстать такую таблицу
Нужно сверстать вот такую таблицу Почти сделал, однако не знаю как сделать так, чтобы соседние блоки прятались В общем вот: http://codepen.io/anon/pen/PqbNMo Как сделать так чтобы она автоматически пролистывалась?
0 votes4 answers -
Подскажите select плагин
Надо чтобы в option можно было писать разметку. В итоге нужен такой вид ну и собственно в открытом состоянии для других пунктов может быть другой шрифт/цвет и так далее. upd. Что то я туплю, можно списком вывести и без селекта..
0 votes2 answers -
Проблемы с всплывающей формой в разных браузерах
Доброго времени суток. Имеется сайт на тестовом домене На главной странице есть кнопки, по наведению на них появляется (-ются) форма (-ы). Так вот, с этими формами обнаруживаются несколько проблем в разных браузерах: 1) в IE 11 этой формой невозможно пользоваться - она просто не реагирует ни на какие действия. Плюс, в исходном коде обнаруживаются какие-то закрывающие теги для всех <input type="text"> 2) в FF ввод данных в формы просто осложнен: начинаешь вводить одну букву, две и инпут тут же теряет фокус, я не понимаю, с чем это связано. В хроме все работает. Хотя и там есть нюанс: почему инпут держит фокус только тогда, когда на нем стоит указатель мыши? …
0 votes2 answers