vertical repeat disappeared
Posted: Mon, 2008-06-30 23:46
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;}


Enthusiast
Posts: 63
Joined: 2008-02-09
Location: Bristol
The path to the images are
Posted: Tue, 2008-07-01 01:12
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
"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
newbie
Posts: 3
Joined: 2008-06-30
problem solved!!
Posted: Tue, 2008-07-01 18:26
dear isedeasy
newbie
Posts: 3
Joined: 2008-06-30
one page - recent work has very thin line on rhs?
Posted: Tue, 2008-07-01 18:43
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
Enthusiast
Posts: 97
Joined: 2007-04-22
Location: USA
Check out these videos, when
Posted: Thu, 2008-07-10 02:13
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