イメージの上にモジュールのタイトル(私の場合はバナーモジュール)を入れる方法はありますか?ここでJoomla - バナーモジュール - タイトル位置
は一例です:http://www.nulaena.si/temp
私はイエロー画像(背景)の上に、「技術的な質問をする」テキストを配置したいと思います。
私はmargin-bottom:-10pxとz-indexを試しましたが、成功しませんでした。多分私はそれを正しくしなかったでしょう。
これは私がこれまでしているコードです:
.moduletable_banner-yellow {
background-image:url('http://nulaena.si/joomla/images/banners/banner-yellow.png');
height: 50px;
width: 511px;
}
しかし、その後、あなたはをクリックすることはできません。
<div class="moduletable_banner-yellow">
<h3>Ask a technical question</h3>
<div class="bannergroup_banner-yellow">
<div class="banneritem_banner-yellow"><a href="#"><img src="http://nulaena.si/joomla/images/banners/banner-yellow.png" /></a><div class="clr"></div></div>
</div>
</div>
.moduletable_banner-yellow h3 {
margin-bottom: 0px;
padding-left: 20px;
font-family: arial;
font-size: 16px;
font-weight: bold;
text-shadow: #6374AB 2px 2px 2px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
text-align: left;
}
私は例のように背景としてバナー画像を入れてみましたバナーはバックエンドで選択されたイメージがないためです(リンクはなく、テキストのみです)。イメージを選択すると、テキストのためにプッシュダウンされます。
私は別のオプションがソースコードを変更してリンクになると思うが、むしろそれを避けるだろう。
「position:absolute;」を追加しました。 h3にすると完璧です。ありがとうございました! – ptinca