1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

help with moving items

Discussion in 'CSS' started by Barak, Mar 12, 2011.

0
  1. #1
    Hi,
    I have items on a headers that I want to push up
    on the row there is an image and next to it there are shorter items (ul) that are stuck on the bottom and I want to elevate them a bit
    see picture: http://screencast.com/t/xl7iBdOlhOs

    The css defining them is:
    #navmenu ul li a {text-decoration:none; margin: 0px;
    padding: 2px 20px 2px 20px; color: #fff;
    background: #a4aa14;}

    I don't know what to change to resolve it...
    Thanks
     
    Barak, Mar 12, 2011 IP
  2. buzenko

    buzenko Peon

    Messages:
    93
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Show all header css/html code
     
    buzenko, Mar 12, 2011 IP
  3. Bapinder

    Bapinder Well-Known Member

    Messages:
    153
    Likes Received:
    9
    Best Answers:
    3
    Trophy Points:
    120
    #3
    In navbar css put:

    margin-top: -80px;
     
    Bapinder, Mar 12, 2011 IP
  4. Barak

    Barak Greenhorn

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    Bapinder - it pushed it with logo: http://screencast.com/t/mRT3bSOCENJ

    bzenko: here is the full code:

    Header part (html):
    <div id="navmenu">

    <ul>
    <img src="http://mydomain.com/blog4/wp-content/uploads/2011/03/logo1.jpg" />

    <li class="page1tab"><a href="wordpress/About/">About</a></li>
    <li class="page2tab"><a href="wordpress/Projects/">Projects</a></li>
    <li class="page3tab"><a href="wordpress/Portfolio">Portfolio</a></li>
    <li class="page4tab"><a href="wordpress/Blog/">Blog</a></li>
    <li class="page5tab"><a href="wordpress/Our Office/">Our Office</a></li>
    <li class="page6tab"><a href="wordpress/Contact">Contact</a></li>
    </ul>
    </div>



    CSS:

    #navmenu ul {width:750px; margin: 0; padding: 0;
    list-style-type: none; list-style-image: none; align="right"; }
    #navmenu li {display: inline; }
    #navmenu ul li a {text-decoration:none; margin: 0px;
    padding: 2px 20px 2px 20px; color: #fff;
    background: #a4aa14;}
    #navmenu ul li.page1tab a {background: #a4aa14;}
    #navmenu ul li.page2tab a {background: #89840f;}
    #navmenu ul li.page3tab a {background: #e57300;}
    #navmenu ul li.page4tab a {background: #546725;}
    #navmenu ul li.page5tab a {background: #828033;}
    #navmenu ul li.page6tab a {background: #668067;}
    #navmenu ul li a:hover {color: #000; background: #ddd; }


    Maybe I can create a class for the logo and push it down a bit with margin-top?
     
    Barak, Mar 12, 2011 IP
  5. Barak

    Barak Greenhorn

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #5
    I made a new class for the logo and added a margin-bottom:-50px to it
    That did it!
     
    Barak, Mar 12, 2011 IP