CSS link problem.... I'm new to it.

#1

Ok i'm trying to make a new Css navigation bar, but for some reason i can't put
links into the top navigation bar here is the code for it:

<style media="screen">

#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>
<li id="panel1b"><a href="#"></a></li>
<li id="panel2b"><a href="#"></a></li>
<li id="panel3b"><a href="#"></a></li>
<li id="panel4b"><a href="#"></a></li>
<li id="panel5b"><a href="#"></a></li>
<li id="panel6b"><a href="#"></a></li>
<li id="panel7b"><a href="#"></a></li>
</ul>

and here's the link as too what it looks like: http://www.marazita.com/crap
Also in Dreamweaver i have this bulleted list that i can't get rid of either.
Everytime i try to assign links to the Css it just comes up as text. I'm not
very knowledgable in Html... so any help you can give. Also it preloads again
after, lets say, you open target in new window then come back to the page. How
do you stop that?

Thanks
-Justin-

#2

On 8/2/04 1:15 AM, in article cekm5t$rpu$1 (AT) forums (DOT) macromedia.com,
"S_anctified" <webforumsuser (AT) macromedia (DOT) com> wrote:

Quote:

Ok i'm trying to make a new Css navigation bar, but for some reason i can't
put
links into the top navigation bar here is the code for it:

OK. It's late and I am crashing, but here's the first thing that I saw. The
<style> statements belong in between <head> and </head>.

At this time of night, I don't have the time or inclination to go further. I
hope this helps. It's crash and burn time. zzzzzzzzzzzz

John Gaver
Action America
(forget everything to contact me direct)

Microsoft: (n) Job security for IT consultants.

#3

I added the head to the <style> portion and it didn't help.... here's the code
and some of what was before and after. I'm still trying to make links out of
the panel cells, and I still have the bulleted list on dreamweaver(which is
more of an annoyance then anything) Also the preloading reloading after 'open
target' thing. Html is not my friend....

<BODY BGCOLOR=888A60 LEFTMARGIN=5 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0
ONLOAD="preloadImages();">

<div align="left">
<TABLE WIDTH=700 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>
<TD height="41" COLSPAN=46 valign="top"><table width="100%" border="0"
cellpadding="0" cellspacing="0">

<tr>
<TD width="56" height="41"
valign="top">  </TD>
<TD width="394" valign="top"> <IMG SRC="images/painting_02.jpg"
WIDTH=394 HEIGHT=41 ALT=""></TD>
<TD width="250" valign="top">  </TD>
</tr>
</table></TD>
<TD width="1"> <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=41
ALT=""></TD>
</TR>
<TR>
<TD height="33" COLSPAN=47 valign="top"> <table width="100%" border="0"
cellpadding="0" cellspacing="0">
<tr>
<TD width="703" height="33" valign="top"><ul id="skyline">
<style media="screen">

#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;}
#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>

<body>
<ul id="skyline">
<li id="panel1b"><a href="#"></a></li>
<li id="panel2b"><a href="#"></a></li>
<li id="panel3b"><a href="#"></a></li>
<li id="panel4b"><a href="#"></a></li>
<li id="panel5b"><a href="#"></a></li>
<li id="panel6b"><a href="#"></a></li>
<li id="panel7b"><a href="#"></a></li>
</ul>
</body>
</TD>
</tr>
</table></TD>
</TR>
<TR>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

CSS link problem.... I'm new to it.

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

CSS link problem.... I'm new to it. - 08-02-2004 , 02:15 AM

Re: CSS link problem.... I'm new to it. - 08-02-2004 , 05:46 AM

Re: CSS link problem.... I'm new to it. - 08-02-2004 , 04:27 PM