HTML Coding

29,542 questions in this forum

1. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

   Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

   Asked by Guest Flashist, September 3, 2008

   0 votes
   8 answers
2. Наложение резинового фона поверх формы

   Привет! Подскажите как наложить нижнее синее облако поверх формы что справа.. Пробовал позиционировать этот фон относительно body и других контейнеров, мало того что не получилось расположить поверх формы так он ещё и обрезается, а он должен быть резиновым.. Пробовал поставить z-index выше относительно самой формы, body, а также других элементов но также ничего не вышло.. Пробовал эксперименты с opacity - тоже не помогает.. Для элементов формы применяется абсолютное позиционирование, видимо это не дает вытащить синий фон поверх нее, но должно же быть решение

   Asked by Odinokiy_volk, February 17, 2018

   • html css
   0 votes
   4 answers
3. наложение слоев

   Народ не могу решить одну проблему, а очень надо. Недавно решил верстать слоями, но не могу сверстать такую ситуацию: есть таблица в ней сверстана шапка сайта, сверху шапки надо вывести два слоя с картинакми, один под другим на некотором расстоянии, помогите с решением как это осуществить?

   Asked by Shar, June 8, 2007

   0 votes
   8 answers
4. наложение слоев

   есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

   Asked by vvsh, November 11, 2010

   0 votes
   4 answers
5. Наложение слоев в шапки сайта

   Помогите разобраться. На сайте http://okhota64.atp6.ru В шапке накладывались слои логотипа и поиска друг на друга, добавил float:left; но как обычно бывает ситуацияисправилась частично, т.е в лисе все внорме отображается а вот в IE не хочет, слой с поиском ускакивает вправо. Решение с : В браузере Internet Explorer 6 наблюдается ошибка с удвоением значения левого или правого отступа для плавающих элементов, вложенных в родительские элементы. Удваивается тот отступ, который прилегает к стороне родителя. Проблема обычно решается добавлением display: inline для плавающего элемента. Также в этом браузере добавляется отступ 3px (так называемый «трехпиксельный баг») в направле…

   Asked by Silentium, November 17, 2010

   0 votes
   5 answers
6. Наложение слоев. некорректно в IE

   Учусь верстать слоями, очень интересно и захватывающе. Только вот столкнулся с проблемой: есть http://football.kemcity.ru/design/ При создании наложения черный слой сползает вниз на высоту налагаемого слоя в IE6, а он должен быть прижат вплотную к нему. Долго уже бьюсь, но непонимаю почему так происходит. Помогите добрым советом плиз

   Asked by badGamer, March 7, 2008

   0 votes
   9 answers
7. Наложение слоя

   Иконка New накладывается на товар, как товар наложить на иконку? http://jsfiddle.net/ZLEV2/

   Asked by DivMan, July 18, 2014

   0 votes
   5 answers
8. Наложение слоя - оптимальный адаптивный вариант

   Добрый день! По задумке, в шапке должен быль логотип, наложенный на горизонтальную черту, проходящую по всему экрану. Вопрос, как это лучше всего реализовать, для адаптивной верстки? Черта фоном? или <hr> или border, а сверху лого? Прошу помощи. Возможно, кто-то делал такое? Заранее спасибо!

   Asked by dron, December 21, 2015

   0 votes
   12 answers
9. Наложение слоя на селект

   Возникли проблемы при наложении слоя на селект в explorer'e

   Asked by Странный_Ник, August 28, 2007

   0 votes
   1 answer
10. НАЛОЖЕНИЕ таблиц в GMAIL - вопрос

    Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))

    Asked by DEviso, October 5, 2014

    • наложение
    • таб
    • лицы
    • почта
    • гмейл
    • gmail
    0 votes
    8 answers
11. Наложение текcта на картинку в IE

    Создал кнопки навигации по сайту и сверху хочу наложить текст, т.е подписать кнопки ("Главная", "Новости" и т.д.), в Firefoxe и Opere все получилось, а вот в IE текст, который накладываю на кнопку пропадает просто напрасто. Как это можно исправить и почему текст не отображается в IE? Ниже привожу куски кода. HTML <div class="bottons"> <div class="botton"><img src="img/botton_main.jpg" width="230px" height="20px" border="0"> <div class="text_nav"><a class="navigate" href="index.html">Главная</a></div> </div> , где botton_main.jpg и есть сам рисунок кнопки, а "Главная" название данной кнопки. CSS div.botto…

    Asked by Aleshka, July 22, 2008

    0 votes
    1 answer
12. наложение текста на изображение

    Привет! Перечитал все вопросы и ответы по данной теме, но у меня вопрос такого содержания.Фоновое изображение задано, на нём размещены 3 картинки в ряд (по горизонтали).1.Как в сss прописать,чтобы они были по горизонтали,а не вертикали? 2.Как на этих картинках написать текст и чтобы он попадал на центр данных картинок и не выходил за их рамки?Пробовал так : <div style="background: url(dal.jpg) no-repeat top left;">текст</div>,но только 1\10 часть картинки появляестся с текстом на ней.Работаю не с таблицей,а с div-ами. И ещё: 3.Расстояние между картинками задаю при помощи ,но их нужно очень много ставить.Есть ли другой вариант?

    Asked by rulyass, March 7, 2009

    0 votes
    9 answers
13. Наложение тени

    Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.

    Asked by Vlad, January 5, 2013

    0 votes
    6 answers
14. Наложение уголков

    Есть вот такая картинка. Как считаете, можно ли обойтись в данном случае одним элементом? Всякие :before тоже не считаются. Как только задал вопрос, сразу же пришло решение. Надо использовать радиальный градиент. height: 100px; width: 100px; background: radial-gradient(#FFFAC0 49px, #6DC065 50px);

    Asked by Vlad, October 8, 2013

    0 votes
    1 answer
15. наложение фонов

    помогите пожалуйста решить проблему с наложением двух фонов. вот на этой страничке http://digitaltv.saransk.ru/webtv22.html при уменьшении высоты окна нижний фон перекрывает верхний. а хотелось бы чтобы было наоборот - верхний перекрывал нижний. пробовал в блоки #footer и BODY добавлять z-index-ы. не помогает. заранее спасибо за ответы.

    Asked by cyklop77, November 2, 2010

    0 votes
    4 answers
16. Наложение цвета на фон

    Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.

    Asked by edwinkkc, January 15, 2014

    0 votes
    2 answers
17. Наложение, без позиционирования.

    Всем привет. Столкнулся с такой ситуацией. В общем у меня есть два элемента. Покажу на рисунке, так нагляднее. из него нужно получить вот такое: Но вроде бы все просто, вот только есть - но. позиционирование использовать нельзя. Почему? просто этот контент не статический и будет со скролом двигаться, и при позиционировании(relative) в IE6 остается на месте. Возможно предложите как сделать чтобы при прокрутке перемещался элемент. Вот в общем я эксперементировать и вот что получил: <!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>…

    Asked by divbyzero, March 13, 2008

    0 votes
    16 answers
18. Наложение.

    В общем,нужно так,чтобы картинка была в левом нижнем углу слайдера. Изображение: http://imgdepo.ru/id/i2190672 Слайдер: Код: <table style="border:none; width:100%"><tr><td> <link type="text/css" href="dbtech/vbslider/actions/dbtech_vbslider_forum1.css" rel="stylesheet" /> <div class="slider_widget" style="position: relative;width:712px; height:260px; margin-right:auto; margin-left:auto; "> <div class="block"> {$output[text]} </div> </div> </div> </td></tr></table>

    Asked by LeoSan, December 8, 2012

    0 votes
    4 answers
19. Наложения слоя на флеш анимацию

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

    Asked by Alex_1988, April 26, 2008

    0 votes
    2 answers
20. Наложить div на футер

    Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?

    Asked by olejan, April 5, 2011

    0 votes
    3 answers
21. Наложить блоки на картинку

    Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head&gt…

    Asked by oledgan, February 26, 2015

    • картинка
    • наложение
    0 votes
    3 answers
22. Наложить картинку на фон

    Помогите пожалуйста! Надо наложить изображение на фон сайта, чтобы не было белых пятен по краям изображения. Вот страница - www.megamat.ru/in.html - надо исправить картинки "Заказать работы" и "найти книги"

    Asked by Fosbury, July 24, 2007

    0 votes
    4 answers
23. наложить размытие на изображение

    помогите пожалуйста решить проблему есть картинка, нужно на её часть наложить сверху размытый зелёный фон. в результате выглядеть должно так я пытался решить проблему, применив фотошоповский фильтр "размытие по гауссу" к зелёному фону из исходника. так же пробовал применить css-свойство filter. в результате не решил проблему(есть эффект наложения зелёного стекла, но нет именно размытия). вот jsfiddle

    Asked by cyklop77, February 12, 2015

    0 votes
    11 answers
24. Наложить слой с PNG на фотографию.

    Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.

    Asked by blackmura, April 14, 2009

    0 votes
    1 answer
25. Намудрил с менюшкой

    Есть страница. Слева, в плавающем фрейме, меню. Кликаю по менюшке куда нибудь, перемещаюсь на др страничку с этим же плавающим фрэймом. Соответственно редактировать меню очень просто. Один раз что нибудь изменил.. и везде изменилось )) Только проблема вс? таки возникла. По кнопке Главная страница, эта самая гл.страница загружается в этом флоат-фрэйме. Как сложно объяснить то по человечески......

    Asked by FloG, May 5, 2008

    0 votes
    5 answers