[SOLVED] Suckerfish Separator

http://7211.go-justkid-ding.be

Hello,

Two issues, similar to the separator-issues (which was fixed) in Aumi, appears in Ilife when you use a separator as a menu-item.

Problems:

1. The heigth is different for a separator menu-item.

2. Submenu-items of a separator menu-item cannot be reached (for example: the "E-shop" menu-item ...

3. When hovering over the separator menu-item, the itembackground doesn't change to black (as with the other menu-items).

The fix of the Aumi-template cannot be used in Ilife (topdaddy seems not to exist in the Ilife menu-code).

Can you please post a fix for this?

Thanks in advance.

Best regards,

Stoffel

My problem is : I can't use {text-align:center}in the css files to position the text in the navigation tabs. Can you help me to manage that? I tried to add this rule in template_css and in the suckerfish.css...under every single command.No result. Must be easy,any advice?

Thanks

Can somebody of the Gavick-team post the solution, please?

Hi

Sure. Sorry about the delay.

Here's the solution:

STEP 1:

Open the suckerfish.css file and find this code:

Code: Select all

#horiz-menu a{
text-decoration: none;
display: block;
float: left;
height: 33px;
line-height: 32px;
padding: 0 10px;
color: #FFF;
}


Replace with:

Code: Select all

#horiz-menu a, span.topdaddy{
text-decoration: none;
display: block;
float: left;
height: 33px;
line-height: 32px;
padding: 0 10px;
color: #FFF;
}


Still in the same page, add this code:

Code: Select all

span.topdaddy {
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}


STEP 2:

Them open the style1.css file and find this code:

Code: Select all

#horiz-menu li.level1>a:hover {
background: transparent url('../images/style1/menu_bg_hover.png') left top !important;
border-left:1px solid #b3bf6a;
border-right:1px solid #b3bf6a;
}


Replace with:

Code: Select all

#horiz-menu li.level1>a:hover, span.topdaddy:hover {
background: transparent url('../images/style1/menu_bg_hover.png') left top !important;
border-left:1px solid #b3bf6a;
border-right:1px solid #b3bf6a;
}


STEP 3:

Open the style2.css file and find also this code:

Code: Select all

#horiz-menu li.level1>a:hover {
background: transparent url('../images/style2/menu_bg_hover.png') left top !important;
border-left:1px solid #8db2d2;
border-right:1px solid #8db2d2;
}


and replace with:

Code: Select all

#horiz-menu li.level1>a:hover, span.topdaddy:hover {
background: transparent url('../images/style2/menu_bg_hover.png') left top !important;
border-left:1px solid #8db2d2;
border-right:1px solid #8db2d2;
}


I suppose i'm not forgeting anything.

Tested on IE7 and FF.


Cheers

THANKS!

It works ... Great work

Now I can go on with creating the site

Best regards,

Christophe

SUGGESTION: It seems the separator-issue is returning in all the latest templates (didn't check the older ones yet)...

So, can you please keep this in mind while coding the new template, please?

I would be very grateful

Sure, we will.

That's great!

Thanks!!!

Hi, i have still some problems with the separator in ilife.

Some of the looks great and some not. I send You a picture to see what is wrong.

Hi

Please show me Your site.

Hi, at the moment i fixed the problem with the first line/level of the main menu, but still have problem with the next levels, maybe i should include the span.topdaddy somewhere else in the suckerfish.css and style1.css?? But where? For the moment i try to handle it at my own, i let You know if i need more help. Thanks

Hi

Ok. I'll be waiting.

Ok, i made it with a litle help of my friend. My site www.witajwtiens.pl - We made some changes in the css files