doesn’t work (black screen) yet, BUT:

1. the classes set in “” ?
2. no use of appendchild ?
3. the wrapper set in “” ?

i did :

1. no
2. correct
3. no

question:
get i problems with this.create… because of “var self = this” ?

and the parent-element itselfs get a 0 (null) as parent ?

when I had a big pile of html objects to create I wrote a little routine to hide the 4 lines per object

where i have to place it ?

sam, take my going code and see by yourself. here is the css:

/*
.birthdaylist .app {
    width: 200px;
    padding: 0px;
}
*/

.birthdaylist .table {
  padding: 0px;
  margin: 0px;
/*
  border: 1px solid white;
  width: 200px;
*/
}

.birthdaylist .thead {

}

.birthdaylist .tr-head {

}

.birthdaylist header {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #444444;
  line-height: 20px;
  padding-bottom: 5px;
  color: #ffffff;
/*
  font-variant: small-caps;
*/
}

.birthdaylist .tfoot {

/*
  height: 10px;
  padding: 0px;
  margin: 0px;
*/
}

.birthdaylist .tr-foot {

/*
  height: 10px;
  padding: 0px;
  margin: 0px;
*/
}

.birthdaylist .td-foot {
  line-height: 16px;
  font-size: 16px;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
/*
  border: 1px solid #444444;
*/
}

.birthdaylist .tbody {

}

.birthdaylist .tr-body {

}

.birthdaylist .td-image {
  width: 27px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("/modules/birthdaylist/images/kalenderblatt.png");
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  line-height: 26px;
  vertical-align: top;
  text-align: center;
  margin: 0px;
  padding: 10px 0px 0px 0px;
/*
  border: 1px solid orange;
  height: 28px;
*/
}

.birthdaylist .td-body {
  font-size: 18px;
  text-transform: uppercase;
  color: #888888;
  letter-spacing: 0.1em;
  vertical-align: top;
  line-height: 22px;
  padding: 0px 0px 8px 8px;
  margin: 0px;
/*
  border: 1px solid orange;
  height: 28px;
  font-variant: small-caps;
  width: 160px;
*/
}

.birthdaylist span {
  color: orange;
  font-weight: bold;
}

doesn’t work either

ok, i will try

no i don’t override the general td-class, cause i use:
.modulname .classname
{
font: 16px;
…
}

but the other cell (name plus age) works, WHY ?

if i do this :

//bodyTDimage.className = "td-image";

it looks like:

and i ask me, WHY css is not working only for this cell !!

i don’t think so. therefor i’m a little bit toooooooo retro ;-)

@sdetweil said in read csv-data and put it in an array:

when I had a big pile of html objects to create I wrote a little routine to hide the 4 lines per object

i will shurely take this, if my current html should work. now it’s too much “risk” for me, to change it.