background image won't show in any classes. Where my error? background image won't show in any classes. Where my error?
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

background image won't show in any classes. Where my error?

Started by tpgames, May 09, 2007, 01:49:35 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

tpgames

  >:(   ::)
The CSS sheet does NOT work no matter how I encode the link to the image! w3.org validator not working. The helpful extension  for firefox is great, but I still can't find why the CSS sheet won't work! Thanks!

/* Foreground color definition */
body { color : #FFFFFF;
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

table { border-collapse: collapse;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tblur {
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.topmenu, .topmenu a { color : #FFFFFF;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.topmenu a:hover { color : #666666; 
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover { color : #FFC956;
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tableh2, .tableh2_compact, .catrow_noalb { color : #FFC956; 
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.textinput, .listbox, .radio, .checkbox { color: #FFFFFF;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.alblink, .alblink a, .catlink, .catlink a { color : #FFC956;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.alblink a:hover, .catlink a:hover { color : #FFE8B7;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

a,  .bblink a, .user_thumb_infobox a  { color: #447AC9;
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

a:hover, .bblink a:hover, .user_thumb_infobox a:hover { color : #0397FF;
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover { color : #FFFFFF;     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.comment_date { color : #999999;     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.footer, .footer a, .footer a:hover { color : #999999;     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}


/* Background colors definition */
body {     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.textinput, .listbox, .radio, .checkbox {     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th {   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

//THUMBNAILS CLASS IS HERE URL NOT WORKING!

.tableb, .catrow, .tableb_compact, .thumbnails, .img_caption_table td {   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}


/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb  {        border: 1px solid #666666; }

.image { border: 1px solid #FFFFFF; }

.imageborder {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin-top: 14px;
    margin-bottom: 10px;
    }

.maintable, .maintableb {     
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.img_caption_table th, .img_caption_table td { border-top : 1px solid #000000;
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}

.tableh1 { border-bottom : 1px solid #447AC9;   
background-color : #534C6D; background-image: url(/themes/eyeball/images/tblur.jpg);}


The answer in the other topic did nothing for my issue. Sorry!

Heres a link to the offending page:
http://tpgames.net/Gallery/index.php

I do understand CSS, and did a different version of the link to work on my home page, but never on the Gallery.
I did read where /themes/eyeball/etc. is necessary, instead of the ../Gallery/themes/eyeball/etc.
Either way of doing the links did not work.
I do have the body style info that does show the image their. But, without it there, the image doesn't show up at all.

Nibbler

The paths are wrong - they should either be relative to the stylesheet or absolute.

Relative would be images/tblur.jpg
Absolute would be /Gallery/themes/eyeball/images/tblur.jpg

../Gallery is meaningless. It's like saying I live just inside my front door.

tpgames

Thanks! I knew I wasn't getting that link right for where the CSS sheet was located. I had tried every combination for a link, but that one! LOL