treehouse : what would you like to learn today?
Web Design Web Development iOS Development

modifying breadcrumb menu

  • 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

    http://i42.tinypic.com/ic02rp.jpg

    the css goes like this:


    #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
  • can somebody here help me out...please :|
  • can you give us a live link and try and explain a little more, where do you want the brackets? :)
  • 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
  • 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 :)
  • hmmm i see...
    the problem is solved :D
    thanks bro, appreciate your replies ;)
    next time I'll ask more questions
  • here is a good tut for it~

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

    but looks like your all set :-)