www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] Help showing navigation bar on website

  1. #1
    Join Date
    Jul 2010
    Posts
    4

    resolved [RESOLVED] Help showing navigation bar on website

    First of all the site I'm working on is x-plode.99k.org
    I'm using dreamweaver to do the coding
    For my navigation bar within the index.php I have:

    <div id="pagewrap">

    <ul id="navigation">
    <li><a class-"home" href="index.php" title="Home"></a></li>
    <li><a class-"Store" href="#" title="Store"></a></li>
    <li><a class-"Nutrition" href="#" title="Nutrition"></a></li>
    <li><a class-"Workouts" href="#" title="Workouts"></a></li>
    <li><a class-"Pictures" href="#" title="Pictures"></a></li>

    </ul>


    </div> <!-- Page Wrap END -->

    The code i made for navigation in styles.css is:

    #navigation { float: left; margin-left: 50px; margin-top: 15px; }
    ul#navigation {list-style: none; }
    ul#navigation li {display: inline; }
    ul#navigation li a {
    text-indent: -9999px;
    display: block;
    float: left;
    height: 96px;
    margin-left: 15px;
    }

    ul#navigation li a.home {
    width: 101px;
    float: left;
    background:url(images/Buttons/home.png) no-repeat 0 0; }

    I got the 5 dots to show up, got the 5 dots to dissapear, now I can't get the "home" part of the navigation bar to show up... Please help! I'm not sure if I did a part of the code wrong or why my home image won't show up any help would be grateful. Thanks.

  2. #2
    Join Date
    Jul 2010
    Posts
    4

    I figured it out! : )

    In my index.php I had <li><a class- instead of <li><a class= I'm learning...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles