HTML Coding

29542 questions in this forum

1. Opera - проблема с outline и z-index

   Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.

   Asked by user-offline, September 28, 2010

   0 votes
   1 answer
2. Верстка картинки слайдера

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

   Asked by vadimon, November 7, 2010

   0 votes
   7 answers
3. Как сделать голосование?

   Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!

   Asked by new01, March 11, 2011

   0 votes
   3 answers
4. как сделать меню с фреймом но без фрейма?

   как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе

   Asked by T@NKIST, May 19, 2011

   0 votes
   6 answers
5. меню по бокам

   был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…

   Asked by Хелкар, February 2, 2012

   0 votes
   12 answers
6. Выравнивание для firefox

   Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)

   Asked by Olegok, July 11, 2012

   0 votes
   11 answers
7. Доработка формы оформления заказа

   Здравствуйте! Есть сайт на Wordpress c купленой темой http://new.mega-topas.ru/. Обнаружилась некоторая недоработка при оформлении заказа: на шаге "Детали оплаты" есть форма с данными покупателя. Если какое-то обязательное поле не заполнено, то только на последнем шаге, после нажатия "Оформить заказ", пользователь об этом узнает. Ему выдается окно с незаполненными полями. А самой формы нет. И не понятно, что покупателю делать дальше. Я бы хотела исправить эту ситуацию так, надеюсь, это правильно: показать это окно с предупреждением и одновременно сделать активной форму. Нужно написать небольшой скрипт на jQuery, но я не сильна в программировании. Буду очень благодарна …

   Asked by Светлана Г., December 12, 2014

   • wordpress checkout validation
   0 votes
   13 answers
8. Адаптивные блоки

   Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …

   Asked by Suprun4uk, March 9, 2015

   • div
   • адаптивные
   0 votes
   2 answers
9. Стиль блока при :hover

   Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!

   Asked by FitTech, March 17, 2015

   • js
   • hover
   • css
   0 votes
   9 answers
10. Нужно настроить корзину в магазине.

    Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!

    Asked by Vic-Tor, June 13, 2015

    • корзина интернет-магазин
    0 votes
    16 answers
11. Градиент на Mac OS

    Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…

    Asked by vip, November 30, 2015

    0 votes
    6 answers
12. Плывёт верстка в FireFox

    Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?

    Asked by fenix_63, July 14, 2016

    • html
    • css
    • firefox
    0 votes
    3 answers
13. Не работает z-index

    Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.

    Asked by fenix_63, July 23, 2016

    • html
    • css
    • z-index
    • позиционирование
    • наложение
    0 votes
    2 answers
14. Блоки наезжают друг на друга (FireFox)

    Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста

    Asked by fenix_63, July 11, 2017

    • кроссбраузерная верстка
    • firefox
    • верстка
    0 votes
    3 answers
15. Шапка сайта...

    Я новичёк в этом, так что не пинайте! Объясните мне (Чайнику) как поставить свою картинку в шапку главной страницы(Очень подробно!), я пытался(Даже незная, что изменять) получалась какая-то фигня, не так как надо... Напишите пожалуйста пошаговую инструкцию! P.S И незнаете какой-нибудь сайт, где есть много gif анимации, кнопок (Вобщем всё для своего сайта)? Дайте ссылку плиз! P.S.S Заранее благодарен!!!

    Asked by Guest Asin, September 25, 2008

    0 votes
    4 answers
16. Откуда-то взялись 12 лишних пикселей по высоте

    http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию

    Asked by hooey_ru, October 16, 2008

    0 votes
    3 answers
17. Вопрос по Usemap

    Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…

    Asked by Scheres, July 21, 2009

    0 votes
    5 answers
18. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green, November 18, 2011

    0 votes
    2 answers
19. Как сделать transform:scale поверх соседних элементов?

    Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

    Asked by d0ublezer0, August 23, 2015

    0 votes
    7 answers
20. Фон страницы

    Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?

    Asked by Zakonoposlushniy, April 4, 2016

    • background
    • css
    • фон
    0 votes
    3 answers
21. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

    Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

    Asked by Алеся, April 24, 2021

    • position
    • cover
    • width
    • div
    • image
    • background
    • html
    • css
    0 votes
    1 answer
22. Проблема с псевдокласами

    Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

    Asked by Romario1985, April 15, 2021

    0 votes
    4 answers
23. map-карта. Нестыковка в разных браузерах.

    Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" &gt…

    Asked by Carra, February 12, 2009

    0 votes
    2 answers
24. не клеится табличка

    Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>

    Asked by lesviles, April 7, 2009

    0 votes
    8 answers
25. наследование

    <div class="akc"> <img src="img/ql.png"> <h1>титл</h1> <p>содержание параграфа </p> </div> <div class="akc"> <h1>титл</h1> <p> содержание параграфа</p> </div> не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет

    Asked by mafinok, February 8, 2010

    0 votes
    9 answers