[ale] Problems with style sheet
Christopher Fowler
cfowler at outpostsentinel.com
Fri Feb 4 10:50:02 EST 2005
I have this style sheet and I can not figure out why in IE the links
render in td.main with the settings in td.lhs. Can anyone tell me why?
It looks great on Linux.
body {
background-color: #FFFFFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90% ;
margin: 5px ;
}
textarea.cons {
background:#000000;
color:#FFFFFF;
}
/*
* Banner - block level element showing current active function.
*/
div#banner {
display: block ;
background-color: #990033 ;
font-size: 160% ;
font-weight: bold ;
text-align: left ;
color: #ffffff ;
padding: 5px ;
/* border: 1px solid #0000ff ; /* For debug */
}
div#spacer {
font-size: 50% ;
}
div#log {
display: block ;
font-family: monospace ;
background-color: #EEEEEE ;
border: 1px solid #990033 ;
padding: 6px ;
white-space: pre ;
text-align: left ;
}
div#tty {
display: block ;
font-family: monospace ;
background-color: #000000 ;
color: #FFFFFF ;
border: 1px solid #990033 ;
padding: 6px ;
white-space: pre ;
text-align: left ;
}
/*
* Main table - containing 3 panes:
*
* lhs - navigation.
* rhs - TBD (possibly links)
* main - where most of the action is. Page-specific
* functionality all takes place here.
*/
table.canvas {
width: 100% ;
/* border: 1px solid #0000ff ; /* For debug */
}
/*
* lhs navigation bar.
* Request 10% width.
* Override H1 and a attributes to suit.
*/
td.lhs {
width: 10% ;
background-color: #990033 ;
color: #ffffff ;
text-align: left ;
padding-top: 5px ;
padding-left: 5px ;
margin: 0 ;
vertical-align: top ;
/* border: 1px solid #0000ff ; /* For debug */
}
td.lhs h1 {
display: block ;
font-weight: bold ;
font-size: 90% ;
padding: 0 ;
margin: 0 ;
}
td.lhs a {
display: block ;
padding-left: 1em ;
text-decoration: none ;
font-size: 80% ;
}
td.lhs a:link, a:visited {
color: #ffffff ;
}
/*
* This is where the action is.
*/
td.main {
padding: 5px ;
/* border: 1px solid #00ff00 ; /* For debug */
}
td.main h1 {
display: block ;
font-weight: bold ;
font-size: 120% ;
text-align: center ;
}
td.main p {
display: block ;
text-align: center ;
}
/*
* rhs - TDB.
*/
td.rhs {
width: 10% ;
/* border: 1px solid #0000ff ; /* For debug */
}
/*
* Footer support, grey horizontal line, below all floats.
* Support special handling for links.
* Copyright and support email links are italicized and 80%
* font size.
*/
div#footer {
display: block ;
clear: both ;
width: 100% ;
border-top: 1px solid #999999 ;
margin-top: 2px ;
padding-top: 2px ;
}
div#footer a {
}
div.copyright {
display: block ;
font-style: italic ;
font-size: 80% ;
}
div.support {
display: block ;
font-style: italic ;
font-size: 80% ;
}
/*
* Table taking 100% of the element box.
*/
table.width100 {
width: 100% ;
margin: 0 ;
padding: 0 ;
border: 0 ;
}
tr.labels {
text-align: center;
}
tr.odd {
background-color: #D8D8D8;
color: #000000;
}
tr.even {
background-color: #E8E8E8;
color: #000000;
}
td.param {
width: 30% ;
}
td.value {
}
td.center {
text-align: center;
}
a.black {
visited: #000000;
color: #000000;
}
li.folder { list-style-image: url(/SystemConfig/folder.jpg); }
li.file { list-style-image: url(/SystemConfig/file.jpg); }
tr.tun-up {
color: #000000;
background-color: #cceedd;
}
tr.tun-down {
color: #000000;
background-color: #ffa0a0;
}
td.tun-up {
color: #000000;
background-color: #cceedd;
}
td.tun-down {
color: #000000;
background-color: #ffa0a0;
}
More information about the Ale
mailing list