can i add an image to my CSS menu?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
this is mainly for littleus,

i have an image i want to put on my css menu, only on 1 page,

can i do this, if so how?
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey Alex

I'm not sure what it is you're wanting to do? Are you wanting to use an image as a background for your CSS menu buttons? If so, then, yes.. you can do this. This is is what you did on your sportie.info site css menu.

If you only want it on one page, then just add that background image to the one page and make sure that all the other pages do not have it.

If this does not answer your question, please do clarify further and I'm sure I'll be able to help you out! =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
You mean in the menu itself you want an image?

You can do it by just adding a 'img src=' into the div of the menu.

You might have to play with it, add padding or soemthing.

Lee.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
noo, like next to my pictures menu tab,
i want it to have a small image next to it... can i do this? if so how?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey Alex

I think this is what you want:

On your HTML menu part, where you want the picture to show up beside your Picture Menu tab, find your code for that particular tab. It will look like this:
<a href="http://filey.yolasite.com/pictures.ph...;

Replace that line of code with the following:

<a href="http://filey.yolasite.com/pictures.ph... src="http://yoursitedomain.com/resources/y...; width="30" align="left">Pictures</a>

~ Replace the image pathway with your own.
~ You can change the width size of your image. Remember, you'll probably want it fairly small so that it doesn't make your menu box bigger.
~ If you prefer the image to be on the right, the change the align="left" to align="right"

Let me know how this goes! =)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
You're welcome! =)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
its workin but its not gone as expected but i am gunna find a way to use it!