Forums

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

Home Forums CSS Rounded Tabs in WordPress via CSS

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #22908

    Hey guys,

    i made a little code for displayin’ my categories in tabs on my wordpress-blog. I’m a bit pissed, cuz I don’t know whats wrong with my code. Theres always a space beside my tab, so it looks like a bomb! :)

    Here’s a shot

    [img]http://img.skitch.com/20080710-r7hy9xjry1dj5i7xgpbmnkbkwy.preview.jpg[/img]
    Click for full sizeUploaded with plasq‘s Skitch

    Heres the code:

    HTML

    Code:

    CSS

    Code:
    ul.catnav {
    list-style-type: none;
    margin:10px 0 10px 15px
    }

    .catnav li {
    margin: 0 10px 0 0;
    }

    .catnav li a {
    padding: 7px 10px 7px 2px;
    background: url(images/white_short.gif) top right no-repeat;

    }

    .catnav li {
    padding: 7px 0px 7px 8px;
    display: inline;
    background: url(images/white_long.gif) left top no-repeat;

    }

    .catnav .current-cat a {
    color: #fff;
    }

    .catnav .current-cat a {
    padding: 7px 10px 7px 2px;
    background: url(images/short.gif) top right no-repeat;

    }

    .catnav .current-cat {
    padding: 7px 0px 7px 8px;
    display: inline;
    background: url(images/long.gif) left top no-repeat;

    }

    Maybe you have an idea?

    Thanks in common…

    #48470

    sorry, it’s not online, cuz its really ugly! :) maybe you can paste the code into a html to test it?

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