HTML Coding

29,542 questions in this forum

1. css помогите с :hover

   https://jsfiddle.net/sipsap/w547anoh/ Вопрос: 1. Как сделать так что бы текст менял свой цвет вместе с hover'ом заднего фона, а не нужно было наводить на него отдельно? 2. Не как не могу понять как мне задействовать в активном блоке верхнюю картинку? (мне данны две картинки на одной области. Снизу, бела сверху черная) Пример:

   Asked by hover, December 2, 2017

   • html
   • меню
   0 votes
   3 answers
2. Не могу обрезать повёрнутый блок

   Есть таблица с данными по диагонали, я её вставил в блок .povorot{ -moz-transform: rotate(45deg); } данные стали вертикально, но от блока остались углы., левый и верхний угол обрезать получается сдвинув их за экран .obrezka{ background-color:red; margin-left: -1095px; /*1354*/ margin-top: -330px; } но вот с правым ничего сделать не могу. Пробовал задавать ширину блоков и body, ничего не даёт, повёрнутый блок на них не реагирует. Нужно отпилить теперь уже правый угол чтоб убрать горизонтальною прокрутку, что была чистая страница пригодная для печати. Думал о фрейме, но вроде как его нельзя распечатать. Может есть какието решения? …

   Asked by 74LS00, December 2, 2017

   0 votes
   1 answer
3. Задать свой курсор в contenteditable

   В Internet Explorer при наведении на элемент находящийся внутри contenteditable нельзя задать свой курсор. Вопрос: как задать свой? https://jsfiddle.net/3pdyhj8s/

   Asked by serzh82saratov, December 1, 2017

   • internet explorer
   • contenteditable
   • cursor
   0 votes
   2 answers
4. Работа с приложение "Pixel Perfect"

   Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...

   Asked by Super_Saimon, December 1, 2017

   • верстка
   0 votes
   10 answers
5. Помогите с одной функцией

   При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!

   Asked by Aragonix, November 30, 2017

   0 votes
   3 answers
6. Как отобразить background-image за пределами блока

   Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??

   Asked by Алексей2802, November 30, 2017

   • background
   • background-image
   0 votes
   12 answers
7. Меню вылазит за вьюпорт ..

   На этой странице (Ссылка), в мобильной версии, из-за навигации появляется скролл .. В чем причина? Большое спасибо! Проблема решена, можно удалять.

   Asked by Hasiev, November 30, 2017

   0 votes
   0 answers
8. Отступы в макете и на сайте

   Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.

   Asked by Firin, November 29, 2017

   0 votes
   7 answers
9. Плавное sticky menu

   Ребят помогите пожалуйста, есть вот такое sticky menu, нужно сделать его как-то чтобы оно более плавно прилипало при скролле хотя бы как тут без рывков http://hashiva.s215.upress.link/. Уже и с transition игрался, и анимации придумывал разные, никак не получается решить.

   Asked by brezze, November 29, 2017

   0 votes
   3 answers
10. специальные комментарии в html

    в исходном коде HTML сайта "игромания" увидел много вот таких комментариев <!-- LRS 28.11.2017 14:45:12 -->, что это и для чего, в инете ответ не нашел, буду благодарен за пояснения!!!

    Asked by wegas, November 28, 2017

    0 votes
    1 answer
11. HTML CSS media запросы

    Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…

    Asked by korozyan, November 28, 2017

    0 votes
    12 answers
12. Поздно срабатывает onscroll в IE

    Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно. Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения? https://jsfiddle.net/0b9dye0j/

    Asked by serzh82saratov, November 27, 2017

    • scroll
    • onscroll
    0 votes
    0 answers
13. Выравнивание элементов в таблице

    Доброго времени суток уважаемые форумчане. В таблице, при адаптации для маленьких разрешений не знаю как выровнять текст. Разница в 1 символ, но визуально они стоят криво, хотелось бы их расположить один над одним. Прошу подсказать. Заранее благодарен. код

    Asked by Igorewa, November 27, 2017

    0 votes
    9 answers
14. Content model:

    Объясните пожалуйста человеческим языком описание контент модели тега <a> 3.2.4.2 Transparent content models Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.

    Asked by AlexZaw, November 27, 2017

    0 votes
    2 answers
15. карусель Создание карусели

    Здравствуйте, коллеги! Подскажите пожалуйста как лучше реализовать карусель в данном макете. Я имею ввиду, какой самый оптимальный вариант, чистый css, jquery, js, bootstrap? Макет прилагаю. Спасибо!

    Asked by zhuravelda, November 26, 2017

    • js карусель
    • jquery карусель
    • css карусель
    0 votes
    5 answers
16. Параллельный сдвиг строк в двух <div>

    Всем привет! Прошу помощи! Каким способом оптимально выполнить параллельный сдвиг строк в двух тегах <div> (для удобства чтения стихов с переводом) при изменении ширины страницы? В приложении прикрепил правильный и неправильный вариант Правильный вариант расположен тут - https://www.musixmatch.com/lyrics/Oxxxymiron/Где-нас-нет/translation/english Там все обернуто в какую-то неимоверную кучу стилей. Есть ли еще какие-то способы выровнять строки по уровню внутри двух <div>? Спасибо!!!

    Asked by Svoi, November 25, 2017

    0 votes
    1 answer
17. Как заставить Masonry располагать контент в 3 колонки?

    При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).

    Asked by VeraVostro, November 24, 2017

    • css
    • jquery
    • flexbox
    • masonry
    0 votes
    3 answers
18. Векторый фон для текста, реально?

    Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.

    Asked by native_today, November 24, 2017

    0 votes
    4 answers
19. Открытие картинки на весь экран с затемнением без js

    Добрый день. Подскажите пожалуйста как при клике ссылку открыть картинку на весь экран с затемнением фона, так что бы при повторном клике на картинку или фон она закрывалась. И возможно ли все это только на CSS?

    Asked by Ubhra, November 24, 2017

    0 votes
    3 answers
20. Стилизация таб переключателей

    Доброго времени суток уважаемые форумчане. Прошу помощи со стилизацией таб переключателей. Мой код, задуманы как в приложении 11. Заранее благодарен.

    Asked by Igorewa, November 24, 2017

    • стилизация переключателей
    0 votes
    2 answers
21. Абсолютное позиционирование шапки сайта

    Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …

    Asked by Arxont, November 23, 2017

    0 votes
    17 answers
22. Специфические шрифты в psd макете

    Всем привет. Возникла такая проблема. Теорию html и css я прочитал и решил попрактиковаться. Скачал несколько макетов и тут появилась проблема со шрифтами. В Photoshop я пока плохо разбираюсь, но чувствую нужно будет подучить теорию с ним. Я разобрался, что если в системе нет нужного шрифта, то его легко можно скачать и установить. Но в паре макетов, которые я очень хочу сверстать, шрифты платные. То есть как я понял, единственный вариант - заменить их уже встроенными в Windows. Но при это возникает проблема с размером и полнотой шрифта. Если с полнотой ещё понятно, то проблема с размером более объёмная. Заменяю я шрифт, он становится или Arial, или вообще …

    Asked by Arxont, November 23, 2017

    0 votes
    2 answers
23. Как расположить элементы на странице таким образом?

    Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…

    Asked by marchenkovby, November 23, 2017

    0 votes
    7 answers
24. Элемент уходит влево после работы скрипта

    3 кнопки, 3 таблицы, после нажатия на кнопку отображается определенная таблица. После нажатия на кнопку таблица всегда уезжает влево, несмотря на тег <center> и атрибут align="center" rabbits.html

    Asked by znukut, November 23, 2017

    • js
    • html
    0 votes
    2 answers
25. Css проблема при выравнивании box-sizing:border-box

    Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.

    Asked by Igorewa, November 23, 2017

    • выравнивание блоков
    0 votes
    2 answers