>:( ::)
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.
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.
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