Results 1 to 4 of 4

Thread: Need little help with Tab Content Script (v 2.2)

  1. #1
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Need little help with Tab Content Script (v 2.2)

    Tab Content Script (v 2.2)

    http://www.dynamicdrive.com/dynamici...tabcontent.htm

    Im using DEMO 3. Instead CSS navigation bar, Im using images, as buttons.

    I have spaces between them, HOW can I get rid of the spacing and just align my images next to each other?

    Thank you

  2. #2
    Join Date
    Jan 2008
    Posts
    4,168
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    It doens't look like there is spacing except the blue border, did you not want the blue border there?
    Jeremy | jfein.net

  3. #3
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Since you are using images, I have this feeling that is has something to link on Mysterious Gaps.

    If nothing helps, please provide a link to the page in question.
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  4. #4
    Join Date
    Aug 2008
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    I can't send the link, the page in not in the "AIR" yet....

    but here is the code, if you guys can take a look:

    ---------------------------------------------------------------------
    <div id="div1">
    <div id="pettabs" class="indentmenu">
    <a href="#" rel="profile"><img src="picture1.png" alt="Profile" width="61" height="61" border="0" /></a>
    <a href="#" rel="mail"><img src="picture2.png" alt="Mail Box" width="61" height="61" border="0" /></a>
    <a href="#" rel="vanity"><img src="picture3.png" alt="Vanity Wall" width="61" height="61" border="0" /></a>
    <a href="#" rel="community"><img src="picture4.png" alt="Nombi Community" width="61" height="61" border="0" /></a></div>
    ---------------------------------------------------------------------

    And here is the CSS for the indentmenu. I donno why I have GAPs
    The rest of the code like .js I use the one from Dynamic Drive.

    --------------------------------------------------------------
    .indentmenu {
    width: 500;
    height: 400;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }


    .indentmenu a.selected{
    background-color: #8B2A2D;
    }

    .indentmenu a:hover {
    background-color: #E4A7A8;
    }
    .indentmenu a:active {
    background-color: #8B2A2D;
    }

    -------------------------------------------------------------------

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
  •