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
-
CSS селектор: все ссылки, кроме тех, которые являются картинками
Необходимо создать селектор, который бы сделал выборку всех тегов <a></a>, кроме тех, которые содержат в себе тег <img></img> Зачем? Хочу сделать на сайте так, чтобы к текстовым ссылкам на файлы прикреплялась иконка в зависимости от расширения файла, код следующий: a[href$='.jpg'] { background: url(images/jpg.png) no-repeat 100%; padding: 0 20px 0 0;}Проблема: иконка jpg.png прикрепляется не только к текстовым ссылкам, но и к картинкам со ссылкой на увеличенную копию картинки, то есть когда структура имеет такой вид: <a href="http://www.site.com/image.jpg"><img src="http://www.site.com/image.jpg"></img></a> Как избежа…
0 votes3 answers -
Про заголовки (h*)
Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.
0 votes14 answers -
как Вот так сверстать без использования flexBox
имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox
0 votes4 answers -
нововведения на codepen
помогите пожалуйста понять как на codepen.io после написания js-скрипта запустить его. обычно у подобных сервисов есть кнопочка run, которая служит для запуска скрипта. но здесь её нет
0 votes12 answers -
Перед текстом остается пустое пространство
Должно отображаться так (без пустого места сверху): http://joxi.ru/KAgZWzJfgE14V2 Проблема: http://joxi.ru/52a5RMeIGELED2 Небольшой комментарий: если на страницу добавить текста, то все сверху будет меньше места. Как можно убрать свободное пространство?
0 votes0 answers -
Текст с видео внутри
Здравствуйте. Подскажите пожалуйста как сделать так, чтобы внутри текста было видео с бэкграунда? Примерно как на картинке, но вместо картинки - видео. Сам я не профессиональный верстальщик, просто делаю маленький "абстрактный" сайт для себя (надеюсь это сообщение не отобьет желания помочь). Спасибо.
0 votes2 answers -
Стилизация чекбоксы и радиобаттоны
Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg
0 votes3 answers -
верстка html css новичка
Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/
0 votes4 answers -
fabric.js и шрифты
Господа профи, прошу вашего совета... Сейчас разбираюсь в fabric.js, но столкнулся с проблемой... Когда в селекте меняю шрифт (font-family.. Шрифты заранее подключены через font-face), шрифт на холсте меняется правильно только в том случае, если этот шрифт уже был загружен и прорисован (то есть уже стоит на каком-либо видимом элементе).. Если же ни на каком элементе на странице этого шрифта не стоит, то шрифт на холсте меняется только при потере фокуса активного элемента.. (например просто тыкнул в пустое пространство на самом холсте) или селектом выбрал какой-либо шрифт повтором.. Есть ли вариант заранее прогружать шрифты (или прорисовать их), если на самой странице, к…
0 votes0 answers -
непонятное поведение элементов в мобильном и стационарном браузере
Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?
0 votes4 answers -
Всплывающая страница заданной ширины
Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!
0 votes8 answers -
Как это выполнить?
(Имеется PSD шаблон)Име
0 votes1 answer -
блок с css стилями.
Встала задача создать оффлайн версию сайта. Сами страницы есть и я спарсил из них инфу. Осталось разобраться со стилями. Вот в <head> есть такая строка : http://slot1.images1.wikia.nocookie.net/__am/1450744777/sasses/background-dynamic%3Dtrue%26background-image%3Dhttp%253A%252F%252Fimg1.wikia.nocookie.net%252F__cb77%252Fterraria%252Fru%252Fimages%252F5%252F50%252FWiki-background%26background-image-height%3D1080%26background-image-width%3D1920%26color-body%3D%2523000000%26color-body-middle%3D%2523bacdd8%26color-buttons%3D%252343372e%26color-header%3D%2523285f00%26color-links%3D%252354845e%26color-page%3D%2523ebebeb%26oasisTypography%3D1%26page-opacity%3D92%26widthTy…
0 votes2 answers -
слайдер съезжает при изменении разрешения
Добрый день, форумчане. Прошу помощи в решении проблемы со слайдером: https://jsfiddle.net/bt17c0fs/ Есть резиновый слайдер который при разрешении col-lg показывает одну фотку и работает отлично, но так как сделан он для адаптивности, то когда меняю разрешение на меньшее, показывает уже не один слайд а все в ряд и сам съезжает, подскажите, как решить проблему. Заранее благодарен!
0 votes2 answers -
Анамалия отображения CSS
Нужна ваша помощь. Не отображается css в браузерах.Проблема постоянна во всех черновиках. Html и css написал по шаблону (img прикрепляю). Что сделать для отображения CSS? В чем ошибка? Код:http://itmages.ru/image/view/3350077/3ece34c5 Результат:http://itmages.ru/image/view/3350098/34a2a45d Вот оригинал : http://itmages.ru/image/view/3350099/6914aae2 Тут папки: http://itmages.ru/image/view/3350101/10e9d919 Папка css:http://itmages.ru/image/view/3350102/2ee44e79
0 votes2 answers -
Выстраивание элементов в вертикальный ряд.
Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…
0 votes2 answers -
Как растянуть фон до конца экрана
Как растянуть фон у логотипа до конца экрана? (фон - зеленым цветом). Макет на bootstrap. Пример можно посмотреть здесь. А растянуть фон нужно как на этой картинке.
0 votes1 answer -
Высота элемента на всю страницу
Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка
0 votes7 answers -
Нужна помощь
Нужна ваша помощь При нажатии на ссылку вида #link страница перемещается к этому элементу. Как это можно убрать? Заранее спасибо.
0 votes2 answers -
Пропадает шапка сайта на мобильном
Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?
0 votes2 answers -
куда указывает прототип
помогите пожалуйста разобраться в коде: Board = function(width, height, background){ this.width = width; this.height = height; this.background = background; this.Create();}Board.prototype = { Create: function(){ console.log('create'); var board = $('<div class="board" id="board"></div>').css({ width: this.width + 'px', height: this.height + 'px', background: this.background }); $('#game').append(board); }}Qwerty = function(){ this.Create();}$(document).ready(function(){ var board = new Board(500, 500, 'orange'); var board = new Qwerty();});здесь я, пользуясь конструктором Board, создаю объект Board. затем через прототи…
0 votes1 answer -
Корректное масштабирование фоновых изображений при адаптивной вёрстке
Обращаюсь, наверное, с нубским вопросом, но уже едет крыша... Тапками готова убиться сама, ядом тоже запаслась. Задача какая: сделать масштабируемую таблицу из div с фоном-книгой. Чтобы масштабы не ездили туда-сюда при изменении размеров контента (был вариант сделать фон одной картинкой, но меняются масштабы, плюс для народа с медленным интернетом это издевательство, согласитесь). При уменьшении родительского окна фон в некоторых блоках начинает обрезаться или некорректно масштабируется. Что я делаю не так и почему он так себя ведёт?( Пример можно увидеть на сайте, сделан на скорую руку, чтобы показать проблему. Выписать затем стильки в общий css не проблема, но пока ч…
0 votes2 answers -
вывод ошибок из ajax
подскажите решение для вывода ошибок при аякс запросах, использую бутстрап алерт не нравится в идеале хочу всплывающий нотис например вверху окна чтобы потом он сам пропал
0 votes3 answers -
Сайт превращается не понятно во что в другом браузере
Добрый день. Делаю сайт. Все время смотрел на него через хром. А тут случайно запустил через мозилу. Разинул рот. Залил на хостинг - тоже самое. Причем сайт простой очень, я не знаю, чего в нем может быть такого, чтобы не скушала мозила. Она не видит фото и css стили. адрес сайта: http://blohinivan.16mb.com/ консоль мозилы говорит, мол "Таблица стилей http://error.hostinger.eu/? не была загружена, потому что её MIME-тип («text/html») не «text/css»." но в коде стили подключаю так : <link rel="stylesheet" href="..\css\mainstyle.css"> раньше сайт был чисто с помощью css и html написан, все было норм. Но как начал использовать php (а именно делать отдельные блоки в php …
0 votes1 answer -
Изменение ссылки копки при нажатии на другую
На сайте есть панель настроек у пользователей, там есть две кнопки, должно быть так, при нажатии на одну из них, должна меняться ссылка на кнопке на другой странице, \то можно как то реализовать через mongodb?
0 votes3 answers