World News II , mainmenu

Hi
please help I am stuck and I don't have too much of experience!
in the CSS file/s - how do i stretch the background of the menu to both right and left? just like this example: http://www.cineworld.co.uk/

thanks in advance

H


css code in the (style1.css) file is:

#gkMainMenu {
background-image: url('../images/style1/menu_item.png')repeat-x;
border-bottom-color: #dc2a0b;
background-repeat: ;
height: 30px;
max-width: 1200px;

}
#gkMainMenu > div {
border-bottom-color: #ff583b;
}

______________________________________________________________

css code in the ( template.css) file is:

#gkMenuWrap {
margin-bottom: 1px;
}


#gkMainMenu {
padding-top: 0px;
padding-bottom: 8px;
float: center;
height: 30px;
overflow: hidden;
background: transparent url('../images/style1/menu_item.png') repeat-x 0 0;
}

#gkMainMenu > div {
border-bottom: 0px solid #ff583b;
height: 30px;
float: right;
}

Hello,

In this case you will have to open the css/style1.css file ("style1" can depends from the used style) and change the body selector to the following form:

Code: Select all

body {
   background: url('../images/style1/bg2.png'), url('../images/style1/YOUR_IMAGE.png');
   background-repeat:  no-repeat, repeat-x;
   background-position: center top, left 161px;
}


YOUR_IMAGE.png is an image created from style1/menu_item.png file (it is too big for your needs, because it contains also the hover effect).

Hi dziudek
Thank you for the help,

but it didnt work, this in my CSS for the main menu background at the moment. i need the background ( menu_item.png) to extended to the left and right, ( not the menu Items), just the background. thanks

#gkMainMenu {
background-image: url('../images/style1/menu_item.png')repeat-x;
border-bottom-color: #dc2a0b;
background-repeat: ;
height: 30px;
max-width: 1200px;
}

My code is correct, but you have to prepare a correct graphic file to use inside my code.

Hey Dziudek,

yes, your code is not just correct, it is spot on. Thank you very very much.

I have one more question thou,
I have downloaded the "Grid GK5" and I cant work out how to place modules inside the grids!
this link is saying things, but I cant get my had round it!! I don't understand it.. can you help? in plain English?. sorry. thank you in advance

The link: http://www.gavick.com/documentation/joo ... k5-module/

You can always see how we have configured the module in our templates which uses this module:

http://www.gavick.com/documentation/joo ... iguration/
http://www.gavick.com/documentation/joo ... iguration/