4 replies [Last post]
annescottw
Offline
newbie
Last seen: 14 years 21 weeks ago
Joined: 2008-06-30
Posts: 3
Points: 0

Shock 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(<a href="///Macintosh" title="///Macintosh">file:///Macintosh</a> HD/Users/annewilson/Documents/annewilsonsite/images/sidebar.png);background-repeat: repeat-y;
}
td.right {
	background-image:url(<a href="///Macintosh" title="///Macintosh">file:///Macintosh</a> HD/Users/annewilson/Documents/annewilsonsite/images/sidebar.png);background-repeat: repeat-y;background-position: top right;}

isedeasy
Offline
Enthusiast
Bristol
Last seen: 10 years 22 weeks ago
Bristol
Timezone: GMT+1
Joined: 2008-02-09
Posts: 74
Points: 12

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 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
Offline
newbie
Last seen: 14 years 21 weeks ago
Joined: 2008-06-30
Posts: 3
Points: 0

problem solved!!

dear isedeasy

:thumbsup: 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
Offline
newbie
Last seen: 14 years 21 weeks ago
Joined: 2008-06-30
Posts: 3
Points: 0

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
Offline
Enthusiast
Washington DC
Last seen: 4 years 1 week ago
Washington DC
Timezone: GMT-5
Joined: 2007-04-22
Posts: 234
Points: 95

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

CSSExpression EngineHTMLWordpressCoffee

Personal Website: curtisscott.com
Follow Me on Twitter: twitter.com/curtisscott_com