Hallo,
erst einmal vielen Dank für das tolle Modul, erfüllt genau das was ich gesucht habe.
Ich habe nur ein Problem mit dem z-Index. Habe die treadmill in ein div (im css code div#treadmill_mask) mit einem PNG Hintergrund (mit transparenz) gepackt, aber das PNG liegt trotz höherem "z-index" immer hinter den Artikelbildern der treadmill...
"code products_treadmill.html":
<!-- BOF
: Products
-Treadmill v1
.5
(c
)2008 by Hetfield
- http
://www.MerZ-IT-SerVice.de -->{config_load
file="$language/lang_$language.conf" section
="products_treadmill"}<div id
="treadmill_mask"><table width
="980" border
="0" cellspacing
="0" cellpadding
="0" class="mainindex"> <tr
> <td height
="450" align
="left" valign
="bottom"><div id
="products_treadmill"><ul
>{foreach name
=aussen item
=treadmill_data from
=$treadmill_content} <li
> {if $treadmill_data.PRODUCTS_IMAGE
}<a href
="{$treadmill_data.PRODUCTS_LINK}" title
="{$treadmill_data.PRODUCTS_NAME}"><img src
="{$treadmill_data.PRODUCTS_IMAGE}" alt
="{$treadmill_data.PRODUCTS_NAME}" /></a
>{else}<a href
="{$treadmill_data.PRODUCTS_LINK}" title
="{$treadmill_data.PRODUCTS_NAME}"><img src
="{$tpl_path}img/{$language}/no_image.gif" alt
="{$treadmill_data.PRODUCTS_NAME}" /></a
>{/if} <a href
="{$treadmill_data.PRODUCTS_LINK}" class="textlink">{$treadmill_data.PRODUCTS_NAME
}</a
> </li
>{/foreach}</ul
></div
></td
> </tr
></table
></div
> Code css:
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin */
h2.products_treadmill_head {
text-align:center;
border:1px solid #333;
color:#000;
/*background:#FFF url(../img/bg_boxheader.gif) center repeat-x;*/
font-size:1.1em;
text-align:center;
margin:15px auto 0px auto;
width:980px;
height:20px;
}
div#products_treadmill {
width:1000px;
text-align:center;
border:1px solid #333;
text-align:center;
background:#FFF;
margin-bottom:0px;
border-width: 0px;
}
div#products_treadmill ul {
width:980px;
text-align:center;
margin:0 auto;
}
div#products_treadmill ul li {
width:225px;
float:left;
text-align:center;
height:300px;
padding-bottom:0px;
list-style:none;
}
div#products_treadmill a.textlink:link {
text-decoration:none;
font-weight:bold;
font-size:0.8em;
color:#000;
}
div#products_treadmill a.textlink:visited { text-decoration:none; font-weight:bold; font-size:0.8em; color:#893769; }
div#products_treadmill a.textlink:hover { text-decoration:none; font-weight:bold; font-size:0.8em; color:#555; }
div#products_treadmill a.textlink:active { text-decoration:none; font-weight:bold; font-size:0.8em; color:#893769; }
div#products_treadmill a.textlink:focus { text-decoration:none; font-weight:bold; font-size:0.8em; color:#893769; }
div#products_treadmill img {
display:block;
margin:0px auto;
padding:0px;
border:0px solid #000;
}
div#treadmill_mask {
background: #FFF url("../../../images/mainindex_mask.png") no-repeat;
z-index: 100;
position: relative;
}
/* products_treadmill.html - Products-Treadmill (c)2008 by Hetfield - www.MerZ-IT-SerVice.de - End */
Danke und Grüsse
Jürgen
