Difference between revisions of "Thread:Talk:LiteRumble/CSS"
Jump to navigation
Jump to search
(New thread: CSS) |
|||
| Line 1: | Line 1: | ||
It is a relatively minor issue. But it is driving me crazy. | It is a relatively minor issue. But it is driving me crazy. | ||
| − | I think the page would be better served with at least some minor CSS. Here I have some CSS-1 only. All browsers (except text based ones) implement it exactly the same. If you set cellspacing="1" on the table html, it should look very similar (viusally) to the | + | I think the page would be better served with at least some minor CSS. Here I have some CSS-1 only. All browsers (except text based ones) implement it exactly the same. If you set cellspacing="1" on the table html, it should look very similar (viusally) to the normal roborumble page. |
| + | |||
| + | Replace the bgcolor attribute tags with class="even" or class="odd", depending. | ||
<pre> | <pre> | ||
| Line 8: | Line 10: | ||
} | } | ||
table { | table { | ||
| − | |||
background-color: #D3D3D3; /* LightGrey */ | background-color: #D3D3D3; /* LightGrey */ | ||
} | } | ||
| Line 20: | Line 21: | ||
table td, table th { | table td, table th { | ||
padding: 2px 4px; | padding: 2px 4px; | ||
| − | |||
} | } | ||
table th { | table th { | ||
| Line 32: | Line 32: | ||
} | } | ||
</pre> | </pre> | ||
| + | |||
| + | If you are okay with CSS2, all of the html formatting attribute tags can be hacked out. (Just let me know). | ||
Latest revision as of 22:33, 24 October 2012
It is a relatively minor issue. But it is driving me crazy.
I think the page would be better served with at least some minor CSS. Here I have some CSS-1 only. All browsers (except text based ones) implement it exactly the same. If you set cellspacing="1" on the table html, it should look very similar (viusally) to the normal roborumble page.
Replace the bgcolor attribute tags with class="even" or class="odd", depending.
body {
font-family: helvetica, arial, sans-serif;
}
table {
background-color: #D3D3D3; /* LightGrey */
}
table th {
background-color: #EEEEEE;
}
table th a {
color: black !important; /* !important, this keeps it from having odd colors on visited links */
text-decoration: none;
}
table td, table th {
padding: 2px 4px;
}
table th {
padding-right: 1em;
}
tr.odd {
background-color: #F8F8F8;
}
tr.even {
background-color: #FFFFFF; /* White */
}
If you are okay with CSS2, all of the html formatting attribute tags can be hacked out. (Just let me know).
