Setting the width of the pagebgimage
Setting the width of the pagebgimage
Is it possible to set the width of the pagebgimage so it is 50PX wide rather than 100% of the width of the nav item? I'll also need to center the pagebgimage. Thanks in advance for your help. You have a great product.
Re: Setting the width of the pagebgimage
Hi,
Yes, you can do that, but not through a 'menu' code. You need to use the menu property pageclass. The pageclass parameter is used to specify a classname for the Current Page Menu Item for CSS. This parameter can be either a style section or an item section menu code. You would set up a css class for what you want as to the current page colors, text, bgimage etc. Then you would use the pageclass="classname"; either in the style section which means it would apply to all menus that used that style, or if you wanted to create a distinct pageclass for one item, you would set up the css class and then call it in the item string, i.e.
Creating a css class for pageclass allows you to do all css coding for bgimage, like position, repeat or no repeat and so on. Remember that bgimages repeat automatically, so to set it as you want it you would need to set up all you want in your css. For example, setting a bgimage on divs you might do the css like this
The css background parameters are: background, background-attachment, background-color, background-image, background-position, background-repeat, background-clip, background-origin, background-size. Not sure what background-origin is.
Hope this helps. If you want more information on the css parameters for thing like position etc, try this and click on background in the middle column towards the top. http://www.w3schools.com/cssref/default.asp Also, please note that the background-size is a CSS3 property so in browsers that don't yet support that it will not be sized. Not sure, but I w ould think that you could actually create your background a particular size, then it would be the size you want [I think ].
Ruth
Yes, you can do that, but not through a 'menu' code. You need to use the menu property pageclass. The pageclass parameter is used to specify a classname for the Current Page Menu Item for CSS. This parameter can be either a style section or an item section menu code. You would set up a css class for what you want as to the current page colors, text, bgimage etc. Then you would use the pageclass="classname"; either in the style section which means it would apply to all menus that used that style, or if you wanted to create a distinct pageclass for one item, you would set up the css class and then call it in the item string, i.e.
Code: Select all
aI("pageclass=classname;text=Home Page;url=index.htm;");
Code: Select all
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
Hope this helps. If you want more information on the css parameters for thing like position etc, try this and click on background in the middle column towards the top. http://www.w3schools.com/cssref/default.asp Also, please note that the background-size is a CSS3 property so in browsers that don't yet support that it will not be sized. Not sure, but I w ould think that you could actually create your background a particular size, then it would be the size you want [I think ].
Ruth