Как сделать заголовок с прозрачным фоном по верх картинки

java 27.08.2011 верстка, css Все вопросы » Ламерские вопросы 4950

вопрос

Как уже спрашивали на вашем сайте в одной из тем, ка сделать так:

Показать / Скрыть текст

буду очень благодарен помощи.

Ответил: ПафНутиЙ

h3 {
background: rgba(0, 0, 0, 0.80); /*прозрачность будет работать только в нормальных браузерах, для ie7 и ниже нужно ставить однопксельную полупрозрачную картинку */
width: 100%;
font: normal 16px/24px Verdana, sans-serif;
position: absolute;
bottom: 10px;
left: 0;
}
ну и соответственно, прописываем для родительскoго блока position: relative;

6 комментариев

Юзер

java - 2015-06-0628 августа 2011 00:36 - #872

Спасибо, но не совсем догадываюсь как или где прописать position: relative;
если я использовал half_story.tpl (и on_cat_story.tpl)

Админ

3457

ПафНутиЙ - 2015-06-0628 августа 2011 00:37 - #873

код дайте посмотреть, скажу куда воткнуть.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

java - 2015-06-0628 августа 2011 00:44 - #874

Этими дивами?
<DIV style="position:relative;">
</div>

Код half_story.tpl

Показать / Скрыть текст


<div style="width: 50%; float: left;">
<div class="tl"></div><div class="tr"></div>
<div class="inside">
    <div style="overflow: hidden; height: 38px;"><h1>[full-link]{title}[/full-link]</h
1> {approve}</div>
    [xfgiven_image][full-link]<img src="[xfvalue_image]" alt="{title}" width="430" height="250" border="0">[/full-link][/xfgiven_image]
         <div class="news_author">{link-category}<br />Добавил: {author} - {date}<br /> Просмотров: <b>{views}</b> [edit]Редактировать[/edit]</div>
         <p class="tp"><b>Содержание новости<cite>{short-story}</cite></b></p>
         <div>{rating} &nbsp;  [com-link]Комментарии ({comments-num})[/com-link]</div>

         </div>
<div class="bl"></div><div class="br"></div>
</div>

Юзер

java - 2015-06-0628 августа 2011 00:48 - #875

Оказалось в полной новости блок титла и гуляет по середине страницы

Админ

3457

ПафНутиЙ - 2015-06-0628 августа 2011 09:47 - #879

[xfgiven_image]<div class="img_wrap">[full-link]<img src="[xfvalue_image]" alt="{title}" width="430" height="250" border="0">[/full-link]<h3>{title}</h3><
/div>[/xfgiven_image]

CSS

.img_wrap {position: relative;}

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

153

bratoz - 2015-06-0628 августа 2011 21:42 - #904

Ооо) моя картинка))

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?