HTML Coding

29,542 questions in this forum

1. Появление подсказки при наведении + тень

   При наведении на блок должно быть вот так: Т.е. должна появляться подсказка. Также не получается сделать тень треугольника снизу (у подсказки). Подскажите, как это сделать? http://codepen.io/anon/pen/avXRQx

   Asked by yaparoff, November 17, 2015

   0 votes
   2 answers
2. Размывается картинка после изменения размера контейнера

   Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

   Asked by Psychedelic1571, November 17, 2015

   0 votes
   2 answers
3. Нулевая высота блока, в котором блок div с картинкой без указанной высоты

   Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; }…

   Asked by vladimirpodr, November 17, 2015

   • css
   • height
   • image
   0 votes
   2 answers
4. Как сделаны тени на http://global.ecco.com/?

   Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?

   Asked by goooooch, November 18, 2015

   0 votes
   2 answers
5. обтекание сайдбара

   Друзья, помогите сделать так, чтобы контент обтекал сайдбар и при этом был одной с ним высоты и находился ровно справа /http://jsfiddle.net/gpvpxwb9/1/

   Asked by severianin, November 17, 2015

   0 votes
   2 answers
6. Проблема с перемещением изображения по вертикали, по горизонтали.

   Дорогие друзья, всем добрый вечер! При создании сайта столкнулся со следующей проблемой. Когда вставляю на сайт изображение (изображение небольшое, под размеры шапки), устанавливаю правило: background-position: top center, но изображение получается слишком высоко и мне его нужно отпустить, если рассматривать в см то приблизительно на 5-7 и сдвинуть в бок на аналогичное расстояние. Подскажите пожалуйста, как это сделать? Сейчас в моем редакторе CSS следующее: Парни, небольшое примечание. Пользовался правилом вроде "margin-left", но перемещается не картинка - как мне нужно, а все содержимое сайта

   Asked by Gentls, November 17, 2015

   0 votes
   2 answers
7. Position relative, transform и выпадающее меню в шапке

   В общем, пытаюсь сделать выпадающее меню на CSS (получилось), но оно там замешано на transform. Делаю как обычно через position : absolute; Но в блоке контента (под меню в шапке) есть элемент, у которого position relative и получается так, что этот элемент перекрывает мое выпадающее меню. Вот проблемный сайт - new[точка]kuhni-rona[точка]ru Наведите на "Каталог" и все станет ясно. Прошу помощи.

   Asked by k0d, November 19, 2015

   0 votes
   2 answers
8. Посчитать остаток ширины

   Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});

   Asked by kattiperk, November 26, 2015

   0 votes
   2 answers
9. Помогите

   Есть 3 дива друг под другом , нужно чтобы при нажатии на любой из них снизу от нажатого дива ВЫПЛЫВАЛ див с информацией о нем, при этом остальные дивы сдвигаются вниз,Как это реализовать?

   Asked by vn18121812, November 20, 2015

   0 votes
   2 answers
10. Проблема при изменение размера страницы

    Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 1190 при прокрутки в право уходит за него. Хочу что-бы фон так же при изменение размера страницы сохранял свой размер. До изменения размера страницы: http://www.webfolder.ru/339992 Это уже при уменьшение размера страницы и смещение ползунка в право: http://www.webfolder.ru/339993 Прошу помощи, так как потратил уже более двух дней на решение данной проблемы((((( <html> <head> <meta charset="UTF-8" /> </head> <body> <link rel="stylesheet" type=…

    Asked by Hosemose, November 20, 2015

    0 votes
    2 answers
11. Убрать скачок при залипании блока

    Привет! Использую плагин Bootstrap Affix для залипания шапки страницы при прокручивании, возникает неприятный эффект ввиде скачка вверх нижней части при изменении высоты залипшей шапки. Никак не соображу, кому добавить отступ для корректировки? Гляньте пожалуйста свежим взглядом: http://uaz-n.ru/

    Asked by d0ublezer0, November 23, 2015

    0 votes
    2 answers
12. Как распаковать сжатый файл

    Подскажите кто знает как распаковать сжатый файл, например CSS, он сжат и отображается в одну строку, как его привести в вид позволяющий отредактировать его нормально? Может можно с помощью sublime text 3 или Notepad++.

    Asked by Mizorg, November 24, 2015

    0 votes
    2 answers
13. Помогите выровнять текст

    Скажите пожалуйста возможно ли опустить текс под картинку. Построение списком. Или этот метод не подойдёт для данного случая? <ul> <li><a href="" class="i1">Установка и настройка ОС</a></li> <li><a href="" class="i2">Работы с комплектующи-<br>ми компьютера</a></li> <li><a href="" class="i1"><span class="niz">Установка и настройка ОС</span></a></li> Возможен вариант span, дисплей блок и падингом топ. это наверно кривовато или нет?

    Asked by virus_ostr, November 25, 2015

    0 votes
    2 answers
14. Какую литературу посоветуете для полного изучения CSS3?

    Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...

    Asked by edvard200018, November 25, 2015

    • css3
    • литература
    • ресурсы
    0 votes
    2 answers
15. Как перенести текст на новую строку ?

    Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

    Asked by Kompilator, November 26, 2015

    0 votes
    2 answers
16. перечеркнуть див

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

    Asked by https, November 27, 2015

    0 votes
    2 answers
17. Правильное подключение Media Queries

    Всем привет! Разбираюсь с адаптивной версткой на Media Queries, все сделал. Не могу определиться как более оптимально подключить их. Получилась довольно внушительная "простыня" CSS (65кб). Как их лучше подключить: в общий файл CSS или разбить на отдельные файлы в зависимости от разрешения экрана? 1. Если каждый файл будет отдельно и подключатся будет через <link rel="stylesheet" href="smartphone.css" media="only screen and (min-device-width : 320px) and (max-device-width : 480px)">то будет ли браузер скачивать все файлы или ограничится только нужным? Была бы экономия нескольких килобайт при загрузке страницы. 2) Если все правила идут в одном файле, то можно чут…

    Asked by Coolbits, November 28, 2015

    • адаптивная
    • верстка
    • media queries
    0 votes
    2 answers
18. Правильная записть HTML кода

    Добрый день Подскажите как правильно написать список такого вида помещённый в блок. Правильно так делать или нудно использоваль список в построении. Но теги h2 большей значимости и поисковые запросы на них ссылаются лучше. Подскажите как правильно сделать <div id="contentindex"> <H2>Установка драйверов</H2> <H2>Антивирусная защита</H2> <H2>Восстановление информации</H2> <H2>Настройка Wi-fi интернета</H2> </div>

    Asked by virus_ostr, November 29, 2015

    0 votes
    2 answers
19. Геометрические символы

    Как вставлять в Dreamweawer 8 геометрические символы, например, не принадлежит прямой (Е зачеркнутое), принадлежит (Е), значки треугольников, углов? Копирую через MS Word и вставляю в Dreamweaver - обозначает как нечитаемым символом. http://prntscr.com/994a69ссылка на символы

    Asked by tanya_7794, December 1, 2015

    0 votes
    2 answers
20. Вопрос по расположению блоков

    Привет. Вот такая задача: есть главный блок, который должен быть всегда по центру. Слева и справа, в зависимости от ширины экрана, к нему добавляются скриптом другие блоки, которые по-хорошему должны выходить за границы экрана, чтобы главный блок был по центру. Установил white-space: nowrap; но это не то. На рисунке - красная рамка - границы экрана. Буду очень рад ответам.

    Asked by horprogs, December 2, 2015

    0 votes
    2 answers
21. обратный отчет времени

    Нужен обратный отчет времени. По сути шириной и высотой как первое предложение(день -час- минуты) и самое главное чтобы при обновлении страницы, время не обновлялось. Условно хочу блок 300на300 в котором идет список из 3-5 таких отсчетов. Дайте позя готовые решения, или статьи.

    Asked by pi314, December 3, 2015

    0 votes
    2 answers
22. Кроссбраузерный SVG в качестве background

    Сделали проект на SVG, но в браузерах Internet Exploer и Safari параметр background-position обрабатывается совершенно иначе нежели в Chrome, что привело к появлению костылей для IE. Первый вопрос: кто нибудь сталкивался с корректными кроссбраузерными решениями вопроса background-position при применении в качестве фона SVG. Может надо графику как-то по другому сохранять? Второй вопрос: а Safari для Windows уже сдохла и больше не обновляется? Если да, то мутор под нее отменяется и достаточно обойтись только подгонкой под Safari для OS X. p.s.: кроме того фон скачет на 1px в IE, если размеры графики оказались в десятых долях пиксела при применении background-size.

    Asked by Shift-Web, December 4, 2015

    0 votes
    2 answers
23. Помогите разобраться, как убрать показ ссылки.

    Добрый день. Подскажите пожалуйста, как можно убрать или запретить показ ссылки в браузере html методом? Пример: при наведения курсора на картинку, то в левом нижнем углу (браузер Опера) показывается полный путь ссылки, его надо убрать.

    Asked by abelitro, December 4, 2015

    0 votes
    2 answers
24. Проблема при смене изображения при наведении в ИЕ

    Доброго времени суток форумчане!!, давненько я под ие не верстал и наткнулся на такую вот проблему http://www.domstroi69.ru докручиваете вниз до блока КАК МЫ РАБОТАЕМ , там 6 цифр, сверстаны они все как изображения, при наведении на них js заменяется src . Во всех браузерах кроме ИЕ все хорошо , но в ие когда меняюся картинки, то изображение Мерцает... кто сталкивался с такой же проблемой пожалуйста отпишите пути решения... пробовал сверстать как div с background-image но такая же тема!!! HELP

    Asked by Daniil Khanin, December 6, 2015

    • ИЕ
    • мерцание изоб
    0 votes
    2 answers
25. Проблема верстки под мобильные устройства

    Всем добрый день. Проблема с версткой под мобильные устройства, не знаю даже что делать. Есть сайт http://pantelemone.ru/или его каталог http://pantelemone.ru/catalog/ Это интернет-магазин. Проблема в некоторых элементах. В частности это логотип и слоган над ним. На мобильных устройствах он никоим образом не сжимается под эти самые мобильные устройства. Шаблон изначально брался с этого сайта http://demo.ace-group.ru/carroshop/, но потом претерпел изменения. Сейчас уже не получится найти концы, да и не факт, что адаптация была до этого. Подскажите пожалуйста, что тут можно было бы придумать? Особенно по средствам CSS.

    Asked by TRIGUN, December 6, 2015

    0 votes
    2 answers