Search the Community
Showing results for tags 'наложение'.
-
Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name: block_overlap; animation-duration: 1s; } Данный код не привёл к решению проблемы.
-
Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.
-
Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код 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> <body> <div id="textabove"> <p> <img src="image/parlez1.png" alt="parlez-vouz francais?" width="300px"/><br> <img src="image/parlez2.png" alt="учим французский язык вместе." width="250px"/> </p> </div> <div> <img id="podlogka" src="image/fon2.png" alt="подложка" height="450px" width="950px"/> </div> </body></html>* { margin: 0; padding: 0;}#textabove { margin-bottom: 10px; margin-left: 15%; margin-top: 55px; line-height: 1px;}#podlogka { margin-left: 205px;}
-
Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))