On my site The Directory, There is a slight CSS problem, Dwight had it working then all of a sudden it stopped working, and he cant fix it .

Code:

Select All

 

.borderhead {
overflow: hidden;
margin-top: 10px !important;
background-image: url('../images/top.png')
height: 25px;
width: 756px;
}
 
.bordercenter {
background-image: url('../images/middle.png')
background-repeat: repeat-y;
background-position: top center;
}
 
.borderfoot {
overflow: hidden;
margin-bottom: 5px !important;
background-image: url('../images/bottom.png')
height : 25px;
width: 756px;
 

.borderhead { {BR}overflow: hidden; {BR}margin-top: 10px !important; {BR}background-image: url('../images/top.png') {BR}height: 25px; {BR}width: 756px; {BR}} {BR} {BR}.bordercenter { {BR}background-image: url('../images/middle.png') {BR}background-repeat: repeat-y; {BR}background-position: top center; {BR}} {BR} {BR}.borderfoot { {BR}overflow: hidden; {BR}margin-bottom: 5px !important; {BR}background-image: url('../images/bottom.png') {BR}height : 25px; {BR}width: 756px; {BR}

 

everything looks fine, but it still does not show up on any of the pages.

http://www.thedirectory.2x.nu/index.php

http://www.thedirectory.2x.nu/css/style.css

Would help if you told us what the problem was, site looks fine to me!

Whoops. >_< The borders do not show up around the table.

The borders are

http://www.thedirectory.2x.nu/images/top.png
http://www.thedirectory.2x.nu/images/middle.png
http://www.thedirectory.2x.nu/images/bottom.png

yea and it should work I tried adding a border around everything. It was showing up and then it all just stopped showing up without having edited anything. I revised the code and yet nothing is wrong. The CSS should be right, and so should the div calling the classes to place the border.

It stopped working after you took out that one image I told you to take out. I'm 45% sure it's that.

http://i185.photobucket.com/albums/x20/magedesigns/directory/gradbar.png

Where is each image meant to be?

well the top middle bottom is supposed to be like this http://thedirectory.vforums.co.uk

no cause it worked for a little bit after i removed the table class like you told me too and i know its not a class problem cause i went though and made sure i removed all the table classes afterwards

I honestly don't see what it's meant to look like! O.o

Ahh ok, I see. I'm stumped with this one too, as all the CSS looks right. >_>

The whole site is displaying how you've coded it to. Except I think you might have made a mistake in that you've referenced the 3 aforementioned parts as 'ID', but in the CSS they're a 'class'.

Chance one or the other!

i cant tell you know it still doesn't help any, I was trying both class and id to get it to work and forgot to change it back to class. I changed it back now, but as you can see it still doesn't work.



Edit: as for what is suppose to look like, its suppose to add a frame around the site, and even when it was working before it wasn't working exactly right it was putting it behind the table and not around it, which didn't look to bad.

Your CSS has a missing semi-colon on the end of the background-image lines, meaning that it's not registering!

i can't believe i actually forgot that...

and that fixed it!


But not aligned correctly.

You have to add:

margin: 0 auto;

working on that