Categorie Tree Design

[freak of evil]

Hello everyone,

 

since yesterday morning i tried to redesign my categorie tree.

I create a new class in stylesheet.css

 

.linkskat
{
 font-family: Arial, sans-serif;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 padding: 3px 0px 0px 10px;
 margin:0px 0px 3px 0px;
 background-image: url(images/infobox/kat.gif);
}

.linkskat a
{
 font-family: Arial, sans-serif;
 font-size: 12px;
 color: #ffffff;
 padding: 3px 0px 15px 0px;
 margin:0px 0px 3px 0px;
}

here is my code in categories.php

 

~ line 20 --> i start the div-container from the stylesheet.css

$categories_string .= '<div id="linkskat"><a href="';

 

~ line 40 --> i deactivates the subcategorie-arrow

 

/* unterkategorie
if (tep_has_category_subcategories($counter)) {
$categories_string .= tep_image(DIR_WS_IMAGES . 'arrow_right.gif');
}
*/

 

~ line 45 --> here ends the div-container

 

$categories_string .= '</a></div>';

 

 

~ line 60 --> here i deactivates the Heading "Kategorie" because i when i finished the categories field should stand alone without Heading and border

 

/* Kategoriebox Überschrift
new infoBoxHeading($info_box_contents, true, false);
*/

 

now i had a problem .... the categories looks like good, i defined in styelsheet.css a small background-image for the links - everything is fine, but the subcategories make problems when i click on an kategorie what have subcategories shall the links torn apart.

 

i don´t understand why the subcategories looks differently the categories - they are both define by the class "linkskat"

 

if someone want to look on my teststore click here

 

sorry for my english .... i´m a german guy

 

thanks for help

Peter