tabel med låst overskrift
Hej eksperterJeg har en tabel som jeg ikke helt ved hvordan jeg får til at fungerer som jeg gerne vil. Det jeg gerne vil opnå er at overskriften i hver collonne bliver stående. Det her er mit bedste bud
http://www.web-oasen.dk/test
Men kan man ikke gøre det smartere?
Stylesheetet ser sådan ud
body
{
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #aabbcc;
}
/* Stil på scroolbar, hvis dette på senere tidspunkt ønskes. Bemærk at dette først understøttes fra IE 5.5 */
.scrollbar {
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000
}
/* tableCell6 uses the same background colour as contentBG1 (Directory Page)*/
.tablecell6
{
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
HEIGHT: 25PX;
TEXT-DECORATION: none;
BORDER: 0PX SOLID BLACK;
BACKGROUND-COLOR: #445566;
}
.tablecell7
{
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
HEIGHT: 25PX;
MARGIN-BOTTOM:0PX;
BORDER: 0PX SOLID BLACK;
BACKGROUND-COLOR: #FDE293
}
/* tableHeaderCell6 */
.tableHeaderCell6
{
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
TEXT-ALIGN: LEFT;
border: 0px solid black;
HEIGHT: 25PX;
BACKGROUND-COLOR: #778899;
padding: 0px 0px 0px 1px;
}
.tableHeaderCell7
{
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
border: 0px solid black;
HEIGHT: 10PX;
BACKGROUND-COLOR: #FDE293
}
.headerBG1 {
BACKGROUND-COLOR: #003366
}
.headerBG2 {
BACKGROUND-COLOR: #336699;
BACKGROUND-IMAGE: none
}
.headerData1 {
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
}
.lhnButton1 {
BACKGROUND-COLOR: #333366;
COLOR: #ffffff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
text-align:center;
padding:0px;
spacing:0px;
cursor:hand;
}
.lhnButton1clikked {
BACKGROUND-COLOR: #ffffff;
COLOR: #333366;
FONT-FAMILY: times new roman;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
text-align:center;
padding:0px;
spacing:0px;
cursor:wait;
}
.contentBG1 {
BACKGROUND-COLOR: #ffffcc
}
.contentBG6 {
BACKGROUND-COLOR: #FFF0B2
}
.contentBG7 {
BACKGROUND-COLOR: #FFAE1A
}
.contentBG10 {
BACKGROUND-COLOR: #ff9900
}
.contentPageTitle1 {
COLOR: #BE5E00;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
.contentFieldLabel2 {
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
.contentFieldLabel3 {
COLOR: #000000;
BACKGROUND-COLOR: #FFAE1A;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
.contentText1 {
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none
}
.warningText1 {
COLOR: #0000ff;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
TEXT-DECORATION: none
}
/* rykind top,bottom,right,left */
#rykind {
padding: 5px 5px 5px 5px;
}
#rykind1 {
padding: 0px 0px 0px 10px;
}
.flyt{
padding: 10px 10px 10px 10px;
}
.flyt1{
padding: 0px 0px 0px 10px;
}
a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline font-style: plain; font-weight: bold}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline font-style: plain; font-weight: bold}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; text-decoration: underline font-style: plain; font-weight: bold}
a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline font-style: plain; font-weight: bold}
a.ankerstil1:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: underline font-style: plain; font-weight: bold}
a.ankerstil1:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none}
a.ankerstil1:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #ff0000; text-decoration: underline}
a.ankerstil1:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none; font-style: plain; font-weight: bold}
a.menuanker:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; font-style: plain; font-weight: bold}
a.menuanker:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline; font-style: plain; font-weight: bold}
a.menuanker:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ff0000; text-decoration: underline; font-style: plain; font-weight: bold}
a.menuanker:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0000ff; text-decoration: underline; font-style: plain; font-weight: bold}
.overskrift {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none; font-weight: bold}
.broedtekst {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
.broedtekst_b {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold}
.tabeloverskrift {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.tabeltekst {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
