I really hate to say this, but I would start again. You are using html from
a graphics program and you are using layout mode in DW.... your code is a
mess .... you may not know code, but take it from me and the others that
have pointed this out to you.
eg:
This is inside one of your table cells, it should be in the head of your
document just before the </head? tag.
#skyline {
width: 700px;
height: 33px;
background: url(menu.jpg);
margin: 0;
padding: 0;
position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute;
top: 0;}
#skyline li, #skyline a {height: 33px; display: block;}
#panel1b {
left: 20px;
width: 65px;
background-position: 25px;
}
#panel2b {left: 100px; width: 76px;}
#panel3b {left: 191px; width: 76px;}
#panel4b {left: 279px; width: 76px;}
#panel5b {left: 370px; width: 101px;}
#panel6b {left: 481px; width: 81px;}
#panel7b {left: 618px; width: 53px;}
#panel1b a:hover {background: transparent url(menu.jpg) -20px -33px
no-repeat;}
#panel2b a:hover {background: transparent url(menu.jpg) -100px -33px
no-repeat;}
#panel3b a:hover {background: transparent url(menu.jpg) -191px -33px
no-repeat;}
#panel4b a:hover {background: transparent url(menu.jpg) -279px -33px
no-repeat;}
#panel5b a:hover {background: transparent url(menu.jpg) -370px -33px
no-repeat;}
#panel6b a:hover {background: transparent url(menu.jpg) -481px -33px
no-repeat;}
#panel7b a:hover {background: transparent url(menu.jpg) -618px -33px
no-repeat;}
</style>
heaps of this........
<TD> <IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD width="8"> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1
ALT=""></TD>
<TD width="8"> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1
ALT=""></TD>
<TD width="28"> <IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1
ALT=""></TD>
<TD width="17"> <IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1
ALT=""></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=1
ALT=""></TD>
<TD width="8"> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1
ALT=""></TD>
<TD width="6"> <IMG SRC="images/spacer.gif" WIDTH=6 HEIGHT=1
ALT=""></TD>
<TD width="11"> <IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1
ALT=""></TD>
<TD width="8"> <IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1
ALT=""></TD>
<TD width="5"> <IMG SRC="images/spacer.gif" WIDTH=5 HEIGHT=1
ALT=""></TD>
<TD width="37"> <IMG SRC="images/spacer.gif" WIDTH=37 HEIGHT=1
ALT=""></TD>
I would contruct a table using the design/code view in DW and then import
your graphics into that layout.
I can't see much hope for this page I'm sorry, let alone when you start
adding pages to the site - especially if all pages are going to be similar
in coding technique.
Suggestion: get yourself to read some tutorials or buy a good book - so
that you get familar with html code.
--
Nadia
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
:Flexible Table Tutorial:
http://www.dwfaq.com/Tutorials/Tables/flexible_tables.asp
-----------------
"S_anctified" <webforumsuser (AT) macromedia (DOT) com> wrote
Quote:
It's interpreted fine.. here's the example that the code comes from:
http://www.marazita.com/crap
It's for the top navigation bar that's CSS.... I just need to know how to
link
them? {about, contact, ect.} |