I have an image and i want to put it inside a menu but so the text will be over it.
I can just use a background function, but what that function does is that it puts the image on the background. So if for example length of my text is 10px so the background image will be also 10px. If the text is 300px so then the image will duplicates to the right size. What I want to have is so that background image can't be less that it's in real. For example my image is 150x78 if the text is only on 12px then background image is not less, but the same as real size and the text is align to center. When my text are 157px then image is not duplicated but just resizing to that side.
So i need something that will:
If size of the text is less then the background image, then text aligns to center of it, and image background is just as the real size of the background image. And if the text is bigger then the self image, then image resizing to the propper size.
Thanks for support, Yan.
Images
Re: Images
Hi,
You seem to be wanting the background image to stretch wider and higher. There's no css that I know to allow that to happen. You could set the background image using css and the off and onclass properties of the menu. This would allow you to set the position of the image and to set it for no-repeat. But, not to stretch. If you could give me the data file, a page and the images, I could see if there is a way to set up what you want. I have played with some images I created and menu properties such as divides to make the background images act as if they are dynamic, but without your image and files I wouldn't be able to figure anything out.
Here is a kind of demo with menus using css for different properties. http://support.milonic.com/beginners/css_styling/
About the middle of the page is a link to View Examples which has a number of them with their corresponding coding for the menu.
Ruth
You seem to be wanting the background image to stretch wider and higher. There's no css that I know to allow that to happen. You could set the background image using css and the off and onclass properties of the menu. This would allow you to set the position of the image and to set it for no-repeat. But, not to stretch. If you could give me the data file, a page and the images, I could see if there is a way to set up what you want. I have played with some images I created and menu properties such as divides to make the background images act as if they are dynamic, but without your image and files I wouldn't be able to figure anything out.
Here is a kind of demo with menus using css for different properties. http://support.milonic.com/beginners/css_styling/
About the middle of the page is a link to View Examples which has a number of them with their corresponding coding for the menu.
Ruth
Re: Images
Hi,
OK, here's a page for you to see. I'll remove it when you let me know you have the file. At the bottom of the page is a link to a zip file with that page and all the images and files. You will, of course, have to use your own milonic program files.
Link removed
Ruth
OK, here's a page for you to see. I'll remove it when you let me know you have the file. At the bottom of the page is a link to a zip file with that page and all the images and files. You will, of course, have to use your own milonic program files.
Link removed
Ruth
Re: Images
You can delete now
This is very good I'm wondering can you change the size of background? And make a rollover background? And click background?
This is very good I'm wondering can you change the size of background? And make a rollover background? And click background?
Re: Images
Hi,
I don't know what you mean by change the size of the background. I can make other images, other colors by coloring the image you have.
Ruth
I don't know what you mean by change the size of the background. I can make other images, other colors by coloring the image you have.
Ruth