SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Top nav bar

  1. #1
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Top nav bar

    I'm trying to place " 1-877-833-2590 " to the very right edge of the top menu bar for my website www dot vdealz dot com

    the current phtml code is the following:

    div class="header-nav-container">
    <div class="header-nav">
    <h4 class="no-display"><?php echo $this->__('Category Navigation:') ?></h4>
    <ul id="nav">

    <li><a href="<?php echo $this->getUrl('')?>"><?php echo $this->__('Home') ?></a></li>
    <li><A href="vdealz">Visit Malls</A>
    <li><A href="vdealz">Live Shows</A>
    <li><A href="vdealz">Archived Shows</A>
    <li><A href="vdealz">Links</A>
    <li><A href="vdealz">Contact Us</A>
    <ul id="phone"> 1-877-833-2590 </ul>
    </ul>

    </div>
    and the css for it is:

    .phone {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    position: absolute;
    left: 300px;
    top: 300px;
    right: 0px;
    bottom: 0px;
    }

    but its not working .. any ideas?

  2. #2
    SitePoint Addict
    Join Date
    Jul 2008
    Posts
    213
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This seems to be a CSS question and should be posted in that forum.

    http://www.sitepoint.com/forums/forumdisplay.php?f=53

  3. #3
    SitePoint Zealot evilunix's Avatar
    Join Date
    Jun 2008
    Location
    York, UK.
    Posts
    114
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This should probably be in the CSS forums, but basically, your HTML is pretty messed up.

    You've only closed the first list item.

    The phone number doesn't need to be a list at all, so I don't see why you've done that?

    CSS menu bars usually use list-style-type:none and position:inline. I don't see either.

    Many more things... Maybe you should get a book on CSS/HTML


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
  •