PDA

View Full Version : Fix this CSS please! (50 rupie reward)


Mętlöaff
14-02-2004, 09:46 PM
For some reason, some of the tables in my forum are black so that you can't see the text. For example, look here (http://s4.invisionfree.com/The_Land_of_Tommorow/index.php?act=boardrules). It also pops up when you post. 50 rupies to the person who helps me.
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img_ { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #000; margin:0px 50px 0px 50px;background-color: #dfe6ef }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #aabbcc; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #000000;padding:2px }

.googleroot_ { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #000; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#000; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#000 } </style><center>Skin © to Nate of the <a href=http://ifskinzone.net>IF Skin Zone</a></center><style type="text/css">

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help_ _ { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#000 }
.caldate_ { text-align:right;font-weight:bold;font-size:9px;color:#000;background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif);padding:4px;margin:0px }

.warngood { color:green }
.warnbad_ { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg_ { text-align:center; margin-top:15px }

#ucpmenu_ _ { line-height:150%;width:22%; border:1px solid #000;background-color: #f5f9fd }
#ucpmenu p_ { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #dfe6ef; border:1px solid #000;line-height:150%; width:auto }
#ucpcontent p_ { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px outset #dfe6ef;background-color: #f5f9fd;padding:0px;margin:0px; }
#submenu_ { border:1px solid #dfe6ef;background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif);font-size:10px;margin:3px 0px 3px 0px;color:#000;font-weight:bold;}
#submenu a:link, #submenu_ a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #000; }
#userlinks { border:1px solid #dfe6ef; background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif) }

#navstrip_ { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif); padding:6px }

.pformstrip { background-color: #dfe6ef; color:#000;font-weight:bold;padding:3px;margin-top:1px }
.pformleft_ { background-color: #dfe6ef; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000; border-right:1px solid #000; }
.pformleftw { background-color: #f5f9fd; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000000; }
.pformright { background-color: #dfe6ef; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #f9fdff }
.post2 { background-color: #f5f9fd }
.postlinksbar { background-color:#dfe6ef;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif) }

.row1 { background-color: #dfe6ef }
.row2 { background-color: #f5f9fd }
.row3 { background-color: #dfe6ef }
.row4 { background-color: #f9fdff }

.darkrow1 { background-color: #f5f9fd; color:#000; }
.darkrow2 { background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif); color:#000; }
.darkrow3 { background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif); color:#000; }

.hlight { background-color: #dfe6ef }
.dlight { background-color: #f5f9fd }

.titlemedium { font-weight:bold; color:#000; padding:3px; margin:0px; background-color: #dfe6ef }
.titlemedium_ a:link, .titlemedium_ a:visited, .titlemedium_ a:active_ { text-decoration: underline; color: #000 }

.maintitle { vertical-align:middle;font-weight:bold; color:#000; letter-spacing:1px; padding:4px 0px 4px 3px; background-image: url(http://members.lycos.co.uk/jeroberts/gradients/catbg.gif) }
.maintitle a:link, .maintitle_ a:visited, .maintitle_ a:active { text-decoration: none; color: #000 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #dfe6ef;background-color:#dfe6ef }
.tableborder { border:1px solid #dfe6ef;background-color:#000; padding:0px; margin:0px; width:100% }
.tablefill_ { border:1px solid #000;background-color:#dfe6ef;padding:6px;_ }
.tablepad_ _ { background-color:#dfe6ef;padding:6px }
.tablebasic_ { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini_ _ { float:left;line-height:1.5em;width:25% }
.pagelinks_ { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#000 }
.edit { font-size: 9px }

.signature_ { font-size: 10px; color: #000 }
.postdetails { font-size: 10px }
.postcolor_ { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #000 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #000 }

.searchlite { font-weight:bold; color:#000; background-color:#dfe6ef }

#QUOTE { font-family: Verdana, Arial; font-size: 9px; color: #000; background-color: #f9fdff; border: 1px outset #dfe6ef; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE_ { font-family: Courier, Courier New, Verdana, Arial;_ font-size: 9px; color: #000; background-color: #f9fdff; border: 1px outset #dfe6ef; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons_ { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox_ { font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;color: #000;background-color: #f5f9fd;border: 1px #000 solid; }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef }

.purple { color:purple;font-weight:bold }
.red_ _ { color:red;font-weight:bold }
.green_ { color:green;font-weight:bold }
.blue_ { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

<style>
<!--
BODY
{
scrollbar-base-color: #dfe6ef;
scrollbar-arrow-color: #000;
scrollbar-face-color: #dfe6ef;
scrollbar-track-color: #dfe6ef;
scrollbar-shadow-color: #f5f9fd;
scrollbar-highlight-color: #f5f9fd;
scrollbar-dark-shadow-color: #000;
}
-->
</style>

Quicksilver
14-02-2004, 10:01 PM
sorry, don't know a thing. I just highlight the text to see it...maybe that might help you.

wyrd_fish
14-02-2004, 10:33 PM
mosey on over to the invision options and change teh background colour to white (or whateverr...)

this will stop us (me) from having to read through that monster style sheet to find one #000000 and change it to #FFFFFF...

i'm sure you've just missed an option somewhere

;)

EDIT:
on second thoughts...
change:

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #000; }

to:

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #FFFFFF; }


that might work...

Mętlöaff
15-02-2004, 01:32 AM
Unfortunately, that just changes the text to white.

HiTmAN
15-02-2004, 08:48 AM
TABLE, TR, TD { background-color: #999999; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #FFFFFF; }

Mętlöaff
15-02-2004, 09:07 AM
Not it either.

Mętlöaff
15-02-2004, 09:39 AM
Nevermind. Turns out that in this bit:
.tableborder { border:1px solid #dfe6ef;background-color:#000; padding:0px; margin:0px; width:100% }
The background color should be set at #AAA. Problem is all fixed now. 10 rupies to all of your valiant efforts to help me. Well, all two of you.;)

danp
15-02-2004, 12:07 PM
I don't know where you've stolen that from, but the first thing you should do is get rid of the html which is in there.

Then, use the w3 css validtor to check your CSS is syntactically correct. ( http://jigsaw.w3.org/css-validator/validator-text.html )

Then see where you are at.

wyrd_fish
15-02-2004, 12:14 PM
looks correctt to me... and if it ain't broke don't fix it...