am: 18. September 2010, 16:30:34
Hallo,
ich versuche mir meine 2 Spalten Ansicht auf DIV Basis zu formatieren, was auch soweit alles ganz gut geklappt hat, bis auf das mit den Schriftgrößen und Farben.
Wie bekomme ich es hin das er auf die Original Schriftgröße und Farbe zugreift, so wie es ist wenn ich die Spalten Ansicht mit den Tabellen verwende.
Mal als Beispiel was ich meine, in Moment ist es so, das er mir bei den Div Spalten alles in Grau macht, weil ich das so erstmal gemacht hatte, auch wenn ich zum Beispiel ein Sonderangebot habe, da ist ja eigentlich so, das der Alte Preis durchgestrichen ist, und in Rot, und genau das bekomme ich nicht hin das die Original Schriften aus der Stylesheet geerbt werden.
Hier mal meine Ansätze:
product_listing_v1.html
{config_load
file="$language/lang_$language.conf" section
="index"}<h1
>{$CATEGORIES_NAME}</h1
>{if $CATEGORIES_DESCRIPTION}<p
>{$CATEGORIES_DESCRIPTION}</p
><div
class="hrproductpreview"></div
>{/if}{if $MANUFACTURER_DROPDOWN}{$MANUFACTURER_DROPDOWN}{/if}<div align
="center">{foreach name
=aussen item
=module_data from
=$module_content} {php
} $col++; {/php
} <div
class="listingbox"> <div
class="listing" align
="center"><a href
="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME
}</a
></div
> <div
class="listing_body"> <div
class="listing_img">{if $module_data.PRODUCTS_IMAGE
} <a href
="{$module_data.PRODUCTS_LINK}"><img src
="{$module_data.PRODUCTS_IMAGE}" alt
="{$module_data.PRODUCTS_NAME}" /></a
> {/if}</div
> <div
class="listing_price"><span
class="price"><b
>{$module_data.PRODUCTS_PRICE
}</b
></span
><br
/> ({$module_data.PRODUCTS_TAX_INFO
}<br
/>{$module_data.PRODUCTS_SHIPPING_LINK
})</div
> </div
> <div
class="listing_bottom"><a href
="{$module_data.PRODUCTS_LINK}"><img src
="{$tpl_path}buttons/german/button_product_more.gif" alt
=""/></a
></div
></div
>{php
} if ($col>=2) { $col=0; echo ''; } {/php
}{/foreach}</div
>{$NAVIGATION} Der Teil in meiner Stylesheet:
.listingbox {
width:258px;
padding: 0;
border: 1px solid #000000;
float: left;
margin: 2px;
background: #FFFFFF;
}
.listing {margin:2px;font-size:12px; padding: 7px 0 0 0;background-image: url(img/bg_boxheader.png);background-repeat:repeat-x;height:23px; color: #000000; font-weight:bold;}
.listing a {color: #ffffff;}
.listing a:visited {color:#ffffff}
.listing a:hover,a:active {color:#ffffff}
.price {font-size:16px;font-weight:bold;padding:0;margin:0;color:#6F6F6F}
.listing_body {
width:258px;
min-height:200px;
height:200px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
float: left;
background: #FFFFFF;
background-image:url(img/ornament.png);background-repeat:no-repeat;
background-position:bottom right;
}
.listing_img {
padding: 10px 5px 5px 5px;
float: left;
width:115px;
height:180px;
}
.listing_price {
width:120px;
padding: 10px 5px 0 5px;
float: right;
font-size:11px;font-weight:normal;color:#999;
text-align:right;
}
.listing_price a{
font-size:11px;font-weight:bold;color:#999;text-decoration:underline;outline:none;
}
.listing_bottom {
float:left;
width:258px;
text-align:center;
padding: 3px 0 1px 0;
background-color: #fef8e0;
height:26px;
}
Eventuell habe ich ja auch nur eine falsche Denkweise. Für Hilfe und Vorschläge wäre ich sehr dankbar.
Gruß
Micha
Linkback: https://www.modified-shop.org/forum/index.php?topic=8116.0