HTML Coding

29,542 questions in this forum

1. Как притенить блок при нахождении на другом блоке

   Есть два блока, как можно при нахождении курсора на одном из них притенить второй. Вот пример, но не работает - http://jsfiddle.net/1r9tafnq/

   Asked by alleclf, January 25, 2015

   0 votes
   3 answers
2. подскажите слайдер

   http://joxi.ru/nAy8GVkhDKZa2Z

   Asked by raptor-dm, June 20, 2015

   0 votes
   3 answers
3. Не работает polymer

   В качестве сервера, установлен XAMPP, с ним всё в порядке. Почему-то в файле index.html, ничего не появляется. Кто сможет разобраться с архивом? http://dropcanvas.com/ggh8d Код не большой Залил на хостинг http://allnet.16mb.com/polymer/

   Asked by DivMan, July 10, 2015

   0 votes
   6 answers
4. При использовании display: inline-block; между двух блоков появляется отступ

   У меня новая проблемка, использую два блока со свойством display: inline-block; и между ними появляется отступ примерно в пикселей 10, но он мне не нужен такой. Наглядный пример можно посмотреть тут http://jsfiddle.net/6L2qbL83/ подскажите, что я упустил?

   Asked by papay, October 13, 2015

   • display: inline-block;
   0 votes
   2 answers
5. Где взять такую

   Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?

   Asked by kent, March 24, 2016

   0 votes
   2 answers
6. Как сверстать эту секцию?

   Всем привет. Вопрос: как сверстать данную секцию? prntscr.com/fr8b96 Заранее спасибо за ответы. Как сделать что бы иконка была слева, а текст справа я уже знаю. А вот как сделать это все дело в ряд до меня не доходит Возможно просто недостаточно знаний для этого.

   Asked by Crushing, July 3, 2017

   • html
   • css
   0 votes
   2 answers
7. верстка и JS программирование в Safari ?

   Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!

   Asked by mstdmstd, September 25, 2017

   0 votes
   1 answer
8. Вставка исходного года в html

   Всем привет! Столкнулся с проблемой, сервер может обрабатывать не более 5 запросов одновременно, поэтому приходится вставлять некоторые элементы прямо в index.htm Сейчас реализовано как ссылка <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или <link rel="shortcut icon" href="favicon.png" type="image/png"> но нужно код картинки вставить прямо в htm чтоб убрать лишние запросы к серверу. Как вставить исходный код вместо ссылки на favicon или иные картинки?

   Asked by mcMega, October 28, 2017

   • html
   0 votes
   2 answers
9. Как скрыть div с динамическим id

   Есть вот такой кусок кода (как пример) на прикреплённых файлах. Безпорядочный id/class меняется после перезагрузки страницы. Пока примудрил так #leftColumn>div:nth-last-child(2) Но убирается незначительная, но всё-таки нужная (не рекламная) часть блока, потому как при генерации родителю присваивается подобное безобразие (по типу #R67fGHk)

   Asked by БлагоѨръ, August 4, 2018

   0 votes
   0 answers
10. Соотношения сторон для верстки

    Смотрел видеоурок с 14:00-17:50 В нем вычисляются размеры видео в %. Размеры видео - 600*442. Ширина блока контейнера - 1046px (если я конечно правильно понял значение этого числа - 1046px). Есть следующий класс <section class="page__whoweare whoweare"> <div class="whoweare__container _container"> <div class="whoweare__header header-block"> <h2 class="header-block__title">Who We Are</h2> <div class="header-block__sub-title"> Problems trying to resolve the conflict between the two major realms <br> of Classical physics: Newtonian mechanics </div> </div> <di…

    Asked by vladdvin, March 23, 2022

    0 votes
    0 answers
11. Создать оттенок на картинке

    Как средставми css создать отенки на изображении?

    Asked by Admiral, April 8, 2009

    0 votes
    4 answers
12. Как сделать ?

    Вот сижу делаю резиновый шаблон.Задача такая.У меня сверху шапка типа как фейсбука,она окрашена в чёрный.Так вот в этой шапке у меня логотип должен быть слева,в центре меню, и справа форма для входа.Каждый из этих элементов находится в своём блоке.Все они находятся в одном блоке с классом header_header.Также все они находятся в одном общем блоке,который формирует верхнюю чернуюю полосу. Надо сделать чтоб,вот этот один блок с классом header_header ,который объединяет все три блока (с лого,меню,и формой),стоял посередине и между блоками ,которые внутри него т.е. между лого меню и формой были отступы.Вот код.Подскажите как сделать? <div class='header'> <div class='…

    Asked by new01, March 19, 2011

    0 votes
    3 answers
13. Сглаживание шрифтов в макетах

    Дизайнер дал макет, пытаюсь его сверстать. Получилось совсем не так как надо поскольку различается написание шрифтов в макете и в браузере. Посмотрел повнимательнее, дизайнер использовал сглаживание шрифтов - Резкое. Насколько мне известно всегда макеты рисовались без сглаживания. Вопрос: это дизайнер ламер или я что-то пропустил и у современных дизайнеров теперь принято рисовать макеты со сглаживанием? Я еще понимаю можно где-нибудь в заголовке сглаженный шрифт использовать, но не во всем же макете.

    Asked by kvant, June 24, 2011

    0 votes
    3 answers
14. Проблема с правым блоком

    Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…

    Asked by Bingo, December 14, 2011

    0 votes
    4 answers
15. Картинка - кнопка

    Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.

    Asked by Avesha, February 13, 2012

    0 votes
    6 answers
16. Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а

    Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…

    Asked by andreyua, March 23, 2012

    0 votes
    8 answers
17. помогите с семантикой!

    http://pixs.ru/showimage/htmltaskpn_9324633_4961311.png подскажите, пожалуйста, какими тегами делать, очень важна семантика!!!!!!!!!!!!!!! —-Доверьтесь тем кто знает свое время —-Пресс-центр - теги для назвния статьи и даты —-Наши координаты- теги для телефона и имейла

    Asked by olechic, June 5, 2012

    0 votes
    9 answers
18. Обрамление слайдер или слайдер под слоем

    Добрый день. Вот адрес snobstore.ru, там есть рамка с цветами и есть внутри слайдер, подскажите как лучше сверстать и сделать так, что бы сдайдер был под этой рамкой с цветами, что бы листья и цветы которые свисают внутрь рамки были на слайдере, сейчас сделал рамку как фон, а слайдер поверх, выглядит не красиво, а нужно что бы слайдер был виден сквозь листья и цветы (именно внутри рамки, как будто картинки внутри, а не поверх)..Надеюсь Вы поняли что я хотел объяснить.

    Asked by kmaroff, June 6, 2012

    0 votes
    3 answers
19. Неизвестная ошибка!

    Здраствуйте!У меня на сайте выскакивает какая-то ошибка.Что это:

    Asked by ELBegemotos, July 8, 2012

    0 votes
    3 answers
20. поле уехало

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

    Asked by cyklop77, July 11, 2012

    0 votes
    8 answers
21. Вопрос по Math.sqrt и Math.Round в JS

    Есть такое выражение: r0 = Math.round(Math.sqrt(x*x+y*y)*100)/100; При выводе выдает NuN вместо результата. В чем ошибка?

    Asked by Feel, September 16, 2012

    0 votes
    4 answers
22. На дворе конец 2012-го года. Что у нас по круглым картинкам?

    Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает border-radius: 100%; width: 150px; height: 150px; Кто как выходит из положения? Скруглять нужно именно картинку. Без слоев с фоновыми изображениями. Упс. Заменил проценты на пиксели и заработало

    Asked by weart, September 30, 2012

    0 votes
    9 answers
23. <img> background

    Здравствуйте, подскажите пожалуйста... Имеется на странице блок по центру с минимальной min-width и максимальной max-width шириной. Внутри блока, панорамная картинка с фиксированными размерами: <img src="head.jpg" alt="" height="487" width="1260"> В css правило чтобы картинка <img src... автоматически подгонялось под размеры внешнего блока (уменьшается увеличивается картинка в зависимости от монитора) img { height: auto; width: 100%; } Как же сделать тоже самое только в место <img src= прописать правильно background в css? Химичил-Химичил получалось только фиксированные фоновый рисунок... ————-- При регистрации я впервые в жизни мельком прочитал пра…

    Asked by Телевизор, October 3, 2012

    0 votes
    7 answers
24. Блок не хочет обтекать

    Надо сделать так http://divhack.com/downloads/study/3/3.jpg (правая колонка в контенте) У меня не выходит сделать обтекание. http://troshka.hut4.ru/ Задаю .content .right{ float:right; } и блок встает вниз, и вообще как он вылез за пределы блока content, в котором находится?

    Asked by ВикторТрошка, January 25, 2013

    0 votes
    5 answers
25. Скроллинг в таблице

    И вновь приветствую,такая проблема необходимо сделать скроллинг таблице,нашёл примеры с других форумов,ну так и не с умел нормально довести до таблицы Исходный код таблицы:http://pastebin.com/ADqWwhiC

    Asked by Vopub, January 23, 2013

    • скроллинг
    0 votes
    2 answers