Grow your CSS skills. Land your dream job.

modifying breadcrumb menu

  • # April 9, 2009 at 2:14 pm

    would someone here help me out with this ?

    I try to modify the breadcrumb menu like the one below, i just want to put the left & right brackets into it but still got stucked

    [img]http://i42.tinypic.com/ic02rp.jpg[/img]

    the css goes like this:

    Code:
    #mybread {
    background: url(../images/myStyle/mybread-logo.png) 10px 0 no-repeat;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    }

    span.mybread {
    background: url(../images/myStyle/mybread-sep.png) 100% 50% no-repeat;
    }

    span.mybread img {
    background: url(../images/myStyle/mybread-sep.png) 0 50% no-repeat;
    }

    span.mybread {
    display: block;
    line-height: 220%;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    padding: 0 20px 0 60px;
    float: left;
    overflow: hidden;
    }

    span.mybread img {
    float: none;
    vertical-align: top;
    width: 10px;
    height: 35px;
    padding-right: 15px;
    }

    span.mybread a {
    float: none;
    padding: 0 20px 0 0;
    }

    how to add the left&right bracket ?…

    any help appreciated
    thank you

    # April 11, 2009 at 12:04 pm

    can somebody here help me out…please :|

    Rob
    # April 11, 2009 at 1:21 pm

    can you give us a live link and try and explain a little more, where do you want the brackets? :)

    # April 12, 2009 at 10:41 pm

    unfortunatelly, it still in my localhost…i just unable to attach the lef & right image to the breadcrumb…[as seen in the snapshot example above] :?

    the brackets i mean are the small images, left & right images in the snapshot above

    Rob
    # April 13, 2009 at 3:56 am

    Oh so they kinda cap off the ends and make the look rounded?

    Sorry dude without a live link to play with – or some proper code with all the images linked, there isnt much I can do quickly and I dont have the time at the moment to dig through it :(

    if you get something up we can surely help :)

    # April 13, 2009 at 8:29 am

    hmmm i see…
    the problem is solved :D
    thanks bro, appreciate your replies ;)
    next time I’ll ask more questions

    # April 13, 2009 at 3:22 pm

    here is a good tut for it~

    http://veerle.duoh.com/blog/comments/si … eadcrumbs/

    but looks like your all set :-)

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".