read csv-data and put it in an array

[Perlchamp]

if i do this :

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

it looks like:

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

[sdetweil]

@Perlchamp td has a class, you are overriding it…
you want that class on the text in the td, not the td itself…

table, th, tr, all have classes… you can ADD a class instead of SET a class

+= adds to

[Perlchamp]

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

[sdetweil]

@Perlchamp not a css class wizard

[Perlchamp]

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

[sdetweil]

@Perlchamp but you SET the ONLY classname to be yours… classame=
wipes out what was there

you do not append yours to the list of classNames already assigned className +=

[Perlchamp]

ok, i will try

[Perlchamp]

doesn’t work either

[sdetweil]

@Perlchamp bummer

[Perlchamp]

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;
}