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

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

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