HTML Coding

29542 questions in this forum

1. Ширина div по доступному содержимому

   Где не спроси, везде на вопрос "почему нельзя использовать табличную верстку" ответят, мол с блоками html чище, да и вообще, что нельзя сделать используя блоки? Вопрос, есть к примеру вот такой код: div { width: 600px }span, input { display: inline-block }<div> <span class="lable">Имя</span> <input type="text" value=""> <br /> <span class="lable">Фамилия</span> <input type="text" value=""></div>Элемент span может менять свое содержимое, соответственно и собственную ширину, следовательно, что бы две строки с элементами span и input имели одинаковую ширину необходимо задать поведение для input. С одной сторон…

   Asked by Aroused, November 28, 2015

   • css
   • div
   • width
   0 votes
   3 answers
2. Подключение файла пользовательских стилей к сайту - как?

   Добый день, коллеги! Для понимания проблемы обрисую задачу. Вот например существует работающий сайт, на котром нужно поправить и добавить стили, но доступа к исходникам сайта нет - курочить боевой сайт нельзя. Также нет развернутой локальной версии сайта и дампа базы данных (ну или получить это все и поднять - большой гимор). Браузеры должны по идее поддерживать подключение пользовательских стилей, к тому же, такие стили имеют высокий приоритет и перекроют стили сайта. Так вот вопрос - как подключить у себя в браузере свой локальный стилевой файл к сайту, загруженному из интернета, и спокойно переопределять ститил в нем, открыв его в своем любимом редакторе? А потом, г…

   Asked by MaxWall, November 30, 2015

   0 votes
   3 answers
3. Адаптивная верстка, проблема с фоновыми рисунками

   Проблема с фоновыми рисунками на главной странице 1 рисунок bg1.png снизу-слева, 2 рисунок bg2.png снизу-справа На обычных мониторах все нормально. А на больших телевизорах и мониторах фоновые картинки улетают вверх. На iPhone вообще не показываються. На этой странице: http://habana-vieja.ru Прописаны в файле CSS: html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: url('design/bg1.png') left bottom no-repeat, url('design/bg2.png') right bottom no-repeat, url('design/fon-jeans.gif');}

   Asked by egor2015, December 2, 2015

   • адаптивная верстка
   0 votes
   3 answers
4. Рисунок выходит за рамки блока

   Как сделать так, чтобы рисунок не выходил за рамки блока (задачи) при щелчке мыши? что нужно дописать/исправить в коде? http://prntscr.com/99jxc1 http://prntscr.com/99jxp3 http://prntscr.com/99jxyq

   Asked by tanya_7794, December 2, 2015

   0 votes
   3 answers
5. не получается выровнять блоки с картинкой и текстом в диве

   Добрый день, я совсем совсем новичек, только первую неделю учу html и css, так что не судите строго) Делаю верстку с макета, и столкнулся с проблемой. вот картинка с проблемой. нужно чтобы блоки с товаром и картинкой стояли по 4 штуки в ширину. HTML <section id="content"> <div class="good"><a href="#" class="goods"></a> <span class="apple">Apple MacBook Air MC969RS Uss Silver</span> <span class="apple1">Экран 11.6" (1366х768) HD LED, глянцевый /Intel Core i5 (1.6 ГГц) / RAM 4 ГБ / SSD 128 ГБ / Intel HD Graphics 3000 / без ОД / LAN / Wi-Fi / Blue-tooy\th 4.0 / веб-камера / Mac OS X Lion / 1.08кг</…

   Asked by Gwynn, December 6, 2015

   0 votes
   3 answers
6. проблема с меню, не исчезает

   Всем привет! я тут новенький и уже не знаю куда обратиться, вторые сутки голову ломаю. суть такова, делаю друзьям сайт, натянул шаблон на модх, но вместе со всем и перешла ко мне проблема шаблона с меню. если перейдете по ссылке и выберете чтолибо во вкладке сервис, то меню страницу то новую открое, а вот само меню не исчезнет. Парни кто в css посильнее, помогите разобраться и куда что прописать. [hide]http://exp2.cloud-page.ru/[/hide] исходник давать не буду чтобы не сказали что реклама!

   Asked by zim2slim, December 9, 2015

   0 votes
   3 answers
7. Подскажите,не хватает опыта при верстке специфического фона для блока

   При верстке фона для блока возникла проблема. Фон специфической текстуры с шумами,а также присутствует градиент... http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-4.png Вырезать кусок по всей высоте и пикселей 10 по ширине а потом его размножить по горизонтали не помогло,получается неаккуратно и некрасиво! Возможно есть другой подход к этой проблеме,но я о нем не знаю) http://static1.keep4u.ru/2015/12/09/BEZ-IMENI-7.jpg

   Asked by My}I{uK, December 9, 2015

   0 votes
   3 answers
8. Проблема с горизонтальным скроллом

   Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…

   Asked by Orysya, December 10, 2015

   • horizontal scroll
   0 votes
   3 answers
9. Косые полосы над и под блоком. Но верхняя почему-то налазит на текст

   [Страница, на которой проблема] [Скриншот] Верхняя полоса почему-то налазит на текст предыдущего блока, хотя нижняя отображена нормально. Что делать? z-index в порядке, а всё равно... На главной странице всё нормально [скриншот], копировал оттуда

   Asked by iBars, December 15, 2015

   0 votes
   3 answers
10. Почему min-height от min-height не работает?

    А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?

    Asked by Launder, December 17, 2015

    • min-height
    0 votes
    3 answers
11. Скролл на айфоне

    Здравствуйте, подскажите, если кто знает, на айфоне сайт не скролится плавно, скролится только пока касаешься экрана, как это устранить?

    Asked by Lady_V, December 17, 2015

    0 votes
    3 answers
12. max-width в Firefox и Chorme внутри таблицы

    Здравствуйте. Заметил такие различия в ff и chome, при применении свойства max-width внутри таблицы. https://jsfiddle.net/fdqzpvxc/1/ Что с этим делать, если есть необходимость всем изображения превышать ширину родителя (max-width:100%)?

    Asked by alex_web64, December 23, 2015

    0 votes
    3 answers
13. печать страницы из браузера

    http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?

    Asked by https, December 23, 2015

    0 votes
    3 answers
14. CSS селектор: все ссылки, кроме тех, которые являются картинками

    Необходимо создать селектор, который бы сделал выборку всех тегов <a></a>, кроме тех, которые содержат в себе тег <img></img> Зачем? Хочу сделать на сайте так, чтобы к текстовым ссылкам на файлы прикреплялась иконка в зависимости от расширения файла, код следующий: a[href$='.jpg'] { background: url(images/jpg.png) no-repeat 100%; padding: 0 20px 0 0;}Проблема: иконка jpg.png прикрепляется не только к текстовым ссылкам, но и к картинкам со ссылкой на увеличенную копию картинки, то есть когда структура имеет такой вид: <a href="http://www.site.com/image.jpg"><img src="http://www.site.com/image.jpg"></img></a> Как избежа…

    Asked by Солнцеворот, December 24, 2015

    • тег a
    • сложный селектор
    0 votes
    3 answers
15. Стилизация чекбоксы и радиобаттоны

    Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg

    Asked by Shenia132, December 25, 2015

    • чекбоксы
    • радиобаттоны
    0 votes
    3 answers
16. вывод ошибок из ajax

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

    Asked by https, December 30, 2015

    0 votes
    3 answers
17. Изменение ссылки копки при нажатии на другую

    На сайте есть панель настроек у пользователей, там есть две кнопки, должно быть так, при нажатии на одну из них, должна меняться ссылка на кнопке на другой странице, \то можно как то реализовать через mongodb?

    Asked by Entense, December 30, 2015

    0 votes
    3 answers
18. Помогите разобраться с CSS

    Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…

    Asked by Nigelist, December 31, 2015

    • css
    • octopress
    0 votes
    3 answers
19. Динамическое выпадение блока

    Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста

    Asked by Entense, January 1, 2016

    0 votes
    3 answers
20. Как сделать вогнутый блок?

    Как сделать, чтобы слайдер был вогнутый с одной стороны? Пример:

    Asked by kickboxer, January 6, 2016

    0 votes
    3 answers
21. Адаптивный многоугольник и svg

    Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …

    Asked by tarthur, January 7, 2016

    • svg
    • css
    • вёрстка
    • адаптивная вёрстка
    0 votes
    3 answers
22. Не меняется цвет ссылки при наведении

    Здравствуйте! Подскажите пожалуйста. При наведении на ссылку и при её нажатии должен по-идее изменятся её цвет, но этого не происходит. http://hkar.ru/FZ9f <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body><object data="link.svg" type="image/svg+xml" width="500" height="500" style="position: absolute; opacity: 1; z-index: 100!important; ; top: 285px; left: 442px;" ></object></body></html> <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svgxmlns="http://www.w3.org/…

    Asked by Иван98, January 9, 2016

    0 votes
    3 answers
23. bootstrap 3 dialog

    модальное окно <!-- Modal "client" --><div class="modal fade" id="client-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> ... </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --></div><!-- /.modal -->код вызова модального окна $(document).on('click', 'a.link-modal', function(event){ event.preventDefault(); var url = $(this).attr('href'); var clickedbtn = $(this); var modalContain…

    Asked by https, January 12, 2016

    0 votes
    3 answers
24. Как фрилансер тестирует адаптивный сайт?

    Всем доброго времени суток. Хотелось бы узнать мнение опытных фрилансеров в адаптивной верстке. Лучшее тестирование адаптивного сайта - это само устройство, но такого количества устройств явно у фрилансера не найдется. Как же качественное протестировать адаптивный сайт что бы с уверенностью можно было отдать работу заказчику? P/S. Какими методами пользуетесь вы в вашей практике фриланса? Chrome - F12 - Ctrl+Shift+M(device mode) Достаточно долго тестирую именно так, но насколько данный метод гарантирует точность, можно ли на него положится?, ведь не просто так, существуют такие платные сайты как browserstack.com

    Asked by tarthur, January 13, 2016

    • адаптивная-верстка
    • фриланс
    0 votes
    3 answers
25. Невидимая колонка в резиновой таблице

    Добрый день. У меня возник такой вопрос к опытным верстальщикам: У меня есть таблица внутри блока <div>, состоящая из трех видимых колонок и одной невидимой. По умолчанию ширина колонок задана мной в процентах (на рисунке 1). Я могу выставить любой колонке значение в пикселях, в таком случае другие колонки восполнят ширину (рисунок 2). Но я могу также и задать все колонкам ширину в пикселях. В таком случае мне нужно, чтобы появлялась ещё одна колонка, которая восполнит ширину таблицы. Каким образом я могу организовать подобную колонку? Желательно на чистом CSS, но можно и с помощью JS.

    Asked by Sombrero, January 14, 2016

    0 votes
    3 answers