HTML Coding

29,542 questions in this forum

1. табы без содержимого этих табов bootstrap в шаблоне

   Всем привет, Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть табы без содержимого этих табов. Я попытался посмотреть как это сделано в другом темплейте: <div class="panel panel-default"><div class="panel-heading"><div class="text-muted bootstrap-admin-box-title">Tabs</div></div><div class="bootstrap-admin-panel-content"><ul class="nav nav-tabs"><li><a href="#tab-1" class="active" data-toggle="tab" >Tab 1</a></li><li><a href="#tab-2" data-toggle="tab" >Tab 2</a></li><li><a href="#tab-3" da…

   Asked by mstdmstd, August 8, 2014

   0 votes
   1 answer
2. Проблемы с max-width

   Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?

   Asked by WEB-best, August 13, 2014

   0 votes
   1 answer
3. background-size: cover + backgroud-attachment: fixed на ipad?

   Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…

   Asked by Нарек, August 18, 2014

   0 votes
   1 answer
4. Всплывающий блок при наведении на картинку

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

   Asked by Orarifish, August 13, 2014

   0 votes
   1 answer
5. Ipad, проблема с фиксированной высотой 100%, при переворачивании.

   Есть проблема с safari в ipad4. заданы свойства body, html, { height: 100%;} В итоге тело боди растягивается на 100%, все отлично работает. На ipad на портретнике тоже. Но при повороте, альбомном положении, появляется скролл. Пробивал скриптами и оказалось, что window при альбомном положении чуть больше, чем нужно, то есть html имеет 500 пикселей по высоте, a window 550px. В итоге html растягивается больше чем нужно и получается скролиг. Может кто встречался с такой проблемой?

   Asked by Grifit, August 13, 2014

   0 votes
   1 answer
6. Фон с узором, плавно переходящий в цвет

   Всем привет! дайте совет плз или ткните носом =) Получил на верстку фон шапки такого вида(клац), тоесть узор плавно переходящий в сплошной цвет. Ситуация совершенно не патовая, прост хочется использовать самый оптимальный вариант. Если б градиента не было то нуль проблем - вырезал бы повторяющийся фрагмент узора и зарепитил по обеим осям. Тут надо другой подход. У меня пока 2 варианта: 1) вырезать часть фона от верхней точки(с узором) до момента где начинается цвет (вышло изображение(клац) 4х360 пикс величиной 2,49 КБ), далее зарепитить по иксу, а остальное залить цветом. 2) вырезать фрагмент узора(клац) (4х4 пикс), залить им весь фон хедера. Потом в хвотошопе сделать фра…

   Asked by kupas, August 13, 2014

   • css
   • градиент
   • фон
   0 votes
   1 answer
7. Что такое размер шрифта?

   Для простоты расчетов: font-size: 100px; line-height:100px; font-family: Arial; Визуалный пример: http://jsfiddle.net/avmrLtao/ Что значит здесь font-size: 100px, и как это соотносится с реальными размерами и положением букв в строке?

   Asked by neTp9c, August 15, 2014

   • размер шрифта
   0 votes
   1 answer
8. Картинка со ссылкой.

   Хотел сделать себе кнопку Панель управления. (Вот мой сайт: lola.orisale.ru). Так вот, не знал как запихать картинку на левый край, так как задавая картинке Position: right, я получал ее на середине страницы. Решил через баграунды. Сейчас у меня такая конитель: body{ background-image:url(panel.png), url(ph3.png), url(ph2.png), url(fona.GIF); background-repeat: no-repeat, repeat-y, repeat-y, repeat; background-attachment: fixed, fixed, fixed, no-fixed; background-position: right, left, right, center;}Собственно, panel - это и есть та фотка, остальное - фон. Так вот в чем вопрос: 1.Как мне повесить на нее ссылку? Мол нажал кнопочку и опа, панель управления... 2. Возможн…

   Asked by Человек228, August 16, 2014

   0 votes
   1 answer
9. убрать кнопку "Online"

   Всем привет, На сайте http://displo.com/backend/en/home В левом нижнем углу есть кнопка "Online". Ее нужно убрать Не могу найти этого куска html-кода Или это какая-то js-библиотека ?

   Asked by mstdmstd, March 9, 2016

   0 votes
   1 answer
10. Bootstrap modal и IE8

    Добрый день! Собственно, проблема такая: есть стандартное модальное окно bootstrap'а. Везде работает хорошо, однако в IE8 в низу страницы появляются границы пустых div'ов от этого модального окна. Выглядят они так: respond.js подключен. Страницу можно посмотреть здесь: http://work4.a26.ru/test.html Подкажите пожалуйста хотя бы куда копать. Заранее благодарен!

    Asked by boehpyk, August 16, 2014

    • bootstrap
    • ie8
    0 votes
    1 answer
11. Подложка активного пункта меню

    Добрый день, Уважаемые специалисты. Вопрос такого характера. На сайте http://ptss.webformat.by/ как сделать подложку активного пункта меню по центру? Заранее спасибо!

    Asked by levitan, August 18, 2014

    0 votes
    1 answer
12. IE9 неправильно выстраивает элементы. В чём причина?

    http://tellmeof.cc.ua/MetroUI/metroui.html Нормальные браузеры при ширине области просмотра более 960px выстраивают плитки в два ряда. В IE9 что-то ломается, и ряда становится три. Не могу понять что происходит.

    Asked by Johnney, August 18, 2014

    • IE9
    0 votes
    1 answer
13. Вёрстка колонок

    Сейчас лучше чем верстать колонки сайта: флоатами или inline-block?

    Asked by DivMan, August 18, 2014

    0 votes
    1 answer
14. Не работают тултипы (tooltips) в IE

    Добрый день. Прошу совета и помощи в решении проблемы. Есть сайт, на котором мне нужно исправить ошибки. Верстал и натягивал его на WP не я, а вот делать исправления, так вышло, что нужно мне. Но дело в том, что с версткой у меня не очень (сам я дизайнер). Вот на этой странице услуг http://www.posadnv.ru/services/ у нас есть схема. При наведении на неё вылезают тултипы, в которых буллетами перечислено содержание услуги. Проблема в том, что эти тултипы не работают в IE. Сделаны они через CSS. В чем загвоздка понять не могу. Так же там есть маппинг, вокруг области полукругов. На самом деле глобально, там не нужен ни маппинг (хватит тултипа и просто на 1 картинке ц…

    Asked by Meroving, August 19, 2014

    • tooltip
    • тултипб
    • css
    • IE
    0 votes
    1 answer
15. немогу подключить ajax обратного звонка

    Сделал окно и форму обратной связи, отдельно все работает отлично: http://nailart-studio.com/sendmailforms Но только виношу index.html из папки появляються проблемы (пути в хедерах вроде прописал правильно) Ошибка в index.php:

    Asked by NOCaut, August 20, 2014

    0 votes
    1 answer
16. Чем заменить на css тип "handheld" в правиле @media?

    Здравствуйте. При создании сайта возникла проблема, в мобильных браузерах (смартфонов и планшетов) он прижимается к левому краю. Было принято решение дополнить шаблон с помощью атрибута @media, однако, как оказалось, современные браузеры на мобильных устройствах не считывают тип "handheld", считая, что для них предназначен обычный тип "screen". Задать необходимые параметры через значение @media screen and (max-device-width:) также не получается из-за того, что современные мобильные устройства имеют разрешение равное стационарным мониторам. Подскажите, как можно решить данную проблему?

    Asked by meigas, August 20, 2014

    • css
    • html
    • @media
    0 votes
    1 answer
17. В чем ошибка?)

    Ребята, голову ломаю уже час, не могу понять где ошибка, помогите найти. http://jsfiddle.net/56soLzL7/show/ Кто не знает как перейти в режим редактирования кода - просто удалите /show/ с конца ссылки. Так вот, в OsX сафари вообще не хочет отображать мое скрытое меню (наводим на пункт HOVER HERE). А вот google chrome (на windows) ведет себя иначе Если наводить на пункт двигая мышкой снизу (с пункта 5) вверх - все нормально открывается и показывает. А вот если наводить сначала на статью которая справа, потом оттуда попытаться наводить на пункт меню HOVER HERE, то видна какая то задержка непонятная..Подозреваю все дело опять в backface-visibility и transform3d, только …

    Asked by Нарек, August 20, 2014

    0 votes
    1 answer
18. Ошибка в позиционировании или в z-index, или в overflow?

    Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/

    Asked by Нарек, August 21, 2014

    0 votes
    1 answer
19. Выделение текста внутри псевдоэлементов.

    День добрый. .mh46{ display: block; position: relative; width: 235px; padding: 3px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); margin-top: 8px;}.mh46:before{ content: " "; position: absolute; border: #e1e1e1 solid 1px; border-radius: 5px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left;}.mh46:hover{ background: #EFEFEF;}.mh46:hover:before, .mh46:focus:before, .mh46:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px;}Сделал блок DIV с тестовым содержимым…

    Asked by sergey032, August 23, 2014

    0 votes
    1 answer
20. Прозрачность

    Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>

    Asked by SLameN, August 23, 2014

    0 votes
    1 answer
21. Разобраться с блоками

    Здравствуйте никак не могу разобраться с блоками при наведении мыши, А точнее указать размеры и поля, у блоков есть тень она считается при указании размеров? Подскажите) У меня на странице блоки при наведении разъезжаются <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <title></title></head><body> <div class="wraper"> <div class="block_news"> <div class="box_music"> <a href="#"> <img src="images\marilyn_manson.png" alt="Mari…

    Asked by wariorswars, August 25, 2014

    0 votes
    1 answer
22. Blur не работает в IE10

    Привет, Проблема следущая использую фильтр blur на картинку, но в IE10 не работает. Много гуглил но решения не нашел. Может кто-то знает готовое решение или подкинет линку с мануалом.

    Asked by Justtie, August 26, 2014

    • blur
    0 votes
    1 answer
23. Помощь по сетке bootstrap3

    Подскажите, можно ли в bootstrap3 сделать вот такую сетку средствами css, без js?

    Asked by armid, August 25, 2014

    0 votes
    1 answer
24. Ширина div-блоков в зависимости от текста и оставшегося места

    В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

    Asked by Skyrazor, August 28, 2014

    0 votes
    1 answer
25. Меню с активной кнопкой страницы

    Сделал менюшку, все бы хорошо но хочется чтобы на странице 1 светилась кнопка "1", а на странице 2 светилась кнопка "2" Как это реальизовать?)))

    Asked by Laroxx12, August 29, 2014

    0 votes
    1 answer