Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS space problem

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #31681
    AlexXxuTzZu
    Participant

    Hello, i`m a totally newbie so please dont laugh. I have a space between tabs, image attached down to see:
    http://i53.tinypic.com/24nr6hi.jpg

    If someone can help me.. thanks in advance.

    #59518
    jamygolden
    Member

    Do you have a link to a live example?

    If not, could you paste the html and css?

    #59519
    AlexXxuTzZu
    Participant
    #59520
    jamygolden
    Member

    Change this:

    #nav .current a, #nav li:hover > a {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(center top , #EBEBEB, #A1A1A1) repeat scroll 0 0 transparent;
    border-top: 1px solid #F8F8F8;
    color: #444444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    to this:

    #nav .current a, #nav li:hover > a {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: -moz-linear-gradient(center top , #EBEBEB, #A1A1A1) repeat scroll 0 0 transparent;
    color: #444444;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    The border is increasing the height of the box model.

    #59469

    Hi,
    Just give your menu items in list and adjust the margin for that div


    .menu {
    width: 500px;
    list-style: none;
    margin: 0 0 2em;
    padding: 0;
    font: 150%/100% Arial, Helvetica, sans-serif;
    }
    .menu li {
    clear: both;
    margin: 10px;
    padding: 0 0 1.8em 0;
    position: relative;
    display:inline;
    border-bottom: dotted 2px #999;

    #59477
    AlexXxuTzZu
    Participant

    thanks a bunch guys, really appreaciate !

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.