[graf-x]

Greetings and salutations all ! !

I'm currently up-dating our website using Dreamweaver 8 (I got lots to learn), the problem I'm having is my backgournd image is tiling and I don't want it to. In the page properties I set my backgournd image to "no-repeat", in the CSS properties, background repeat has a line through it but it is also set to "no repeat" and when I hold my curser over it a text window pops up saying: "background repeat dose not apply to your selection because it is not inharited. It is apply to an enclosing tag". Now when I change it to "inherit" in the CSS properties it still tiles the background.

What am I doing wrong, or am I missing somthing simple?

(i was gong to post the html code but there is alot, if some one requests for sections of it I will be glade to do so).

Graf-x

 

[v-six]

could we see your css?

If the background image will span the whole page, this is the only code you'll need:

body {
background-image: url(location_of_image);
background-repeat: no-repeat;
}

If needed, you can also set the location

 

[graf-x]

Hi v-six,

Thanks for the respons, here is what I think youre looking for, and yes I would like the image to span across the page but the problem I'm having is that it is tiling on the length of the page,

<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#Layer1 {
position:absolute;
left:50px;
top:50px;
width:677px;
height:465px;
z-index:1;
}
#Layer2 {
position:absolute;
left:-595px;
top:166px;
width:645px;
height:74px;
z-index:2;
}
#Layer3 {
position:absolute;
left:63px;
top:158px;
width:197px;
height:332px;
z-index:3;
}
#Layer4 {
position:absolute;
left:270px;
top:159px;
width:438px;
height:164px;
z-index:4;
}
#Layer5 {
position:absolute;
left:270px;
top:331px;
width:438px;
height:108px;
z-index:5;
}
#Layer6 {
position:absolute;
left:269px;
top:445px;
width:437px;
height:44px;
z-index:6;
}
body {
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
}
#Layer7 {
position:absolute;
left:76px;
top:76px;
width:78px;
height:68px;
z-index:1;
}
#Layer8 {
position:absolute;
left:200px;
top:118;
width:43px;
height:20px;
z-index:9;
}
#Layer9 {
position:absolute;
left:350px;
top:138px;
width:50px;
height:20px;
z-index:2;
}
#Layer10 {
position:absolute;
left:349px;
top:115px;
width:46px;
height:21px;
z-index:3;
}
#Layer11 {
position:absolute;
left:550px;
top:138px;
width:50px;
height:20px;
z-index:4;
}
#Layer12 {
position:absolute;
left:650px;
top:138px;
width:48px;
height:20px;
z-index:5;
}
#Layer13 {
position:absolute;
left:745px;
top:138px;
width:33px;
height:20px;
z-index:6;
}
#Layer14 {
position:absolute;
left:810px;
top:138px;
width:50px;
height:20px;
z-index:7;
}
#Layer15 {
position:absolute;
left:455px;
top:138px;
width:32px;
height:20px;
z-index:8;
}
#Layer16 {
position:absolute;
left:245px;
top:138px;
width:45px;
height:20px;
z-index:9;
}
body,td,th {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
max-height: 100px;
background-repeat: inherit;
}
.style1 {font-size: 14px}
#Layer17 {
position:absolute;
left:377px;
top:233px;
width:135px;
height:104px;
z-index:10;
}
#Layer18 {
position:absolute;
left:547px;
top:233px;
width:135px;
height:104px;
z-index:11;
}
#Layer19 {
position:absolute;
left:724px;
top:233px;
width:135px;
height:104px;
z-index:12;
}
-->
</style>
</head>

 

[v-six]

This is what is giving you the problem.

body,td,th {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
max-height: 100px;
background-repeat: inherit;
}​

Move this part above what you set in bold, and the background-repeat: no-repeat; will supercede the background-repeat: inherit;. Another option would be to just delete the background-repeat: inherit; line, unless you needed that to affect your tables.

 

[graf-x]

Thanks v-six, I will try this and post back with results