HTML Coding

29,542 questions in this forum

1. Градиентный border

   Как мне применить к блоку такую рамку? http://2.firepic.org/2/images/2015-01/10/s8gl0x3s7wky.png Чтобы была двойная, в два пикселя и с градиентом (внутренняя)

   Asked by iBars, January 10, 2015

   0 votes
   7 answers
2. Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него

   Вот пример: http://cssdeck.com/labs/gt43peto Есть блок, внутри него текст. Каждое слово переносится на новую строку. Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него. Если текст длиннее максимальной ширины блока, то только тогда текст должен переноситься на новую строку. Если текст короче максимальной ширины блока, то блок должен быть такой же ширины как текст + отступы.

   Asked by Koroed, January 21, 2015

   0 votes
   7 answers
3. Пропадает правая колонка

   Всем доброго времени суток, столкнулся с проблемой. Понимаю что решаться она должна просто, но все же: При вставке блока комментов соц сетей, пропадает правая боковая ячейка (сайт сделан при помощи <table>). Сам блок: <br><h3><font size="5">Ваши комментарии:</font></h3> <section class="tabscomment"> <input id="tab_2" type="radio" name="tab" checked="checked" /> <input id="tab_3" type="radio" name="tab" /> <input id="tab_4" type="radio" name="tab" /> <label for="tab_2" id="tab_l2">Вконтанте</label> <label for="tab_3" id="tab_l3">Facebook</label&…

   Asked by Inferial, January 22, 2015

   • html
   • css
   • div
   0 votes
   7 answers
4. SVG траблы

   Подскажите плиз кто работал с svg, встраиваю svg прямо в html и все круто кроме одного - примерно 2/3 html это svg и еще гадкий jade в sublime 3 ломает индентацию (приходится ручками подправлять). Решил встроить svg спрайтами через background-image но есть проблема - не могу использовать fill, что мне делать то, отдельный спрайт для ховера делать ?

   Asked by Sergik+, January 26, 2015

   0 votes
   7 answers
5. Резиновая шапка сайта

   Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …

   Asked by Dizred, January 28, 2015

   • header
   • mobile
   0 votes
   7 answers
6. Проблема при установке DLE на Denwer

   Проблема следующая - устанавливаю dle на денвер, на самом последнем этапе после ввода имени базы данных, пароля, имя пользователя и т.д. нажимаю продолжить, грузится долго, а потом выдает ошибку - Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\test1.ru\www\engine\classes\mysqli.class.php on line 76 и так уже несколько раз, насколько я понимаю проблема в длительности загрузки, но как ее решить? Помогите, пожалуйста, кто сталкивался...

   Asked by Lady_V, January 29, 2015

   0 votes
   7 answers
7. Плавная смена изображения

   Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?

   Asked by SidSpears, February 6, 2015

   • css
   • transition
   0 votes
   7 answers
8. подогнать фон

   помогите пожалуста советом есть задача переверстать статичный сайт в адаптивный, используя стандартную бутстраповскую сетку. проблему представляет фон, который сделан одной картинкой, и изменять который, в силу некоторых причин, нельзя здесь я набросал основной каркас сайта. как видите, фон элемента body при больших ширинах экрана смотрится нормально, на планшетах становится видна пустая середина, а при меньших размерах он и вовсе пропадает(пропадает узор и остаётся лишь красный цвет) скажите, можно ли исправить эти 2 косяка малой кровью? меня устроит даже объяснение на словах как можно поступить с проблемой

   Asked by cyklop77, February 9, 2015

   0 votes
   7 answers
9. Роли и aria-атрибуты

   Подскажите, зачем нужны роли и aria-атрибуты? По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

   Asked by PavelTkachev, February 19, 2015

   0 votes
   7 answers
10. выравнивание горизонтального меню с картинками

    Здравствуйте,столкнулся с проблемой,не могу выровнять в горизонтальном меню картинки,сейчас это выглядит вот так http://slayers.zz.vc/ ,а нужно что бы ссылки были под картинками. <style> .menu_head{float:right;margin-top:17px;display:table;}.menu_head li{display:table-row;float:left; }.menu_head li a{display:table-cell;text-align:center;}</style> <ul class="menu_head"><li><a href="#"><img src="img/home.png"/>Про комплекс</a></li><li><a href="#"><img src="img/key.png"/>Квартири</a></li><li><a href="#"><img src="img/shopping.png"/>Покупцям</a></li><li><a …

    Asked by BlooDSikeR, February 26, 2015

    • горизонтальное меню
    0 votes
    7 answers
11. Как сделать такое меню ?

    Как сделать чтоб этот треугольник при наведении появлялся по центру текста ? а то он на первом слове по середине а на других нет. И еще вопрос поставил себе ubuntu поставил gimp как в gimp узнать какой шрифт используется в слове ? http://pixs.ru/showimage/herdesigns_5346032_16234412.jpg

    Asked by Shenia132, February 27, 2015

    • верстка
    0 votes
    7 answers
12. Не правильно отображается таблица на сайте, как исправить?

    Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…

    Asked by boltuk, February 27, 2015

    0 votes
    7 answers
13. selectable jquery

    Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение

    Asked by radioactive68, March 1, 2015

    • selectable
    • checkbox
    • jquery
    0 votes
    7 answers
14. Растянуть элемент <video> на всю высоту родителя

    Вроде как по спецификации height: 100% работает если у родительского блока явно указана высота. В моем случае у блока с классом video-wrapper высота — 250px. Самому элементу <video> я указываю width: 100% и height: 100%, но он почему-то не растягивается на всю высоту. Вопрос: в чем проблема? Нужно, чтобы блок с классом controls "накладывался" на видео по нижней границе. Фиддл: http://jsfiddle.net/y2p80pjo/

    Asked by Aleksandr.L, March 2, 2015

    0 votes
    7 answers
15. Рамка вокруг активного пункта меню + подменю

    Добрый день. Подскажите пожалуйста как сделать такую рамку: Сейчас если навожу на услуги просто всплывает подменю.

    Asked by jdk, March 5, 2015

    0 votes
    7 answers
16. Блоки отскакивают при наведении

    Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…

    Asked by yaparoff, March 18, 2015

    • margin
    0 votes
    7 answers
17. Растянуть картинку

    Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?

    Asked by kolhoz, March 24, 2015

    0 votes
    7 answers
18. css

    Добрый день, подскажите какой класс править чтоб нормально отобразить кнопки добавить в корзину и подробней сейчас кнопки направлены в разные стороны и бэграунд кривой. Правил такие классы class="product-buttons" class="product-buttons-container clearfix" class="show_details_button" при помощи падингов что -то получается но криво. Мне нужно чтоб обе кнопки были по середине, и имели нормальный бэгрануд. Спасибо.

    Asked by mrfrunze, March 26, 2015

    0 votes
    7 answers
19. Svg не отображается в Firefox

    Не отображается svg. Есть способы подмены на удобный для Firefox формат?

    Asked by Rakapudl, March 27, 2015

    0 votes
    7 answers
20. Вертикальное выравнивание

    Help! Уверен, что для большинства задача до ужаса тривиальная, но у меня чего-то не выходит ее решить. Вопрос простой: как выровнять блок по вертикали. Вот такой пример: https://jsfiddle.net/742cx8wj/1/ Нужно, чтобы RIGHT было посередине. Спасибо!

    Asked by Antoshka007, March 28, 2015

    • vertical-align
    0 votes
    7 answers
21. 3D облако тэгов

    Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.html), подскажите как можно свести их на одну или может есть другой вариант решения проблемы. Вот сам код страницы <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&…

    Asked by Vadim-Oblivion, March 30, 2015

    • 3D облако
    • тэг
    • jquery
    • swf
    0 votes
    7 answers
22. html5 outline

    Хочу верстать правильно с семантикой. Только не могу пока въехать, что делать с заголовками, которые не нужны для отображение, но они должны быть для оутлайна. Например в section или article. <section> <h3 class="hidden">Осмысленный заголовок секции</h3> <p>Lorem ipsum dolar sit amet.</p></section>Если прятать с display:none, то плохо для поисковиков. Если visibility:hidden, то мне говорили так можно, в спеке прописано. Но блин он ведь остается в потоке документа и мешает верстке. Если задать свойства, width: 0; height: 0; - это решит задачу или равносильно display: none? Я до сих пор не могу верстать во всю силу html5, пока этот воп…

    Asked by box, April 10, 2015

    • html5
    • outline
    0 votes
    7 answers
23. Кривое отображение флеш в Гуглхром

    Добрый день, подскажите пожалуйста что не так делаем, вставили флеш фрагменты в описание категории сайта, в Мозиле и IE отображается корректно, а вот Гугл Хром никак вообще, вот собственно сама страница http://dvertsov.ru/collection/razdvizhnye

    Asked by pilc, April 16, 2015

    • флеш
    0 votes
    7 answers
24. С тегом <!DOCTYPE> страница сползает влево.

    Здравствуйте, на днях начал осваивать html, css. Всё бы хорошо, но узнал, что без <!DOCTYPE> сайт считается яндексом некорректным. Добавил <!DOCTYPE> в самое начало страницы и вместо центра блоки прилипли к левому краю (см фото). Текст сайта думаю тут нет смысла выкладывать ? Вот - велосвет.рф, там же можно посмотреть ? Подскажите, что можно с этим сделать. Спасибо.

    Asked by Kompilator, April 22, 2015

    0 votes
    7 answers
25. Как установить картинку в нужное мне место

    Всем привет появилась проблема с версткой дизайна для файлообменника вот как выглядит сейчас тут картинка с Лениным стоит не так как задумывалось Вот как задумывалось (набросал в фотошопе)

    Asked by JIEHNH, April 25, 2015

    0 votes
    7 answers