3
I am a novice, so bear with me.
I designed a website using CSS TABS, all was fine, then I copy and pasted meta name, etc for keywords, tweaking it where necessary for keywords. I did not notice any problems until I looked at the site and although the text for the tabs was showing up the images which make up the tabs weren't.
I have no idea why this has happened, can I have some advice as to what to check, and how to fix it,
thank you,
Site is www.fourposterbeds.com
Code for tabs
<style type="text/css">
<!--
body {
BACKGROUND: #fff;
MARGIN: 10px 0px 0px5px;
FONT: small/1.5em Georgia,Serif;
COLOR: #000;
voice-family: inherit;
text-align: left;
padding: 0px;
margin-top: 10px;
margin-left: 5px;
background-image: url(file:///C|/Documents and Settings/Stephen/Desktop/FourPosterBeds.com/All%20Images/images/background.jpg);
background-image: url(../All Images/images/background.jpg);
background-image: url(../template_images/background.jpg);
}
unknown {
FONT-SIZE: small
}
#header {
FONT-SIZE: 9pt;
BACKGROUND: #ffffcc url(tabs/bg.png) repeat-x 50% bottom;
FLOAT: right;
WIDTH: 100%;
LINE-HEIGHT: normal;
}
#header ul {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
MARGIN: 0px;
PADDING-TOP: 10px;
LIST-STYLE-TYPE: none;
}
#header li {
PADDING-RIGHT: 0px;
PADDING-LEFT: 9px;
BACKGROUND: url(tabs/left.png) no-repeat left top;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
}
#header a {
PADDING-RIGHT: 15px;
DISPLAY: block;
PADDING-LEFT: 6px;
FONT-WEIGHT: bold;
BACKGROUND: url(tabs/right.png) no-repeat right top;
FLOAT: left;
PADDING-BOTTOM: 3px;
COLOR: #765;
PADDING-TOP: 5px;
TEXT-DECORATION: none;
}
#header a {
FLOAT: none
}
#header a:hover {
COLOR: #333;
}
#header #current {
BACKGROUND-IMAGE: url(tabs/left_on.png);
}
#header #current a {
BACKGROUND-IMAGE: url(tabs/right_on.png);
PADDING-BOTTOM: 4px;
COLOR: #333;
}
.style10 {
font-size: small;
color: #000000;
font-family: "Lucida Calligraphy";
font-weight: bold;
}
.style11 {
font-family: "Lucida Calligraphy";
font-size: medium;
}
.style16 {color: #373737; font-weight: bold; font-size: x-small; }
.style18 {font-size: large}
.style19 {color: #373737; font-weight: bold; font-size: small; }
.style20 {font-size: small}
a:link {
color: #000033;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.style15 {font-size: x-small}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
