4images Forum & Community
4images Issues / Ausgaben => Discussion & Troubleshooting => Topic started by: TedAppleberry on March 02, 2003, 04:10:10 PM
-
:D Howdy Smart people,
For some reason it would appear that the background color or hi-light color on certain aspects of my 4images implementation is black. Thus, since the text is black you don't see anything except a black box which is not very useful (:
You can see an example by following this link http://www.xboxcollective.com/4images/categories.php?cat_id=4&sessionid=e046cdd6db69df4e700a5027db5742f8
If anybody has an idea I would sure appreciate it, I have tweaked the styles 48 ways from Tuesday and can't get it figured out.
Thanks!
-
I tried both of the following URLs.
http://www.xboxcollective.com/4images
http://www.xboxcollective.com/4images/categories.php?cat_id=4
but got a page not found. Your site appears to be unreachable.
-
It appears to be up for me.. Can you try again?
http:\\www.xboxcollective.com
Can you try to ping it and tell me if you are getting an IP if you are still unable to contact the site?
Thanks!
-
check your style.css in the template folder.
and see what class cause that.
for example, by default, BODY text color black,
and class .tablebgcolor doesnt change text color, so, if u changed .tablebgcolor to have black background it will uses BODY color for text.
-
check your style.css in the template folder.
and see what class cause that.
for example, by default, BODY text color black,
and class .tablebgcolor doesnt change text color, so, if u changed .tablebgcolor to have black background it will uses BODY color for text.
I tweaked .tablebgcolor and literally every other setting in style.css but can't isolate what is doing it. Here is my style.css as it currently stands. Any ideas?
Thanks..
hr {
height: 1px;
color: #004c75;
background-color: #ffffff;
}
.tablehead {
background-color: #e8e8e8;
color: #004c75;
}
.tablebottom {
background-color: #004C75;
}
.bordercolor {
background-color: #004C75;
}
.tablebgcolor {
background-color: #006699;
}
.navbar {
background-color: #fcdc43;
color: #004c75;
}
.head1 {
background-color: #ffffff;
color: #ffffff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
/* .head1 {
background-color: #004C75;
color: #fcdc43;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
} */
.head2 {
background-color: #004C75;
/* color: #ffffff; */
color: #cdc43;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
.title {
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
}
.clickstream {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.smalltext {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
}
.marktext {
color: #FF0000;
background-color: #ffffff;
}
.new {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #FF0000;
}
form {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
.logininput {
background-color: #ffffff;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 130px;
}
.searchinput {
background-color: #FFFFFF;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
WIDTH: 130px;
}
.setperpageselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
}
.categoryselect {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
}
.dropdownmarker {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
background-color: #EEEEEE;
color: #136c99;
font-size: 11px;
}
.button {
font-family: Tahoma,Verdana,Arial, Helvetica, sans-serif;
background-color: #003366;
color: #fcdc43;
font-size: 11px;
font-weight: bold;
}
/*--Categories------------------------------------------------*/
.catbgcolor {
background-color: #EFEFEF;
}
/*--Images----------------------------------------------------*/
.imagerow1 {
background-color: #E5E5E5;
color: #004C75;
}
.imagerow2 {
background-color: #EFEFEF;
color: #004C75;
}
/*--Comments--------------------------------------------------*/
.commentrow1 {
background-color: #e1e1e1;
color: #004c75;
}
.commentrow2 {
background-color: #efefef;
color: #004c75;
}
.commentspacerrow {
background-color: #d1d1d1;
color: #004c75;
}
.commenttextarea {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
.commentinput {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
color: #0f5475;
font-size: 11px;
width: 270px;
}
-
first off all, I dont think that using this format is a good idea:
<b class="title">
move all your classes into <TD> and/or <TABLE> tags.
another thing, as I said, if a class doesnt have specific color for text or background, it will use <BODY> <TABLE> <TD> <TR> so on. colors.
[EDITED]
check again your page, u have extra STYLE in the header. that what messing all up:
.title {
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://www.xboxcollective.com/layout/XBOX_Green/images/logo-bg.gif");
}
-
That extra code must be because I am wrapping 4images inside my BLOG so it is taking instructions from my master style.css. Is there a way to over-ride this with a setting in the 4images style.css? Thanks, sorry, newb questions. I am really unfamiliar with .css, I am however reading up on it to get a better understanding.
Again, my thanks.
:P
-
easy, just rename same class names with different name like for title class rename it to title_4images or whatever. ;)
-
easy, just rename same class names with different name like for title class rename it to title_4images or whatever. ;)
Ok, so I renamed title to title_4images, and placed in the style.css in the 4images default template folder.. Same thing.. Do I need to tell 4images to look at a different class name for this information?
Thanks! We're close :P
-
yes, u'll need change it in the templates also.