Thema: module runde ecken

hallo liebe community,

ich bastle gerade an einem neuen template, in dem die module runde ecken haben sollen. das habe ich folgendermaßen eingebunden:

Code:

#leftcol_top table.moduletable{
width:163px;
background: url(../images/modulebottom.png) no-repeat bottom;
padding-bottom:16px;
float:right;
}

#leftcol_top table.moduletable th{
line-height:26px;
font-size:13px;
height:26px;
background: url(../images/moduletableth.png) no-repeat;
color:white;
}

#leftcol_top table.moduletable td{
background: url(../images/moduletd.png)repeat-y;
}

das klappt ganz gut, aber jetzt hab ich links zwischen modulrand und text keinen abstand. wenn ich im td padding:5px einstelle, dann wiederholt sich die linie links, d.h. ich hab dann zwei ränder. hat jemand eine idee, wie ich zu mehr innenabstand komme, ohne meine module wie zebras aussehen zu lassen?

danke melanie


ps. ach ja, noch eine frage: wie bring ich den content auf height:100%? das funktioniert bei mir einfach nicht!

ps hier ein bild

Hmm,

es ist klar, dass sich das Bild wiederholt. Denn durch das padding verbreiterst du die Zelle, dann wiederholt sich eben das Bild. Also entweder du sagst padding-left 5px; width: 158px;

oder Du probierst es mal mit text-indent: 5px;

Gruß mmD