2011-07-26 13 views
0

イメージの上にモジュールのタイトル(私の場合はバナーモジュール)を入れる方法はありますか?ここで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; 
} 

私は例のように背景としてバナー画像を入れてみましたバナーはバックエンドで選択されたイメージがないためです(リンクはなく、テキストのみです)。イメージを選択すると、テキストのためにプッシュダウンされます。

私は別のオプションがソースコードを変更してリンクになると思うが、むしろそれを避けるだろう。

答えて

0

本文に絶対位置を使用してみてください。それはうまくいくと思う。 2つのモジュールにモジュールマネージャの同じ位置を与えてから、バナーの上に来るようにテキストを「絶対的に配置」しますか?

画像を&の画像を同じモジュールにロードするだけでもいいですか?私は2つの別々のモジュールを使用してそれを行う利点を確認していないのですか?彼らが重なり合うなら、何がポイントになるでしょうか?

+0

「position:absolute;」を追加しました。 h3にすると完璧です。ありがとうございました! – ptinca

関連する問題