Помощник
|
Наложение текста на изображение |
Frakiec
|
Сообщение
#1
|
||
|
|
||
|
|||
Pult |
2.5.2015, 21:50;
Ответить: Pult
Сообщение
#2
|
|
Frakiec, Как-то так:
Html: Код <div class="container"> <div class="texthead"> <span>Текст</span> <img src="images/bg/slbg.jpg"> </div> <div class="texthead"> <span>Текст</span> <img src="images/bg/slbg.jpg"> </div> <div class="clear"></div> </div> CSS: Код .container {
width: 96%; max-width: 960px; margin: 0 auto; text-align: center; } .texthead { position:relative; width: 48%; float: left; } .texthead img { display: block; width: 100%; } .texthead span { display: block; width: 100%; position:absolute; color: #fff; margin-top:30px; } .clear {clear:both;} -------------------- ICQ 692616097 Лучше, чтоб над тобой смеялись, чем плакали... |
|
|
Frakiec
|
Сообщение
#3
|
|
Pult, спасибо, но что не хочет работать.
|
|
|
Pult |
3.5.2015, 13:42;
Ответить: Pult
Сообщение
#4
|
|
что не хочет работать В смысле не хочет работать? Не корректно отображается? -------------------- ICQ 692616097 Лучше, чтоб над тобой смеялись, чем плакали... |
|
|
Frakiec
|
Сообщение
#5
|
|
Pult,
код странички https://yadi.sk/d/UuHqr20MgQ63Y стили https://yadi.sk/d/3LlLSPMUgQ66H Сегодня заработало А вообще нужно, чтоб расположение изображений было как в пункте "без текста", а текст на изображениях был как в пункте "C тестом" и вот не могу понять, где ошибка. |
|
|
falken |
3.5.2015, 18:03;
Ответить: falken
Сообщение
#6
|
|
Frakiec, width применяйте не к изображениям, а к самому блоку, в котором расположены и span, и img. Уберите класс breakpoint/two-columns с изображений и манипулируйте блоком texthead.
Развернуть/Свернуть
Задача адаптивить изображения? Если да, то Вы изначально не совсем верный способ выбрали. -------------------- |
|
|
Frakiec
|
Сообщение
#7
|
|
|
|
|
falken |
3.5.2015, 19:12;
Ответить: falken
Сообщение
#8
|
|
|
это ж почему? Ну почитайте как правильно адаптивятся изображения, на просторах достаточно статей. А задавать разные значения width в определенных диапазонах @media, как у Вас, не самый удачный подход.
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перевод текста в речь нейросетями - сервис Zvukogram | 13 | Zvukogram | 7138 | 19.2.2024, 18:16 автор: freon_mr777 |
|
📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼 Мы предлагаем комплексное решение для рандомизации всех видов офера |
2 | leviathan | 1340 | 29.1.2024, 21:29 автор: leviathan |
|
Нужен перевод текста с RU на UZ | 0 | REGNET | 743 | 22.2.2023, 15:17 автор: REGNET |
|
Наполнение сайта Автотематики (написание текста с размещением) Ищу человека для длительного сотрудничества |
2 | NYLesha | 1808 | 1.8.2022, 23:22 автор: NYLesha |
|
Рерайт на постоянку (2-3 текста в неделю) Авто тематика |
2 | k62 | 1787 | 4.6.2021, 21:20 автор: mark2013 |
Текстовая версия | Сейчас: 29.3.2024, 9:11 |