Support » Fixing WordPress » Image with menu titles

  • Hi,
    Can anyone tell me how to place a small image next to the menu titles? I had it once and have misplaced it altogether.
    Also, how do you place the small >> arrows or similar you often see in front of a list of links in a menu?
    Thanks in advance…

Viewing 15 replies - 1 through 15 (of 19 total)
  • Mark (podz)

    (@podz)

    Support Maven

    The wrong way round:
    The ‘Recent Links’ plugin uses this code for the display;
    <h2>Recent Links</h2>

    and the top part of that produces »
    With the images, if it’s the same image throughout, then I think it would be done something like
    #menu ul li {
    background-image: url(image.gif’);
    }
    Not sure how that will ‘list’ though.

    Yes shadow what he has done is marked up the category titles as h1. So you were prolly looking in the CSS at the wrong thing. Then it is just standard bg stuff for the leaves.

    Thanks Root.
    It is this ‘marking up’ as you mention that is puzzling me. How do I add that to the relevant menu titles?

    I was just rying to get rid of the >> in my site. I am using the Clean and Crisp Layout from http://fernando.dubtribe.com/archives/2004/09/24/clean-and-crisp-for-kubrick-125wp-12/
    I found this entry in the css and removed it: .entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }

    That did the trick. I am such a novice when it comes to css so I’m not comfortable telling you how/where to put it. Good luck.

    I have to tidy up my CSS so it’s understandable…
    It was also really bad form to assign h1 to the sidebar titles….but I think it was a quick fix when I did it. Promised myself that I wouldn’t leave it like that – but I did 😉
    Anyway, I just used this so that the sidebar titles would inherit the h1 entity
    <li id=”listid”><h1>listtitle</h1>
    They key CSS in the h1 entity is
    padding: 10px 10px 0 30px;
    background: url(/images/leaf.gif) no-repeat left;
    Simple, but difficult to understand if you’re looking at my CSS 🙂

    We are we are 🙂

    The before: system has a similar effect but it is a CSS 2 tag and as such I try and avoid if possible. The listgurus at listamatic say fitting the image as a bg gives the most stable cross platform and legacy browser performance. Shadow if you thought h1 was excessive you could use h anything to do it. It is a semantic and *approved* kind of thing that the likes of Eric Meyer seem happy with. H1 I would think might confuse the search engines.

    Good luck!…many a time I ask myself ‘Why is that there, or why did I do that?’ Still it keeps life interesting.
    It needs optimising and thinning. Many a time I’ve opened it up promising myself that I’m going to sort it out….only to find something infinitely more interesting to do – like staring into space 😀

    you could use h anything to do it. It is a semantic and *approved* kind of thing that the likes of Eric Meyer seem happy with. H1 I would think might confuse the search engines.
    Ideally I would think anything above h4. I haven’t seen any issues with search engines – but it would be really good practice not to assign it to h1…
    …damn, having guilt trips so I’m changing it now 😉

    I still have a *not yet sorted* section in my CSS. Its a mess 🙂

    Thanks for your help Gary/Root 🙂
    After putting in the h1 tags I came here and saw the error of my ways. Changed to h4 now which should be fine.
    Placed a temporary image in and it looks just as I wanted.
    I am just trying to get the gap at the top and the bottom of the title to be less though. Is there an easy way?

    You reference h4 in three different places, each with their own padding and margin values. I’d remove the ‘group’ references you have for h4 and only stick to where you ref h4 by itself, that’ll remove any confusion in the stylesheet…
    …does that make sense?
    See how that leaves the positioning.

    Shadow have we got the url for this yet ? Perhaps we could help.

    You reference h4 in three different places, each with their own padding and margin values

    Ok, I’m lost. Where do I do that? I thought I only had h4 in the menu titles? Would it be better if I named it h6 or something ?

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Image with menu titles’ is closed to new replies.