HTML Coding

29542 questions in this forum

1. Проблемы с бэкграундом

   Доброго времени суток, возникла проблема и не могу понять как её решить. И так есть Сайт на первый взгляд с бэкграундом всё нормально, тянется и всё такое, но если окно браузера не развёрнуто полностью, то появляется горизонтальная полоса прокрутки и если её подвинуть, то мы увидим как бэкграунд как бы срезало. Для наглядного примера есть картинка. Подскажите как быть...

   Asked by yujin11, April 29, 2011

   0 votes
   8 answers
2. Активная ссылка меню

   Не могу понять почему отходит вниз... http://di-asouls.ru/minecraft/ Я понял, что виновато "padding-top: 20px;" и мои кривые лапки, но как выровнять текст без такого проблемного состояния? \\\ [left] #menu { padding: 0; list-style-type: none; background-image: url(../page_img/menu/menu_bg_repeat.png); font-size: 30px; height: 70px; } #menu li { padding-top: 20px; float: left; margin: 0; } #menu li a { text-decoration: none; display: block; padding: 0 20px; line-height: 70px; color: #ffbf00; } #menu li a:hover, #menu li.active a { text-align:center; color: #ffbf00; background-image: url(.…

   Asked by Diasouls, August 27, 2011

   0 votes
   2 answers
3. Проблема с максимальной шириной сайта.

   Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.

   Asked by Evgen8, February 4, 2012

   0 votes
   6 answers
4. Пунктирное подчёркивание многострочных ссылок

   Как быть, если ссылка должна занимать не 1 строку, а 2 и более, рамкой уже не получается?

   Asked by Tmin10, March 2, 2012

   0 votes
   4 answers
5. border-image для IE

   Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?

   Asked by kidar2, May 9, 2012

   0 votes
   4 answers
6. Линейный градиент для осла

   Нашел решение для осла (по градиенту) filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509')"; /* IE8 */ но, как быть если мне нужно чтобы между startColorstr='#f0d701' и endColorstr='#982509' был ещё один цвет???? например #ffffff

   Asked by sweb27, November 9, 2012

   0 votes
   4 answers
7. Проблема с высотой блоков

   Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti

   Asked by Aleksandr.L, December 5, 2013

   0 votes
   7 answers
8. Нужна помощь по родственным элементам CSS

   Битый час не могу получить путного решения на голом css, подскажите как будет сделать правильно? Задача: При наведении на .information появляется надпись "кнопка". Нужно чтобы она оставалась и не пропадала при фокусе на textarea. Код: http://jsfiddle.net/GCkrC/

   Asked by Ge1i0N, March 29, 2014

   • css
   • css3
   0 votes
   2 answers
9. Помогите с CSS

   В браузере Firefox картинка слайдера ушла в сторону.. http://yari-design.ru/tovar/2014/mnogoletniki24 Я пытался подключить отдельные стили для Mozilla, не получилось - http://bolknote.ru/2008/03/14/~1623#14

   Asked by 561144, April 27, 2014

   0 votes
   3 answers
10. Ошибка "Используйте кеш браузера"

    Здравствуйте, коллеги. сверстал сайт, а pagespeed ругается: "Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета." Как это сделать? Он приводит список моих js, css файлов и предлагает им задать эти параметры. Как это делается? Можете на примерах сказать? буду признателен за помощь!

    Asked by devid89, July 30, 2016

    0 votes
    1 answer
11. Стрелка сразу после текста

    Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj

    Asked by yaparoff, August 15, 2018

    0 votes
    3 answers
12. Блок "скрыть / показать" по клику выводит ограниченное кол-во кнопок

    Добрый день! Я только учусь, поэтому не судите строго за вопрос. Есть страница, на которой есть блок "популярные направления". Постоянно должны отображаться только 9 кнопок-направлений, а остальные должны скрываться под кнопкой "показать еще". Но даже после добавления новых кнопок, отображается только 10. Страницы сами есть, они созданы и создаются и отображаются при индексировании. Не могу найти тег, который ограничивает вывод кол-ва кнопок или конфликт, который препятствует выводу бесконечного кол-ва кнопок. Сам блок реализован в форме виджета и может вставляться на другие страницы. Код виджета: $r = new WP_Query( apply_filter…

    Asked by Alex_lol, January 4, 2021

    0 votes
    2 answers
13. Многоколоночное боковое выпадающее меню

    1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?

    Asked by newmandvin, February 21, 2021

    0 votes
    0 answers
14. веб-галерея

    Доброго времени! Друзья подскажите новичку действенный метод создания веб-галерей для сайта. Основные требования: всплытие картинок по клику, внедрение зум-иконки по верх миниатюр и т.п. С максимальной кроссбраузерностью. Полезны будут любые рабочие варианты, но если есть способ обойтись лишь css/javascript, то тоже буду рад. Лично сам попробывал Lightbox 2, в целом хорош, но так и не сумел адекватно позиционировать зум-иконку поверх миниатюры: в файрфокс - гут, в ие - сдвиг, а в опере вообще уехала.

    Asked by mann, October 30, 2009

    0 votes
    1 answer
15. Ошибка отображения маркерированого списка в firefox

    Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…

    Asked by Temiks, December 9, 2010

    0 votes
    3 answers
16. видео с ютюб

    Вставляю видео в блок ,но хочу чтобы над ним была картинка типа постера,при клике на которую показывался ролик.Проблема в том что постер не показывается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html.body{position:relative} div{position:relative;width:420px;height:315px;border:1px solid red; overflow:hidden} img{position:absolute;top:0;left:0} </style> </head> <body> &…

    Asked by dostel1, January 4, 2012

    0 votes
    5 answers
17. Выпадающее меню одной строкой

    Привет! Сделал выпадающую гориз. менюшку в Dreamweaver, когда увеличиваешь страницу часть элементов меню прескакивает на новую строку, пробовал различные варианты форматировая, пробовал поместить меню в таблицу ничего не получается (позникают проблемы с JS ) , подскажите что можно сделать в данной ситуации, нужно чтобы меню при изменении масштаба не ломалось...может рецептик какой кто знает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>…

    Asked by ksonline, April 30, 2012

    0 votes
    2 answers
18. Отключить появление скролла для нижней части страницы

    Можно ли запретить скролл для нескольких дивов на странице? Ситуация такая, страница состоит из нескольких рядов дивов. На на похожей странице из-за нижнего ряда появляется скролл, из-за чего происходит смещение относительно страниц без скролла. Грубо говоря скролл нужен, но можно ли его отключить его на 5м и 6м диве? Т.е. если граница окна на них попадает - скролл не появлялся. Нетривиальный вопрос какой-то получился, но мало-ли. Вдруг есть какой рецепт.

    Asked by delias, June 14, 2012

    0 votes
    3 answers
19. Как создать "горизонтальное" меню?

    Нужно создать меню с помощью ксс,но что бы каждый следующий елемент помещялся не ниже предыдущего,а справа что бы меню распологалось не вертикально столбом,а в ряд так сказать. З.Ы.знаю что мог бы регулировать каждый новый елемент с помощью margin но так как елементов списка много нужен именно такой способ.

    Asked by pudge, January 15, 2013

    0 votes
    4 answers
20. Как верстать?

    Здравствуйте! Я новичок. Вот макет http://yadi.sk/d/WBJYc5T344Lmm Как его надо верстать, я имею ввиду резиновая верстка или фиксированая? И как вообще понять где резина а где фиксированая?

    Asked by Костя654, April 15, 2013

    • верстка резина фиксированая
    0 votes
    5 answers
21. Помощь с версткой

    Доброго времени суток. Сразу разъясню проблему. Скриншот, для наглядности так сказать. Как видите, раздел "Фото" расположен выше, чем раздел "Информация". Мне нужно, чтобы раздел "Информация", шел вровень с "Фото". —-- Часть кода из страницы: echo '<table><tr><td><div class="phdr">Фото</div><a href="../files/users/photo/' . $user['id'] . '.jpg"><img src="../files/users/photo/' . $user['id'] . '_small.jpg" alt="' . $user['name'] . '" border="0" /></a></td> <td><div class="phdr">Информация</div>' . functions::display_user_ank($user) . '</td></tr></table>'; DIV .phdr из style.css: .…

    Asked by MyZik, May 4, 2013

    0 votes
    4 answers
22. Не отображается фон/беграунд

    Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz

    Asked by garmoni, January 6, 2014

    0 votes
    7 answers
23. Таблицы: непонятные отступы

    В общем, взял для тренировки на этом форуме один макет. Начал делать. Я большой любитель верстать таблицами. Знаю, что это плохо, но все равно это удобнее. И, как видно на картинке, логотип приклеен к верху без промежутка. А у меня, хотя я не делал никаких отступов и, наоборот, делал margin, padding, border равными нулю, между логотипом и верхом страницы есть промежуток в 1 пиксель. При чем во всех браузерах. Посмотрел через Firebug, table с body без промежутка, а вот table с tbody с промежутком в 1 пиксель, как будто у table padding: 1px. И padding: 0 не помогает. Скриншот и архив. P.S. Только давайте без "верстай через div"

    Asked by iKNG, January 6, 2014

    0 votes
    4 answers
24. Вертикальное выравнивание в ячейке, проблема с <div>

    Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …

    Asked by hiko-sensei, November 12, 2015

    0 votes
    4 answers
25. Как зацентрировать всю конструкцию?

    Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

    Asked by ilvl, March 17, 2016

    0 votes
    2 answers