WebsiteBaker Logo
  • *
  • Templates
  • Help
  • Add-ons
  • Download
  • Home
*
Welcome, Guest. Please login or register.

Login with username, password and session length
 

News


WebsiteBaker 2.13.8 is now available!


R.I.P Dietmar (luisehahne) and thank you for all your valuable work for WB
https://forum.websitebaker.org/index.php/topic,32355.0.html


* Support WebsiteBaker

Your donations will help to:

  • Pay for our dedicated server
  • Pay for domain registration
  • and much more!

You can donate by clicking on the button below.


  • Home
  • Help
  • Search
  • Login
  • Register

  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • CSS Problem with Showmenu2
  • Print
Pages: [1]   Go Down

Author Topic: CSS Problem with Showmenu2  (Read 5094 times)

Offline chale

  • Posts: 2
CSS Problem with Showmenu2
« on: June 21, 2008, 03:33:18 PM »
Hi there.
I have problem but i cant see where Im wrong.

Here is problem:



Here is shomenu settings:

Quote
<?php show_menu2(1, SM2_ROOT,SM2_ALL, SM2_ALL,'<li>[a][menu_title]
                        [if(class==menu-expand){<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]--><ul>}]
                        [if(class!=menu-expand){</a>}]
                        [if(class!=menu-last){</li>}]
                        [if(class==menu-last){</li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->}]','','',''); ?>

and here is css style taken from multiflex-5:

Quote
.navbar ul {list-style-type:none;}
.navbar ul li {float:right; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:#FF9933;}
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:rgb(100,100,100); border-left:solid 3px rgb(215,215,215);}
.navbar ul li ul {display:none; border:none;}

/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:17px; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

/* Submenu (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

and link structure is:

A-1
A-2
A-3 (CURRENT) --> B1 --> C1
                                     --> C2

                              --> B2 --> C3

                              --> B3 --> C4

                              --> B4 --> C5
                                        --> C6
                                        --> C7
                                        --> C8
                           
A4

I cant figure am I wrong in showmenu settings or css style. Any suggestion will be welcome. Thnx in ahead (sorry for poor my english :( )
                                         



« Last Edit: June 21, 2008, 09:01:00 PM by chale »
Logged

doc

  • Guest
CSS Problem with Showmenu2
« Reply #1 on: June 21, 2008, 04:43:13 PM »
Chale,

this has nothing to do with show_menu2. This is related to your CSS. Please use the links posted on the help site and aks your questions in a CSS / HTML forum.

Christian
Logged

Offline chale

  • Posts: 2
CSS Problem with Showmenu2
« Reply #2 on: June 21, 2008, 04:51:58 PM »
Quote from: doc on June 21, 2008, 04:43:13 PM
Chale,

this has nothing to do with show_menu2. This is related to your CSS. Please use the links posted on the help site and aks your questions in a CSS / HTML forum.

Christian

Thnx Christian.
Now i will try to find error in CSS. I just want to be sure that problem is not in show_menu2. Thnx again
Logged

Offline kweitzel

  • WebsiteBaker Org e.V.
  • **
  • Posts: 6983
  • Gender: Male
Re: CSS Problem with Showmenu2
« Reply #3 on: July 09, 2008, 09:51:00 PM »
splitted this off the original post.

cheers

Klaus
Logged

  • Print
Pages: [1]   Go Up
  • WebsiteBaker Community Forum »
  • WebsiteBaker Support (2.8.x) »
  • Templates, Menus & Design »
  • CSS Problem with Showmenu2
 

  • SMF 2.0.19 | SMF © 2017, Simple Machines
  • XHTML
  • RSS
  • WAP2