vertical repeat disappeared

annescottw
avatar
rank newbie

newbie


Posts: 3
Joined: 2008-06-30

Shocked hi i have just uploaded my site through dreamweaver and all of a sudden the css style sheet code for the vertical lines on either side of the box stopped working.

before i loaded it up it was working fine. the code in the stylesheet is still the same but there is no line. the png file that is referred to is still there in the same spot so i cannot understand where it has gone.

can you check it out please? the site is www.annewilson.com.au

thanks

here is the code in the stylesheet

/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 14px;
}
hr {
	size: 0.5;
	color: #FFFFFF;
	width:95%;

}
p {
	margin: 0 20px 0 20px;
	padding: 0px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}td.left {
	background-image:url(file:///Macintosh HD/Users/annewilson/Documents/annewilsonsite/images/sidebar.png);background-repeat: repeat-y;
}
td.right {
	background-image:url(file:///Macintosh HD/Users/annewilson/Documents/annewilsonsite/images/sidebar.png);background-repeat: repeat-y;background-position: top right;}

isedeasy
isedeasy's picture
rank Enthusiast

Enthusiast


Posts: 63
Joined: 2008-02-09
Location: Bristol

The path to the images are

The path to the images are wrong and the table cells have a width of 0, replace your last two css entry's with the following...

td.left, td.right {
background:url(images/sidebar.png) repeat-y top left;
width:3px;
}

Just to let you know... Tables should not be used to layout pages Eye-wink

"If a man is trying to hang himself from the tree in my yard but the knot keeps slipping and allowing him to fall before it kills him do you expect someone to go out and teach him to tie a better knot?" - Triumph

annescottw
annescottw's picture
rank newbie

newbie


Posts: 3
Joined: 2008-06-30

problem solved!!

dear isedeasy

Thumbs up thankyou so much ....you have saved hours of mucking around. much appreciated. re the tables - can you direct me to how i could use the same design and not use tables?

annescottw
annescottw's picture
rank newbie

newbie


Posts: 3
Joined: 2008-06-30

one page - recent work has very thin line on rhs?

it seems to have worked on all pages except the recent work in which the rhs vertical line is very thin(masked?) I suppose its something to do with the tables setup in CSS?

thankyou

purewebdesigner
purewebdesigner's picture
rank Enthusiast

Enthusiast


Posts: 97
Joined: 2007-04-22
Location: USA

Check out these videos, when

Check out these videos, when you get some spare time, they are pretty long but very informative, I learned a lot from them.

http://video.google.com/videoplay?docid=-7403771606765531020&q=css&ei=pG51SK3tAYSaqQL1z5WIAQ&hl=en
This one even has a supporting website, very great resource for learning how to create floating layouts that are cross browser compliant!

&

http://video.google.com/videoplay?docid=-988708193861222512&q=css&ei=mG51SPi2Daj2rAKxzf1p&hl=en
This is also help in understanding the idea behind why tables are not reliable for layout and presentation of content.

Enjoy, and good luck

Personal Website: puredezigner.com