HTML Coding

29,542 questions in this forum

1. Порядок наложения border border-color

   Существует li блочного типа и на его 4х сторонах есть различный border по 1px, на 3х сторонах одно цвета и на 4й другого. Мне надо определить порядок наложения цветов друг на друга. ul.MenuBarHorizontal li { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #889180; border-right-color: #282e22; border-bottom-color: #889180; border-left-color: #889180; } В разных местах отображает по разному: В Dreamweaver CS6 верхняя и нижняя выше боковых. В Opera 12.15 не понятно вообще как.

   Asked by Kailo, May 1, 2013

   0 votes
   2 answers
2. Отображение содержимого блочного элемента выходящего за границу

   Каким свойством сделать так, чтобы при развертывании меню сайдбар "толкал" футер вниз, а не вылазил за границы перекрывая его? Свойство overflow - пытался применить с разными значениями, но в итоге ничего не изменилось.

   Asked by Delat, May 23, 2013

   0 votes
   6 answers
3. Блок с текстом

   Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/

   Asked by Vans, June 13, 2014

   0 votes
   4 answers
4. подгонка background по размерам

   Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то

   Asked by xTODx, February 6, 2015

   0 votes
   0 answers
5. AngularJS routing

   Добрый день. Учу Angular, сделал маршрутизацию. Но при открытии всех страниц, кроме главной, возникает не понятная мне ошибка! Можно наблюдать в консоли. Проблему можно посмотреть на http://li4e.ru/white Подскажите пожалуйста в чем может быть дело?

   Asked by li4e, April 14, 2015

   0 votes
   1 answer
6. Фиксированное меню

   При прокрутке страницы с фиксированным верхним меню, страница как бы прокручивается над меню. Как исправить?

   Asked by Yeldos, September 10, 2015

   • Фиксированное меню
   0 votes
   2 answers
7. Очень медленный скроллинг в #scroll-zone (2й слайд)

   Нормальный скроллинг: https://jsfiddle.net/Teamur/rju47q7n/ Очень медленный скроллинг в #scroll-zone (синий слайд)! Почему и Как решить? https://jsfiddle.net/Teamur/fxx65y14/4/

   Asked by Teamur, October 15, 2015

   • Firefox Scroll Snap Points
   0 votes
   1 answer
8. Помогите

   Есть 3 дива друг под другом , нужно чтобы при нажатии на любой из них снизу от нажатого дива ВЫПЛЫВАЛ див с информацией о нем, при этом остальные дивы сдвигаются вниз,Как это реализовать?

   Asked by vn18121812, November 20, 2015

   0 votes
   2 answers
9. Возможно ли пропорциональное изменение элементов страницы и расстояния между ними при изменении ширины экрана

   Здравствуйте. Есть одна нестандартная проблема. Хочется узнать возможно ли вообще её решение. В прикреплённом скриншоте в принципе её всё описание. Хотелось бы чтобы при изменении ширины экрана верхняя часть дуги всегда проходила между пунктами меню "вопрос-ответ". Так же хотелось бы граница фона (на скриншоте показано где она проходит) проходила бы так же чуть ниже середины прямоугольников центрального меню. То есть хотелось бы чтобы при изменении ширины страницы - все элементы меняли свои размеры и расстояния между ними строго прямо-пропорционально в процентном соотношении. Образно говоря, чтобы это было как простое масштабируемое изображение, но на изобр…

   Asked by BOMS, March 29, 2016

   0 votes
   1 answer
10. Как сделать такую менюшку

    Доброго дня форумчанам! Вот есть такая картинка с меню, хочу на своем сайте сделать примерно такую же менюшку. Но судя по картинке меню сделано в виде ссылок. Можно ли сделать такое же меню с помощью чекбоксов или списка и замаскировать под ссылки? Или так же красиво оформить. Просто в меню должны быть параметры, которые передаются в скрипт для выборки данных из БД, а с помощью ссылок передать сразу два параметра как-то сложновато получается )) Спасибо за внимание! Меню

    Asked by SunshineElf, February 26, 2012

    0 votes
    1 answer
11. height 100% у контента

    Доброе время суток. Извиняюсь, если пишу не туда или же вообще промахнулся форумом. Верстаю изредка, столкнулся со следующей проблемой. Имеем примитивный макет сайта - посмотреть можно здесь : http://jzap.com.ua/tmp/test.html (css - http://jzap.com.ua/tmp/test.css ). Как видно, блоку content и white даны height: 100%; однако при этом высота content, судя по всему, суммируется с высотой header и сам блок улетает вниз, появляется скроллинг. Путем добавления распорки для удержания футера добился результата : http://jzap.com.ua/tmp/test2.html (css- http://jzap.com.ua/tmp/test2.css), однако там свободное место заполняется содержимым wrap, а мне необходимо продолжение блоков …

    Asked by jvj, August 1, 2012

    0 votes
    2 answers
12. Селектор, проверяющий внутреннюю структуру элемента

    Здравствуйте! Здесь в похожих товарах есть один, который не публикуется, но в силу несовершенства кода для него создаются контейнеры. Чтобы было нагляднее: Есть ли такие селекторы, которые бы перед применением стиля проверяли, что например у элемента div.product-field-type-R есть элемент <span>, внутри которого обязательно тег <a>? Было бы здорово решить проблему без "хардкодинга"

    Asked by borus, June 18, 2013

    0 votes
    6 answers
13. Более широкий блок вылезает на мобильных

    На мобильных устройствах, по понятным причинам, блок, ширина которого шире всех остальных, некрасиво вылезает, из-за чего образуется белая пустота справа. Как правильнее всего пофиксить это? Смотреть тут: http://demo.imatte.us/krovel

    Asked by posthack, July 21, 2014

    0 votes
    2 answers
14. маленький калькулятор

    всем привет мне нужно сделать маленький калькулятор в html. я сделал в wordpresse заполняешьуса форму где человек войдет номер и мне найда зделать так чтобы в конце была написа этот номер умножен на 150 (кпримеру)

    Asked by vadimak17, September 20, 2014

    0 votes
    1 answer
15. почему в примере без BORDER: 1px плывут div из за margin-top

    <div top></div> <div wrap><div float:left></div><div float:right></div><div center></div></div> Хочу добиться именно float: left, right между ними резиновый блок. но если я делаю отступ margin-top (div center), то отступают все блоки, если поставить border или padding блоку (div wrap) то все отображается нормально. Какую роль в данном примере имеет border. Др. способы кроме float не предлагать, мне интересно почему так происходит . вот пример http://jsbin.com/mojujosijo/2/edit в css коментарии

    Asked by kirillgolodaev, February 12, 2015

    0 votes
    1 answer
16. Изменение выдвижного аккордеона - на круги

    Доброго времени суток! Я выбрал js аккордеон выдвижного типа с горизонтальным рядом квадратных раздвигаемых картинок . Требуется квадраты поменять на круги "тарелки". Проблема!!! Изображение кругов в png не дает прозрачного фона за пределами окружности - остается белый бек в размере квадрата. Замена изображения на окружность средствами CSS дает те же результаты. Прошелся по всем бекам - изменил на "none" или добавлял прозрачность - "0"... Все без толку. А прозрачность тупо делает прозрачным весь "круг". Не знаю где еще смотреть.

    Asked by Vlad16, April 1, 2016

    • стили аккордеона
    0 votes
    1 answer
17. Табличная вёрстка

    Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…

    Asked by trololo, December 21, 2010

    0 votes
    0 answers
18. проблема относительного позиционирования в opera

    Может кто нибудь обьяснить, почему в опере при относительном позиционировании например position: relative; top: 50px; объект смещается на другое количество пикселей? В других браузерах все нормально и как этого бага можно избежать?

    Asked by artygrand, September 22, 2011

    0 votes
    1 answer
19. Проблема в опере с rtl стилями

    Блин, эта опера, мать ее... Короче, имеется инлайновые элементы, с указанными для них margin-left, margin-right. Так вот, если версия страницы rtl, тоесть например арабский язык, то в опере эти отступы отражаются по горизонтали. Тоесть <span style="margin-left: 20px;"></span> оперой интерпретируется как <span style="margin-right: 20px;"></span> Во всех остальных браузерах все нормально. Это че за выкидон, ктонибудь сталкивался с таким? как это обходится? display:inline-block не помогает..

    Asked by danik.html, March 2, 2012

    0 votes
    1 answer
20. Причину ищу

    Пока работал над этим http://pomidor.com.ua/seemax/CatMain11.html много открыл для себя. Помогите пожалуйста найти ошибку ведущую к расползанию элементов при изменении разрешения экрана http://viewlike.us/?url=http%3A%2F%2Fpomidor.com.ua%2Fseemax%2FCatMain11.html&button.x=39&button.y=15 Мало того, можно заметить как при уменьшении разрешения на картинку в Хед лезет фоновый цвет <HTML> FireBug и тщательный просмотр всех элементов не дали мне возможности разобраться.

    Asked by seemax, March 27, 2012

    0 votes
    2 answers
21. Разделитель в меню

    Вопрос: есть касой разделитель в меню, а как сделать так чтобы он оставался по центру когда сайт тянется

    Asked by paseonru, August 29, 2012

    0 votes
    1 answer
22. border-radius+box-shadow+opera=баги

    Если все это совместить то получается две тени у объекта. пример тут - kit-group42.ru (горизонтальное меню). Opera 12.11, в хроме все ок. Да и в опере до недавнего времени тоже было все нормально. Оказалось, что всему виной border-radius: 1/10. На участке 1/10 ... 5/10 тени медленно сходятся в одну, но мне не надо 5/10 мне нужно 1/10. Или я дурак или лыжи не едут.

    Asked by hazy17, November 26, 2012

    0 votes
    0 answers
23. Правильный выход из ситуации?

    http://daiver.in/ Прошу обратить внимание на меню и, блок слева, которые тянятся до конца ширины, (посмотреть можно уменьшив размер сайта), я нашел только такой выход из ситуации, интересно, есть еще какие нибудь выходы?

    Asked by Struggle, June 15, 2013

    0 votes
    3 answers
24. как убрать косяки в меню у разделителей?

    Разделитель выходит за пункты меню, как его укоротить? http://jsfiddle.net/vf94k/

    Asked by DivMan, February 17, 2014

    0 votes
    2 answers
25. Центрировать картинку в div

    имеется блок l_photo в который помещена ссылка, в ссылке находится картинка в блоке l_users_photo. нужно отцентрировать картинку в блоке l_users_photo, причем, чтобы картинка была полностью в нем и не растягивалась. как сделать? код шаблона <div id="l_photo"> <a href="index.php"> <div id="l_users_photo"> <img src="image.jpg" alt="альтернативный текст"/> </div> </a> </div> код стиля #l_photo{ width:100%; height:550px; float: left; } #l_contain{ width:50%; height:100%; float: left; }

    Asked by cebephb1y, April 29, 2014

    0 votes
    3 answers