I found those searching Google but don't have a clue as to how to make them work. I copy and pasted code with no luck. I am reading up on CSS. No experience with that either. Any suggestions are welcome.
Looks like a lot of help on your page. 
Quote:
Originally Posted by chrishirst
|
Here is the code I pasted in FrontPage. Alone it shows the menu correctly. But when I paste the code into the existing page, it does not show up. I put the Head code within the head and the body code in the body where I want the menu to appear. What else do I need to do? Here is the free code. I hope it is alright to post it here.
<html>
<head>
<title></title>
<style type="text/css">
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs C--------------------------- */
#tabsC {
float:left;
width:100%;
background:#EDF7E7;
font-size:93%;
line-height:normal;
}
#tabsC ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsC li {
display:inline;
margin:0;
padding:0;
}
#tabsC a {
float:left;
background:url("tableftC.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsC a span {
float:left;
display:block;
background:url("tabrightC.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
color:#FFF;
}
#tabsC a:hover {
background-position:0% -42px;
}
#tabsC a:hover span {
background-position:100% -42px;
}
</style>
</head>
<body>
<div id="tabsC">
<ul>
<li><a href="#" title="Link 1"><span>Link 1</span></a></li>
<li><a href="#" title="Link 2"><span>Link 2</span></a></li>
<li><a href="#" title="Link 3"><span>Link 3</span></a></li>
<li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>
<li><a href="#" title="Link 5"><span>Link 5</span></a></li>
<li><a href="#" title="Link 6"><span>Link 6</span></a></li>
<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
<li><a href="#" title="Link 7"><span>Link 8</span></a></li>
<li><a href="#" title="Link 7"><span>Link 9</span></a></li>
<li><a href="#" title="Link 7"><span>Link 10</span></a></li>
</ul>
</div>
</body>
</html>
Last edited by PCFirewire; 12-10-2007 at 08:50 PM..
|
