Log in

View Full Version : CSS slanted menu


raggaemuppet
10-23-2006, 12:44 AM
I really like this code and It pasted in my dreamweaver site that I have not uploaded yet. But it appears at the top of the page and not in the middle. How do I get it there. here is the codes. I have to preview it to see the menu. Thanks guys

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
}

#slantedmenu ul li a:hover{
color: black;
}

</style>
ddadmin
10-23-2006, 06:24 AM
The menu should simply orient itself where you place it within the page source wise. Did you try just moving the menu's HTML code to the middle of the page?
raggaemuppet
10-25-2006, 06:08 PM
Here is the html code I put the code where I wanted it to appear. I think there is something that is placing it at the top of the page. Thanks,

<body LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH="0" MARGINHEIGHT="0" onLoad="MM_preloadImages('images/b1.jpg','images/b2.jpg','images/b3.jpg','images/b4.jpg','images/b5.jpg','images/b6.jpg','images/b7.jpg')">
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="730">
<tr>
<td height="153" colspan="2"><map name="slogan">
<area shape="rect" coords="49,6,70,29" href="">
<area shape="rect" coords="85,5,111,31" href="">
<area shape="rect" coords="127,5,150,30" href="">
</map>
<img src="images/slogan.jpg" border="0" width="730" height="151" alt="" usemap="#slogan"></td>
</tr>
ddadmin
10-25-2006, 06:44 PM
Hi;
The code you posted doesn't show where you actually inserted the code for the slanted menu. Do you have a URL to the problem on your site?