Results 1 to 4 of 4

Thread: CSS slanted menu

  1. #1
    Join Date
    Oct 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile CSS slanted menu

    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>

  2. #2
    Join Date
    Aug 2004
    Posts
    9,918
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    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?

  3. #3
    Join Date
    Oct 2006
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default css slanted menu

    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>

  4. #4
    Join Date
    Aug 2004
    Posts
    9,918
    Thanks
    3
    Thanked 969 Times in 957 Posts
    Blog Entries
    15

    Default

    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?

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •