HTML Coding

29542 questions in this forum

1. 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> Как избежа…

   Asked by Солнцеворот, December 24, 2015

   • тег a
   • сложный селектор
   0 votes
   3 answers
2. Про заголовки (h*)

   Добрый вечер (или день!) Вопрос (надеюсь) простой, а именно: "Как правильно располагать заголовки на странице?" Они должны соблюдать иерархию? (От 1 > 6) Или можно ее нарушать? (Например, раздел сайта с заголовком h2, в нем три блока с заголовками h5) И как дело обстоит в section и article? Как я понимаю, в них используется своя структура заголовков? И последний вопрос. Можно ли использовать заголовок в списке (ul)? Где вместо первого li становится этот самый заголовок.

   Asked by BehemothOz, December 24, 2015

   0 votes
   14 answers
3. как Вот так сверстать без использования flexBox

   имеется https://ru.bem.info/method/naming-convention/ Если у кого есть представления как сделать вот такой макет, где контент прокручивается а боковое меню фиксированное с прокруточкой... без использования flexBox

   Asked by Daniil Khanin, December 24, 2015

   0 votes
   4 answers
4. нововведения на codepen

   помогите пожалуйста понять как на codepen.io после написания js-скрипта запустить его. обычно у подобных сервисов есть кнопочка run, которая служит для запуска скрипта. но здесь её нет

   Asked by cyklop77, December 24, 2015

   • codepen
   • я сошёл с ума
   0 votes
   12 answers
5. Перед текстом остается пустое пространство

   Должно отображаться так (без пустого места сверху): http://joxi.ru/KAgZWzJfgE14V2 Проблема: http://joxi.ru/52a5RMeIGELED2 Небольшой комментарий: если на страницу добавить текста, то все сверху будет меньше места. Как можно убрать свободное пространство?

   Asked by srgart, December 25, 2015

   • html
   0 votes
   0 answers
6. Текст с видео внутри

   Здравствуйте. Подскажите пожалуйста как сделать так, чтобы внутри текста было видео с бэкграунда? Примерно как на картинке, но вместо картинки - видео. Сам я не профессиональный верстальщик, просто делаю маленький "абстрактный" сайт для себя (надеюсь это сообщение не отобьет желания помочь). Спасибо.

   Asked by ignatif, December 25, 2015

   0 votes
   2 answers
7. Стилизация чекбоксы и радиобаттоны

   Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg

   Asked by Shenia132, December 25, 2015

   • чекбоксы
   • радиобаттоны
   0 votes
   3 answers
8. верстка html css новичка

   Всем привет. Сильно не пинайте за мое безобразие, практикуюсь в верстке html css. Пытаюсь сделать что то а-ля адаптивным, конечно прекрасно понимаю, что до адаптивности там далеко. В процессе верстки возникла такая ситуевина: уменьшаю масштаб страницы в Мозиле на самый минимум, все блоки и тексты стоят на своих местах, смотрю в Хроме, и Опере и при уменьшении масштаба с 50% начинают съезжать тексты, блоки стоят на месте. Как с этим можно побороться? Понимаю, что решение этой проблемы не даст адаптивности, но тем не менее хочу понять почему так получается и как с этим бороться. Размеры шрифтов указываю в емах. Вот ссылка: http://c92999qs.bget.ru/blog/

   Asked by Sarkazmus, December 25, 2015

   0 votes
   4 answers
9. fabric.js и шрифты

   Господа профи, прошу вашего совета... Сейчас разбираюсь в fabric.js, но столкнулся с проблемой... Когда в селекте меняю шрифт (font-family.. Шрифты заранее подключены через font-face), шрифт на холсте меняется правильно только в том случае, если этот шрифт уже был загружен и прорисован (то есть уже стоит на каком-либо видимом элементе).. Если же ни на каком элементе на странице этого шрифта не стоит, то шрифт на холсте меняется только при потере фокуса активного элемента.. (например просто тыкнул в пустое пространство на самом холсте) или селектом выбрал какой-либо шрифт повтором.. Есть ли вариант заранее прогружать шрифты (или прорисовать их), если на самой странице, к…

   Asked by Q4Dizzy, December 26, 2015

   0 votes
   0 answers
10. непонятное поведение элементов в мобильном и стационарном браузере

    Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?

    Asked by Zhihar, December 26, 2015

    0 votes
    4 answers
11. Всплывающая страница заданной ширины

    Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!

    Asked by dron, December 26, 2015

    0 votes
    8 answers
12. Как это выполнить?

    (Имеется PSD шаблон)Име

    Asked by boris098765, December 26, 2015

    0 votes
    1 answer
13. блок с 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…

    Asked by mixa3607, December 27, 2015

    • css
    • brainfuck
    0 votes
    2 answers
14. слайдер съезжает при изменении разрешения

    Добрый день, форумчане. Прошу помощи в решении проблемы со слайдером: https://jsfiddle.net/bt17c0fs/ Есть резиновый слайдер который при разрешении col-lg показывает одну фотку и работает отлично, но так как сделан он для адаптивности, то когда меняю разрешение на меньшее, показывает уже не один слайд а все в ряд и сам съезжает, подскажите, как решить проблему. Заранее благодарен!

    Asked by artem.kliaus, December 27, 2015

    0 votes
    2 answers
15. Анамалия отображения 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

    Asked by TimGRo, December 28, 2015

    • css
    0 votes
    2 answers
16. Выстраивание элементов в вертикальный ряд.

    Друзья привет! Очень прошу вашей помощи. В общем я совсем новичок. Только прошел основы html по курсу хан академии. Пытаюсь сейчас верстать свой первый сайт по макету псд. И вот столкнулся с проблемой. Просто в отчаянии уже не знаю как решить. Перепробовал все что мог, все что нашел в гугле, пытался и тут поиском искать, вроде бы нашел несколько похожих тем но так и не смог применить решения к своей странице, видимо просто не хватает опыта и не получается правильно УВИДЕТЬ решение проблемы. Суть. Пытаюсь заверстать одностраничный сайт типа визитки или блога. Сайт состоит из 3х вертикальных элементов. Хедер, тело сайта с текстом, и футер. Так вот я в упор не понима…

    Asked by Good-Kid, December 27, 2015

    • div центровка упорядочить
    0 votes
    2 answers
17. Как растянуть фон до конца экрана

    Как растянуть фон у логотипа до конца экрана? (фон - зеленым цветом). Макет на bootstrap. Пример можно посмотреть здесь. А растянуть фон нужно как на этой картинке.

    Asked by Fendia, December 27, 2015

    0 votes
    1 answer
18. Высота элемента на всю страницу

    Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка

    Asked by Askhat7, December 28, 2015

    • height: 100%
    0 votes
    7 answers
19. Нужна помощь

    Нужна ваша помощь При нажатии на ссылку вида #link страница перемещается к этому элементу. Как это можно убрать? Заранее спасибо.

    Asked by En_Kit, December 28, 2015

    0 votes
    2 answers
20. Пропадает шапка сайта на мобильном

    Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?

    Asked by ishurgaya, December 28, 2015

    0 votes
    2 answers
21. куда указывает прототип

    помогите пожалуйста разобраться в коде: 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. затем через прототи…

    Asked by cyklop77, December 28, 2015

    0 votes
    1 answer
22. Корректное масштабирование фоновых изображений при адаптивной вёрстке

    Обращаюсь, наверное, с нубским вопросом, но уже едет крыша... Тапками готова убиться сама, ядом тоже запаслась. Задача какая: сделать масштабируемую таблицу из div с фоном-книгой. Чтобы масштабы не ездили туда-сюда при изменении размеров контента (был вариант сделать фон одной картинкой, но меняются масштабы, плюс для народа с медленным интернетом это издевательство, согласитесь). При уменьшении родительского окна фон в некоторых блоках начинает обрезаться или некорректно масштабируется. Что я делаю не так и почему он так себя ведёт?( Пример можно увидеть на сайте, сделан на скорую руку, чтобы показать проблему. Выписать затем стильки в общий css не проблема, но пока ч…

    Asked by Enkoiu, December 29, 2015

    0 votes
    2 answers
23. вывод ошибок из ajax

    подскажите решение для вывода ошибок при аякс запросах, использую бутстрап алерт не нравится в идеале хочу всплывающий нотис например вверху окна чтобы потом он сам пропал

    Asked by https, December 30, 2015

    0 votes
    3 answers
24. Сайт превращается не понятно во что в другом браузере

    Добрый день. Делаю сайт. Все время смотрел на него через хром. А тут случайно запустил через мозилу. Разинул рот. Залил на хостинг - тоже самое. Причем сайт простой очень, я не знаю, чего в нем может быть такого, чтобы не скушала мозила. Она не видит фото и 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 …

    Asked by vanya15369, December 30, 2015

    • mozilla
    • css
    0 votes
    1 answer
25. Изменение ссылки копки при нажатии на другую

    На сайте есть панель настроек у пользователей, там есть две кнопки, должно быть так, при нажатии на одну из них, должна меняться ссылка на кнопке на другой странице, \то можно как то реализовать через mongodb?

    Asked by Entense, December 30, 2015

    0 votes
    3 answers