Results 1 to 3 of 3

Thread: CSS and glossy menus

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

    Default CSS and glossy menus

    I used the glossy menu's links on my website. The problem is the site works on www.tripod/lycos but they do not work when I used yahoo geocities. It is the exact same code. what could i be doing wrong. When I run my site on geo, the page loads with errors but the exact same code will run fine on tripod.lycos.


    is there a site on yahoo where i can check my code for errors just on a yahoo site.

  2. #2
    Join Date
    Oct 2006
    Posts
    75
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    sounds to me like geocities is blocking css code, as some people may try to use it to cover ads, dunno about tripod i've never used it

    *hint for the future, code and links are a good idea, so we arn't completely blind

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

    Default

    sorry.

    this is the link. i am still working on it,

    http://www.geocities.com/bluemapmen/stepteam.html

    The blue background it part of my CSS. This is the code for the css. Everything else works except for the links

    html { width: 100%; height: 100%; margin:0; padding:0; }

    body { width: 100%; height: 100%; color: black; background-color: blue;}

    #box { position:absolute; left:17%; top:8px; width:75%; height:95%; padding:5px; color: blue; background-color: white; border: solid 1px black;}

    #box p {margin-top:5px; margin-bottom:5px; }

    #box p {text-align: center;}

    h1 {text-align: center;}

    h3 {text-align: center;}

    /*Credits: Dynamic Drive CSS Library */

    .glossymenu{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 170px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    }

    .glossymenu li a{
    background: white url(media/glossyback.gif) repeat-x bottom left;
    font: bold 18px "Times New Roman";
    color: white;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    }


    * html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 160px;
    }

    .glossymenu li a:visited, .glossymenu li a:active{
    color: white;
    }

    .glossymenu li a:hover{
    background-image: url(media/glossyback2.gif);
    }

    #content { position:absolute; left:15%; top:70px; width:85%; height:53%; padding:75px; text-align:center; }
    #content p { text-indent:4px; }

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
  •