Forums

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

Home Forums CSS modifying breadcrumb menu

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24542
    appleKrowak
    Participant

    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

    #56128
    appleKrowak
    Participant

    can somebody here help me out…please :|

    #56129
    Rob MacKay
    Participant

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

    #56151
    appleKrowak
    Participant

    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

    #56175
    Rob MacKay
    Participant

    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 :)

    #56180
    appleKrowak
    Participant

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

    #56201
    Soh Tanaka
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.