1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

PHP Help with adding menu to CSS, please

Discussion in 'Web Development' started by jmsbc, Jul 6, 2007.

  1. jmsbc

    jmsbc New Member

    I've d/l'd the Beauty template and it's worked just fine. https://freewebsitetemplates.com/preview/beautysalon/

    I have been editing this menu, then copying and pasting the links onto subsequent pages. Then it occurred to me rather belatedly that perhaps I can just add links to the CSS so that the menu is automatically and instantly changed on all pages.

    Here's the part of the CSS that I think refers to the menu. I can see the dots that appear in the menu, but there's nowhere for link info.

    I've done a lot of webstuff though I'm fairly new to CSS. I'm using front Page to do my editing. Any help is appreciated! :)
    Julia

    /** Body **/
    #body {
    position: relative;
    width: 100%;
    }
    #nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 252px;
    padding-top: 292px;
    background: url('images/whistler.jpg') no-repeat;
    }
    #nav ul {
    background: bottom right #991111 url(images/nav_bot.jpg) no-repeat;
    margin: 0 7px 0 28px;
    padding: 5px 20px 15px 20px;
    }
    #nav li {
    list-style: none;
    background: bottom left url(images/dots.jpg) repeat-x;
    }
    #nav a {
    color: #FDE7C2;
    font: 18px "comic sans ms", serif;
    font-style: italic;
    background: #991111;
    padding-right: 8px;
    }

    /** content **/
    #content {
    background: #E8E7DA bottom right url(images/body_bottom_right.jpg) no-repeat;
    width: 462px;
    margin-left: 254px;
    min-height: 278px;
    }
    #content .main, #content .main2 {
    float: right;
    width: 250px;
    margin-top: 14px;
    padding-right: 28px;
    }
    #content .main {
    padding-bottom: 1em;
    border-bottom: 1px solid #D6D3BA;
    }
    #content .main p, #content .main2 p {
    margin: 0em 1em 0 0;
    }
    #content .main2 .right {
    margin-left: 18px;
    }
    #content .main .clear, #content .main2 .clear {
    height: 20px;
    margin-bottom: -10px;
    }
    #beauty {
    float: right;
    width: 134px;
    border-left: 1px solid #D6D3BA;
    padding: 12px;
    background: url('images/body_top_right.jpg') no-repeat top right;
    }
    #beauty span {
    float: left;
    width: 12px;
    font-size: 9px;
    clear: both;
    margin-top: 3px;
    }
    #beauty p {
    float: left;
    width: 110px;
    margin: 0 0 0.6em 0;
    padding: 0 0 0 1em;
    line-height: 1.3;
    }
    #beauty .clear {
    height: 10px;
    }
     
  2. westmatrix99

    westmatrix99 New Member

    May not be the answer, you could try adding your menu into a single page called "menu.php" or "menu.asp" and only have the table or css div's needed in there.

    Then inlcude the file where the menu should go on your page.
    That way you edit only one menu and not five or more pages.

    All the html and body tags would be out.

    Cheers
    West