quick question

[Jiraiya]

im trying to have my design sheet display  pic "A" "webbanner" "B" but it never shows them it only shows webbanner or pic B what should i do to fix it here is the script im using

 

 

body {
margin: 0px 0px 0px 0px;
border-left: 0px solid #000000;
background: #666666 url('http://farm3.static.flickr.com/2087/2536395700_dfdc288729.jpg?v=0') fixed repeat-x bottom center;
color: #666666;
font: 10px Verdana;
}

table {
border: 2px solid #000000;
background: #000000;
font: 10px Verdana;
width: 700px;
}

td#top {
background: #333333;
border-top: 10px solid #000000;
border-bottom: 5px solid #CCCCCC;
padding-bottom: 10px;
height: 60px;
width: 700px;
}

td#nav1 {
height: 46px;
background: #202020;
border-top: 5px solid #666666;
border-bottom: 5px solid #666666;
valign: bottom;
}

td#head {
background: #000000 url('http://th80.photobucket.com/albums/j185/zero4711/Sprites/th_Sasuke.gif') no-repeat top right; url('http://narutotalesofthesannin.com/narutowebbanner1.jpg') no-repeat top center;
border-top: 1px solid #000000;
height: 150px;
}

td#nav2 {
background: #0F0F0F;
height: 15px;
text-align: right;
}

img {border: 0px;}

td#nav3 {
padding: 5px 5px 10px 5px;
text-align: center;
width: 150px;
}

td#main {
padding: 10px 10px 10px 10px;
border-left: 10px solid #0F0F0F;
background: ;
}

td#foot1 {
text-align: center;
border-left: 10px solid #0F0F0F;
padding-top: 5px;
padding-bottom: 5px;
}

td#foot2 {
background: #0E0E0E;
border-bottom: 10px solid #000000;
border-top: 5px solid #333333;
padding-top: 10px;
height: 1px;
width: 700px;
}

/* T I T L E S */
.navtitle {
background: #040404;
margin-top: 0px;
margin-bottom: 4px;
padding: 5px 3px 0px 3px;
border-bottom: 3px solid #333333;
color: #999999;
font: 9px Arial;
letter-spacing: 4px;
text-transform: uppercase;
text-align: center;
}

.subtitle {
border-left: 15px solid #333333;
background: #040404;
width: 450px;
color: #999999;
padding-left: 20px;
margin-left: 10px;
text-transform: uppercase;
letter-spacing: 10px;
font: 10px Arial;
}

.title {
background: #040404;
padding: 2px 0px 2px 20px;
border-left: 20px solid #666666;
color: #CCCCCC;
font: bold 12px Arial;
text-align: left;
text-transform: uppercase;
letter-spacing: 7px;
}
.navhead {
text-decoration: none;
width: 150px;
height: auto;
padding: 1px;
float: left;
line-height: 33px;
clear: none;
background-image: url(heyman.gif);
color: #FFFFFF;
cursor: default;
text-align: center;
}

/* L I N K S */
td#nav1 a:link, td#nav1 a:active, td#nav1 a:visited {
padding: 10px 9px 10px 9px;
height: 30px;
color: #999999;
background: #202020;
font: bold 11px Century Gothic;
text-decoration: none;
letter-spacing: 3px;
text-transform: uppercase;
border-right: 1px solid #333333;
}

td#nav1 a:hover {
color: #CCCCCC;
background: #000000;
}

td#nav2 a:link, td#nav2 a:active, td#nav2 a:visited {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
-moz-opacity: 0.25;
padding-right: 5px;
}

td#nav2 a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

#side ul{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;font:11px Arial;text-align:center;}
#side li{margin:0px 0px 2px;}
#side a{display:block;height:13px;border:1px solid #666666;background:#333333;text-decoration:none;padding:2px 5px 2px 5px;width:145;}
#side a:link, #side a:active, #side a:visited{color:#666666; border:1px solid #666666;background:#202020;text-align:center;letter-spacing:4px;text-transform:none;}
#side a:hover{color:#FDE8BF;border:1px solid #999999;background:#333333;}

a:link, a:active, a:visited {
color: #999999;
text-decoration: none;
}

a:hover {
color: #FDE8BF;
}

[haku]

Too much CSS, and not enough (read: any) HTML to be able to give you an answer.

[dbrimlow]

Too much CSS, and not enough (read: any) HTML to be able to give you an answer.

 

What haku said.

 

However, ALL of your links are in the wrong order.

 

When listing all four hyperlink pseudo-classes:

 

"a:hover" MUST come after "a:link" and "a:visited" in the CSS definition order,

 

"a:active" MUST come after "a:hover".

 

The nemonic to remember this is LoVe HAte - Link, Visited, Hover, Active.

 

Examples of shorthand for link:

 

a:link, a:visited, a:hover, a:active {color:#555}

or

a:link  {color:#555}
a:visited  {color:#666}
a:hover, a:active {color:#000; text-decoration:underline}

or

a:link, a:visited  {color:#666}
a:hover, a:active {color:#000; text-decoration:underline}

 

You need to change the order of ALL your links to make certain that a:active omes AFTER a:hover, as follows:

 

td#nav1 a:link,  td#nav1 a:visited {
   padding: 10px 9px 10px 9px;
   height: 30px;
   color: #999999;
   background: #202020;
   font: bold 11px Century Gothic, Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   letter-spacing: 3px;
   text-transform: uppercase;
   border-right: 1px solid #333333;
   }
   
td#nav1 a:hover, td#nav1 a:active, {
   color: #CCCCCC;
   background: #000000;
   }
   
td#nav2 a:link, td#nav2 a:visited {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
   -moz-opacity: 0.25;
   padding-right: 5px;
   }
   
td#nav2 a:hover,  td#nav2 a:active {
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity: 1;
   }
   
#side ul{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;font:11px Arial, Helvetica, sans-serif;text-align:center;}
#side li {margin:0px 0px 2px;}
#side a {display:block;height:13px;border:1px solid #666666;background:#333333;text-decoration:none;padding:2px 5px 2px 5px;width:145;}
#side a:link, #side a:visited{color:#666666; border:1px solid #666666;background:#202020;text-align:center;letter-spacing:4px;text-transform:none;}
#side a:hover, #side a:active  {color:#FDE8BF;border:1px solid #999999;background:#333333;}

a:link, a:visited {
   color: #999999;
   text-decoration: none;
   }
   
a:hover, a:active{
   color: #FDE8BF;
   }

 

It is also a good idea to list more than one font family - generally of the same relative type (serif or san-serif) in case the visitor's computer does not have the single font.

 

For example, Century Gothic is not a default installed Windows font - in other words, the text looks different on your computer than it does on someone else's (unless they have Century Gothic installed). So you give the font-family style various "serif" style options, like -

 

font: bold 11px Century Gothic, Georgia, Times New Roman, Times, serif;

 

1. Georgia - a "free" Windows font

2. Times New Roman -  a default Windows font

3. Times - a default Mac font similar to Times New Roman

4. Serif - the overall default basic for the font type you are using here (san-serif would be the default for Arial, Helvetica, etc)