...

View Full Version : Trying to change background



kenneth
02-02-2005, 06:24 PM
Hi all can someone please tell why this is not working.
Im trying to change my background to an image background but it doesn't work please help. the background has to look like my site background, this is my code, this is the name of image that I must have as backgroung, (new site back) thanks.

.table_top {
font: 9pt verdana, arial;
color: #797983;
text-decoration: none;
height: 20px;
border: 0;
background-color: #2D2D2D;
vertical-align: top;
}
.table_headline {
text-decoration: none;
height: 30px;
border: 0;
background-color: #191919;
vertical-align: top;
font: bold 12pt verdana, arial;
text-align: right;
color: #CCCCFF;
border-bottom: 1px dashed #5979C4;
letter-spacing: 5px;
padding-right: 5px;
}
.introtext {
margin: 6px 12px 6px 12px;
text-align: left;
color: #797983;
}
.table_allthumbs {
width: 100px;
}
.table_singlethumb {
font: 10pt bold verdana, arial;
color: #797983;
text-decoration: none;
border: solid 1px #000000;
background-color: #262626;
height: 190px;
width: 166px;
vertical-align: top;
text-align: center;
}
.table_singlethumb_hover {
font: 10pt bold verdana, arial;
color: #797983;
text-decoration: none;
border: solid 1px #5979C4;
background-color: #191919;
height: 190px;
width: 166px;
vertical-align: top;
text-align: center;
}
.nav_gallery {
text-align: left;
}
.nav_image {
color: #797983;
text-align: center;
}
.caption_folder {
font: 7pt verdana, arial;
text-align: center;
vertical-align: top;
color: #CCCCFF;
height: 35px;
width: 150px;
padding-left: 8px;
}
.caption_file {
font: 8pt tahoma,arial;
text-align: center;
vertical-align: top;
color: #797983;
height: 35px;
width: 150px;
padding-left: 8px;
}
.caption_showimage {
font: bold 8pt verdana, arial;
text-align: center;
color: #CCCCFF;
text-decoration: none;
}
.table_comments {
font: 8pt verdana, arial;
color: #797983;
text-decoration: none;
border: 0;
text-align: left;
}
.usercomment {
font: 8pt verdana, arial;
text-align: left;
color: #797983;
text-decoration: none;
font-style: italic;
border-top: 1px solid #797983;
}
.usercomment_top {
font: 8pt verdana, arial;
text-align: left;
color: #797983;
text-decoration: none;
font-style: italic;
border: 0px;
}
.textfield {
border: 0;
background-color: #262626;
color: #CCCCFF;
}
.button {
border: 0;
background-color: #262626;
font: 8pt verdana,arial;
color: #797983;
}
strong {
font: 8pt verdana, arial;
color: #CCCCFF;
}
hr {
color: #000000;
height: 1px;
}
.img {
border: solid 1px #000000;
background-color: #2D2D2D;
}
.dir {
border: solid 1px #000000;
background-color: #2D2D2D;
}
.img_comment{
background-attachment: fixed;
background-image: url(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif);
background-position: center;
background-repeat: no-repeat;
}
.credits {
font: 8pt verdana, arial;
color: #797983;
text-align: center;
}
body {
font: 8pt verdana, arial;
color: #797983;
background-image: urlurl(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif);
background-repeat: no-repeat;
background-position: top left;
background-color:#2D2D2D;
scrollbar-arrow-color: #A6CAF0;
scrollbar-base-color: #2D2D2D;
scrollbar-dark-shadow-color: #2D2D2D;
scrollbar-face-color: #2D2D2D;
scrollbar-highlight-color: #AAAAAA;
scrollbar-shadow-color: #4D4D4D;
scrollbar-3d-light-color: #000000;
scrollbar-track-color: #2D2D2D;
scrollbar-darkshadow-color: #;
margin: 0;
padding: 0;
}




a:link {color: #CCCCFF; text-decoration: none;}
a:vlink {color: #CCCCFF; text-decoration: none;}
a:alink {color: #CCCCFF; text-decoration: none;}
a:hover {color: #5F79D8; text-decoration: none;}
a:visited {color: #CCCCFF; text-decoration: none;}
a:visited:hover {color: #5F79D8; text-decoration: none;}

mcdougals4all
02-02-2005, 06:31 PM
If you're talking about this, remove the extra url:

body {
font: 8pt verdana, arial;
color: #797983;
background-image: urlurl(quebec%20new%20site/minigal/styles/pbstyle/images/comment.gif);
background-repeat: no-repeat;

kenneth
02-02-2005, 07:16 PM
Hi thanks for pointing that out to me, I did the correction but I still get the same old background more help on this would be greatly apprciciated thanks

mcdougals4all
02-02-2005, 07:37 PM
the background has to look like my site background, this is my code, this is the name of image that I must have as backgroung, (new site back) thanks

You'll have to be more specific and/or provide a link to your site.

To what element are you trying to apply the background-image? And is the image file called 'new site back'? What's the extension, .gif, .jpg??

kenneth
02-02-2005, 07:45 PM
Hi the file where the image is lacated is called image b
the background image is called new site back.gif i sent the folder up to sever and still nothing this is what the code looks like now


I .table_top {
font: 9pt verdana, arial;
color: #797983;
text-decoration: none;
height: 20px;
border: 0;
background-color: #2D2D2D;
vertical-align: top;
}
.table_headline {
text-decoration: none;
height: 30px;
border: 0;
background-color: #191919;
vertical-align: top;
font: bold 12pt verdana, arial;
text-align: right;
color: #CCCCFF;
border-bottom: 1px dashed #5979C4;
letter-spacing: 5px;
padding-right: 5px;
}
.introtext {
margin: 6px 12px 6px 12px;
text-align: left;
color: #797983;
}
.table_allthumbs {
width: 100px;
}
.table_singlethumb {
font: 10pt bold verdana, arial;
color: #797983;
text-decoration: none;
border: solid 1px #000000;
background-color: #262626;
height: 190px;
width: 166px;
vertical-align: top;
text-align: center;
}
.table_singlethumb_hover {
font: 10pt bold verdana, arial;
color: #797983;
text-decoration: none;
border: solid 1px #5979C4;
background-color: #191919;
height: 190px;
width: 166px;
vertical-align: top;
text-align: center;
}
.nav_gallery {
text-align: left;
}
.nav_image {
color: #797983;
text-align: center;
}
.caption_folder {
font: 7pt verdana, arial;
text-align: center;
vertical-align: top;
color: #CCCCFF;
height: 35px;
width: 150px;
padding-left: 8px;
}
.caption_file {
font: 8pt tahoma,arial;
text-align: center;
vertical-align: top;
color: #797983;
height: 35px;
width: 150px;
padding-left: 8px;
}
.caption_showimage {
font: bold 8pt verdana, arial;
text-align: center;
color: #CCCCFF;
text-decoration: none;
}
.table_comments {
font: 8pt verdana, arial;
color: #797983;
text-decoration: none;
border: 0;
text-align: left;
}
.usercomment {
font: 8pt verdana, arial;
text-align: left;
color: #797983;
text-decoration: none;
font-style: italic;
border-top: 1px solid #797983;
}
.usercomment_top {
font: 8pt verdana, arial;
text-align: left;
color: #797983;
text-decoration: none;
font-style: italic;
border: 0px;
}
.textfield {
border: 0;
background-color: #262626;
color: #CCCCFF;
}
.button {
border: 0;
background-color: #262626;
font: 8pt verdana,arial;
color: #797983;
}
strong {
font: 8pt verdana, arial;
color: #CCCCFF;
}
hr {
color: #000000;
height: 1px;
}
.img {
border: solid 1px #000000;
background-color: #2D2D2D;
}
.dir {
border: solid 1px #000000;
background-color: #2D2D2D;
}
.img_comment{
background-attachment: fixed;
background-image: url("/image b/new site back.gif");
background-position: center;
background-repeat: no-repeat;
}
.credits {
font: 8pt verdana, arial;
color: #797983;
text-align: center;
}
body {
font: 8pt verdana, arial;
color: #797983;
background-image: url("/image b/new site back.gif");
background-repeat: no-repeat;
background-position: top left;
background-color:#2D2D2D;
scrollbar-arrow-color: #A6CAF0;
scrollbar-base-color: #2D2D2D;
scrollbar-dark-shadow-color: #2D2D2D;
scrollbar-face-color: #2D2D2D;
scrollbar-highlight-color: #AAAAAA;
scrollbar-shadow-color: #4D4D4D;
scrollbar-3d-light-color: #000000;
scrollbar-track-color: #2D2D2D;
scrollbar-darkshadow-color: #;
margin: 0;
padding: 0;
}




a:link {color: #CCCCFF; text-decoration: none;}
a:vlink {color: #CCCCFF; text-decoration: none;}
a:alink {color: #CCCCFF; text-decoration: none;}
a:hover {color: #5F79D8; text-decoration: none;}
a:visited {color: #CCCCFF; text-decoration: none;}
a:visited:hover {color: #5F79D8; text-decoration: none;}

mcdougals4all
02-02-2005, 08:06 PM
Again it's hard to say without seeing things live, or at least posting the associated html.

It may be a problem with your path. Are you able to pull up the image directly... http://yoursite.com/image b/new site back.gif??

Also, it's a good practice to use underscores rather than spaces in folder and filenames. Like: image_b/new_site_back.gif.

kenneth
02-02-2005, 09:14 PM
Hi thanks for helping me.
I will start to practice this( _) Also I cant pull up my folder either. visit my site here
http://www.quebec-ufo-abductions.com/ go to UFO Pictures, see the background color, now on my new site I have to make it look like the background there.

_Aerospace_Eng_
02-02-2005, 09:36 PM
so ur just trying to make ur background a color? then y are u wanting to use an image? :confused: can't u just use background:#2D2D2D; in your body css and take away the background-image?

kenneth
02-02-2005, 09:46 PM
Hi Read the post earlier i'm trying to put in an image not color PLEASE Anyone help on this



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum