Grow your CSS skills. Land your dream job.

godaddy menu nav

  • # April 21, 2013 at 10:31 pm

    hi all – hope you’re well.

    i know very basic css, but seem to be stuck on this one. i need to center my nav and increase the font size to 24, but can’t seem to find the right spot. i’ve been poking around for a few hours to no avail. any ideas?

    /*


    Theme667


    */
    h1, h2, h3, h4, h5, h6 {{font-size:80px;}
    margin: 10px 0;
    }

    body {
    font-family: “Arial”, Bold, Oblique, FreeSerif, serif; font-style: oblique
    margin: 1000;
    }

    .sf_outer_wrapper {
    margin: 200px;
    }

    .sf_wrapper {
    width: 100%;
    padding: 0px 0;
    }

    /* main */

    .sf_pagetitle {
    float:center;
    width:100%;
    }

    .sf_content {
    float:left;
    margin-top:10px;
    width:100%;
    }

    /* sidebar Left */

    .sf_region3 {
    float: left;
    width: 180px;
    overflow: hidden;
    margin: 0;
    position: x500; y550;
    }

    .sf_region3 .widget {
    margin: 20px 0;
    }

    /* sidebar Right */

    .sf_region7 {
    float: right;
    width: 180px;
    overflow: hidden;
    margin: 0 10px;
    }

    .sf_region7 .widget {
    margin: 20px 0;
    }

    /* navigation */

    .sf_region3 .sf_navigation .widget {
    margin: 800;
    }
    float:center;

    .sf_navigation h3 {
    display:none;
    }

    .sf_navigation {
    clear:both;
    margin: 100;
    padding:100;
    width: 95%;
    }

    .sf_navigation:after {
    content: ” “;
    display: block;
    clear: both;
    visibility: hidden;
    font-height: 1px;
    margin: 0px;
    padding: 0px;
    }

    .sf_navigation ul {
    margin: 0;
    padding:0;
    }

    .sf_navigation ul:after {
    content: “.”;
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
    }

    .sf_navigation ul li {
    list-style: none;
    margin: 190;
    padding: 190;
    white-space: nowrap;
    float:left;
    }

    .sf_navigation ul li a {
    text-decoration: none;
    padding: 3px 75px 3px 0;
    display: block;
    }

    .sf_navigation ul li a:hover {
    text-decoration:bold;
    }

    /* subnav */
    .sf_navigation .subnav {
    background-color: #000000;
    float: left;
    left: -999em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 150px;
    z-index:1000;
    }

    .sf_navigation .subnav li {
    float: left;
    width: 150px;
    margin: 0;
    padding: 0;
    white-space: normal;
    }

    .sf_navigation .subnav li a {
    display: block;
    padding: 2px 5px;
    margin: 0;
    width: 140px;
    }

    .sf_navigation .subnav li a:hover {
    }

    #Nav1 li:hover ul,
    #Nav1 li.sfhover ul {
    left: auto;
    }

    #Nav1 iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
    }

    #Nav1 li:hover,
    #Nav1 li.hover {
    position: static;
    }

    /* End Navigation */

    /* Footer */

    .sf_region10 {
    clear: both;
    text-align: center;
    padding: 40px 0;
    margin-left: 15%;
    }

    }

    /* Other */

    .form_button {
    padding: 5px 0px;
    }

    a:link {
    text-decoration: none;
    }

    a:visited {
    text-decoration: none;
    }

    a:hover {
    text-decoration: none;
    }

    thanks!

    # April 22, 2013 at 4:57 am

    Do you have a link?

    It would be easier to help you if we could see it in action rather than having to wade through a lot of irrelevant CSS without the benefit of the HTML.

    However, I can tell you that this:

    .sf_region3 .sf_navigation .widget { margin: 800; } float:center; < ---

    is not a real CSS property. and even if it was, it’s outside the brackets.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".