1 / 1 / 2
Регистрация: 17.02.2014
Сообщений: 12
|
|
Не получается вставить изображение поверх другого изображения в email письме06.10.2017, 03:10. Показов 2503. Ответов 9
Метки нет (Все метки)
Верстаю html-письмо. Есть два изображения: первое с линиями, а второе с двумя кружочками. Не получается вставить линии по середине этого кружка как на скриншоте. Пробовал через абсолютное и относительное позиционирование, но в почтовых клиентах отображается некорректно. Помогите сделать так, чтобы линии стояли по середине и чтобы в почтовых клиентах ничего не сбивалось. Заранее благодарю за помощь!! index.rar
0
|
|
(| 06.10.2017, 03:10 | |
|
Ответы с готовыми решениями:
9
Как разместить изображение из Label поверх другого изображения?
Вывод изображения поверх другого изображения |
|
Модератор
 
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 06.10.2017, 10:18 | |
|
Попробуйте прописать картинке с кружочками отрицательный левый маржин (
margin-left:-14px) как почтовые клиенты к нему относятся не знаю, но в браузерах работает прекрасно.
1
|
|
|
1 / 1 / 2
Регистрация: 17.02.2014
Сообщений: 12
|
|
| 06.10.2017, 12:03 [ТС] | |
|
Да, в браузерах работает. Но в таких почтовых клиентах как mail, gmail, outlook ничего не меняется.
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 06.10.2017, 12:24 | |
|
тогда можно попробовать вставить разделительную линию как бэкграунд для ячеек с кружками.
1
|
|
|
1 / 1 / 2
Регистрация: 17.02.2014
Сообщений: 12
|
|
| 06.10.2017, 12:34 [ТС] | |
|
Уже пробовал, не получилось
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 06.10.2017, 12:35 | |
|
не показывает именно в клиентах или вообще не получилось?
1
|
|
|
1 / 1 / 2
Регистрация: 17.02.2014
Сообщений: 12
|
|
| 06.10.2017, 12:36 [ТС] | |
|
Не получилось разместить так как на картинке.
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
||||||
| 06.10.2017, 12:41 | ||||||
 Сообщение было отмечено Nocab как решение
Решение
зы: и следим чтобы между "url" и "(" не было пробела
1
|
||||||
|
1 / 1 / 2
Регистрация: 17.02.2014
Сообщений: 12
|
|
| 06.10.2017, 17:21 [ТС] | |
|
Спасибо за помощь, вроде бы всё работает, только в outlook эта линия пропадает ))
0
|
|
|
Модератор
2379 / 1739 / 677
Регистрация: 07.08.2016
Сообщений: 4,093
|
|
| 06.10.2017, 17:48 | |
|
Видать outlook не понимает бекграунд, или какие то его свойства, остается только наложить эти линии поверх кружков в фотошопе или забить на outlook
 Ну или искать совета у тех у кого больше опыта в верстке писем.
0
|
|
| 06.10.2017, 17:48 | |
|
Помогаю со студенческими работами здесь
10
Рисование поверх другого изображения Вывод одного изображения поверх другого
Не получается вставить фоновое изображение в html файл Как побитово сложить одно изображение с одной из битовых плоскостей другого изображения Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога
Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
|
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога
Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
|
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога
Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
|