how to add images into menu (7 posts)

  1. Anonymous
    Posted 11 years ago #

    I am using the gemini template, so my menu bar is a repeated gif down the right hand side.
    I wanted to insert a couple of images in there, before and after the text. I can't work out how to do this?

  2. Mark (podz)
    Support Maven
    Posted 11 years ago #

    Stick them into index.php ?
    Just find in menu where you want them to appear, then
    <img src="blah.jpg" alt="" />
    Is that what you mean ?

  3. Anonymous
    Posted 11 years ago #

    think so.
    Ok, am going to have a fiddle with my menu today anyhow, to change the order of elements and will have a go.

  4. Mark (podz)
    Support Maven
    Posted 11 years ago #

    I forgot..
    If you like your page to remain valid xhtml, doing the above will break validation. It's very very easy to put right though - nest the image inside

  5. image link

  6. That will also indent the image so it matches the rest of the menu content.

  • Anonymous
    Posted 11 years ago #

    ok will do
    I'm now trying to add a 'rings' section in my menu (www.petiteanglaise.com) and having problems with the display of the ring codes.
    The '«' '»' showed up as '?' initially, (now temporarily '-') and the formatting of the rings doesn't match that of the other lists in the menu, regardless of if I wrap the ring code in


    • in index.php.
      What tags should I wrap around the ring codes in the index.php to allow separate formatting, so that I can define how these will look in the css separately from the other menu items? And what would the corresponding css tag be?
      Hope this is reasonably clear. It's not easy to formulate these questions when I have a very sketchy grasp of what I'm actually doing.

    • Anonymous
      Posted 11 years ago #

      The full CSS selector for one *section* ie category of your menu links is ul nameofcategory. It is is not defined in the CSS but adding it makes it cool. Add the descendant selectors eg ul categoryname ul li or whatever in the normal way. You are doing a beautiful job with Gemini. Bon chance.

    • Mark (podz)
      Support Maven
      Posted 11 years ago #

      @petite - I have pasted the code I use here
      (ignore the php tags!)
      and that is exactly what I have on my blog if that helps ?
      The css would look like:
      #menu ul li#webring {
      your styling

    • Topic Closed

      This topic has been closed to new replies.

      About this Topic


      No tags yet.