HTML Coding

29,542 questions in this forum

1. Не корректно отображается выпадающее меню

   Здравствуйте, у меня возникла проблема на этапе реализации выпадающего горизонтального меню. Оно выпадает, но не все. Вот ссылка на страницу http://tanusha.0fees.net/opinion.html В отличии от главной страницы, где меню раскрывается как положено, здесь почему прячется за блок <section>, хотя может проблема и в чем другом. Подскажите, пожалуйста, где собака зарыта и как можно привести это меню в порядок.

   Asked by rilada, September 20, 2011

   0 votes
   2 answers
2. margin-right и margin-left не слетают

   решил сделать две картинки по краям сайта в блоках. <div id="lv"></div><div id="rv"></div> когда использую только margin-left в блоках то все работает, но кривовато. а если использовать margin-right и margin-left они слепляются влево друг на друга.(пробовал в хроме и в файрфоксе) #lv { position: absolute; z-index: 1; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/lv.png'); background-repeat: no-repeat; margin-top: 10%; margin-left: 1% } #rv { position: absolute; z-index: 2; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/rv.png'); background-repeat:…

   Asked by z13, December 18, 2011

   0 votes
   2 answers
3. Позицианирование по центру

   Добрый день Уважаемые! Проблема состоит в следующем. Есть 4-ре блока которые нужно вместе выровнять по центру. Ширина у них не фиксированная. Мои Варианты решения: 1. position: absolute; left: 50%;, a внутренним блокам position: relative; right: 50%; (не подходит, т.к. они вместе занимают больше половины экрана) 2. display: table; - здесь проблем в поддержке IE7. Можно ли её обойти? ПРобовал использовать http://tanalin.com/projects/display-table-htc/ но не выходит Предложите свои варианты.

   Asked by systemiv, March 14, 2012

   0 votes
   3 answers
4. Тег <label>

   Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…

   Asked by Kray Storm, November 4, 2012

   0 votes
   1 answer
5. Такая форма реализуется c помощью CSS?

   Здравствуйте. Увлёкся украшательствами в фотошопе. И забыл про практику. Можно ли сделать форму с закругленными краями, имеющую градиентную обводку, градиентный фон, и внутреннюю относительно обводки тень? Лучше один раз увидеть тень на рисунке не показал, но будет внутри обводки, чтобы ее отличать от содержимого

   Asked by borus, November 27, 2012

   0 votes
   3 answers
6. Рамка

   Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.

   Asked by Drix87, January 28, 2013

   0 votes
   2 answers
7. Меню сошло с ума!

   Доброго времени суток друзья ,подскажите пожалуйста как наладить отображение меню картинками Вроде бы что уже начало получатся ,но очень уже странно всё это работает (наводим на НОВОСТИ) Собственно сайт http://www.ma-facecontrol.ru/ Как же всё таки сделать так чтоб картинки были поверх текста

   Asked by tonymt, February 26, 2013

   • меню css
   0 votes
   3 answers
8. Прозрачность блока

   Вот страничка http://tankist10.hosting-test.org.ua/ З.Ы. В брузере Opera,когда открыт этот блок с картинкой при прокрутке или resize window блок исчезает. Как исправить?

   Asked by T@NKIST, April 5, 2013

   0 votes
   2 answers
9. Размещение блоков вряд, без копирования кода.

   Добрый день жители форума. Нужна помощь салаге, не видавшему морей) Мне нужно сделать четыре столбца, подряд, Есть такой вот код: .f_panel div { position:absolute; margin:20px 20px; width:220px; color:#FFF; background-color:#999; text-align:left; } Вопрос, как сделать их не копируя код в самом html? То есть я делаю div в нем делаю еще дивы со столбцами, в них будут краткие описания новостей, как их сдвинуть... не писать же для каждого столбца стиль с разным сдвигом, можно это как-то упростить?. Прошу извинения за немного абстрактный вопрос.

   Asked by vaak, April 15, 2013

   0 votes
   2 answers
10. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi, April 30, 2013

    • рамка div
    • слои
    0 votes
    2 answers
11. горизонтальное меню:hover с фоном не закрывает слева разделитель

    Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…

    Asked by Nailya, May 13, 2013

    0 votes
    4 answers
12. Помогите поменять цвет таблицы тэг table

    Помогите поменять цвет таблицы тэг table

    Asked by olga-olga, July 11, 2013

    0 votes
    2 answers
13. Помогите убрать лишнее поле ввода

    Доброго времени суток. Помогите пожалуйста убрать поле ввода выделенное на скрине (скрин ниже) без ущерба работоспособности всего остального. <script type="text/javascript">function changeText(){var rezultat1 = 0;var odin = document.getElementById('odin').value;var spisok = document.getElementById('spisok').options[document.getElementById('spisok').selectedIndex].value;var spisokx = document.getElementById('spisokx').options[document.getElementById('spisokx').selectedIndex].value;rezultat1 = parseFloat(odin);rezultat1 *= parseFloat(spisok);rezultat1 *= parseFloat(spisokx);document.getElementById('rezultat1').innerHTML = rezultat1;}</script><form onsubmit="…

    Asked by Dark_Rix, April 26, 2014

    0 votes
    2 answers
14. Проблемы с блоками

    Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.

    Asked by WEB-best, June 11, 2014

    0 votes
    5 answers
15. Не правильно отображается блок сайта

    Не правильно отображается блок сайта Просто перенес сайт из одного домена на другой.

    Asked by safok, June 13, 2014

    • Не правильно отображается бло
    0 votes
    6 answers
16. Проблема с фонами

    Друзья, помогите исправить такой косяк: Мне нужно чтобы логотип сделался ровно посередине. Черный круг сзади надписи задавала бэкграундом. Пробовала отпустить надпись маргинами не помогло. <div class="nav"> <ul> <li><a href="#about">about me</a></li> <li><a href="#portfolio">portfolio</a></li> <h3><a href="#">jd</a></h3> <li><a href="#blog">my blog</a></li> <li><a href="#contact">contact me</a></li> </ul> &lt…

    Asked by amalia, December 21, 2014

    0 votes
    3 answers
17. Давно не верстал и все забыл

    Как сделать блок, чтобы при наведении подсвечивался только текст, а фон оставался прозрачным, у меня просто когда ставлю Opacity 0.5 , прозрачным становится текст тоже. Как быть?http://schoolleague.ucoz.org/#

    Asked by RuslanHeYca4ev, January 16, 2015

    0 votes
    2 answers
18. Изменение размера шрифта

    Друзья прошу помощи, необходимо уменьшить размер шрифта номеров телефона, или поднять строку с этими же номерами немного выше, к сожалению познания в этом нулевые, поэтому обращаюсь к гуру в данной категории))) <div class='menu'> <ul> <li> <a href='o-kompani.php'>О КОМПАНИИ</a> </li> <li> <a href='galereya.php'>ГАЛЕРЕЯ</a> </li> <li> <a href='spec.php'>СПЕЦПРЕДЛОЖЕНИЯ</a> </li> <li> <a href='sotrydnichestvo.php'>СОТРУДНИЧЕСТВО</a> </li> <li style="border: 0px;"> <a href='kontakti.php'>КОНТАКТЫ</a> &…

    Asked by enable209, April 15, 2015

    0 votes
    5 answers
19. Не пойму как работает min-width

    Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}

    Asked by Alfa2015, October 6, 2015

    0 votes
    3 answers
20. Главная страница на div

    Правильно ли страница сверстана на DIV может нужно было делать другим способом? http://habana-vieja.ru/ Чтоб адаптация была на iPnone, смартфонах и т.д.

    Asked by egor2015, November 25, 2015

    • div
    0 votes
    0 answers
21. Стрелка в speedbar другого цвета & высота блока

    На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали

    Asked by iBars, March 9, 2016

    0 votes
    4 answers
22. прокрутка для мобил

    сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?

    Asked by https, June 30, 2016

    0 votes
    0 answers
23. организовать слайдер с картинками на разных девайсах

    Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…

    Asked by mstdmstd, November 21, 2016

    • bootstrap slider
    0 votes
    3 answers
24. Изменение текста при нажатии

    Здравствуйте. Видел на различных сайтах функцию изменения языка. Я искал в интернете информацию о реализации данной функции, но не нашел ответ. Подскажите пожалуйста как реализовать такое ? Думал с помощью замены текста при нажатии на кнопку или вроде этого. Как пример сайт 'Розетка'.

    Asked by Володя, December 7, 2017

    0 votes
    2 answers
25. Не адаптируется фото шапки сайта

    Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...

    Asked by Valuna, June 7, 2018

    0 votes
    3 answers