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.6 is now available!


Will it continue with WB? It goes on! | Geht es mit WB weiter? Es geht weiter!
https://forum.websitebaker.org/index.php/topic,32340.msg226702.html#msg226702


The forum email address board@websitebaker.org is working again
https://forum.websitebaker.org/index.php/topic,32358.0.html


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 »
  • Tab menu
  • Print
Pages: [1]   Go Down

Author Topic: Tab menu  (Read 11103 times)

apple

  • Guest
Tab menu
« on: March 02, 2009, 06:28:56 PM »
I am tearing my hair out on this. Appreciate all the help I can get. I am trying to create tab menu. Everything looks fine on my CSS and html. When I transferred over to wb all my menu squezzed up. What have I done wrong? Please help? I have enclosed an example of how it came out on mine.

Here is my code.

default.php file

  <?show_menu2(0, SM2_ROOT, SM2_START, SM2_ALL, '<span> [a][menu_title]</a>', ' </span>', '', '');?>

CSS

 #tabsF {
     float:left;
     width:100%;
     font-size:93%;
     line-height:normal;
     }
   #tabsF ul {
         margin:0;
         padding:10px 10px 0 50px;
         list-style:none;
     }
   #tabsF li {
     display:inline;
     margin:0;
     padding:0;
     }
   #tabsF a {
     float:left;
     background:url("images/tableftF.gif") no-repeat left top;
     margin:0;
     padding:0 0 0 10px;
     text-decoration:none;
     }
   #tabsF a span {
     float:left;
     display:block;
     background:url("images/tabrightF.gif") no-repeat right top;
     padding:5px 15px 4px 6px;
     color:#666;
     }

   #tabsF a:hover {
     background-position:0% -42px;
     }
   #tabsF a:hover span {
     background-position:100% -42px;
     }
 

[gelöscht durch Administrator]
« Last Edit: March 02, 2009, 06:37:30 PM by applepie »
Logged

apple

  • Guest
Re: Tab menu
« Reply #1 on: March 04, 2009, 06:38:32 PM »
Hellloooo, anybody there?
Logged

Offline marathoner

  • Posts: 495
Re: Tab menu
« Reply #2 on: March 04, 2009, 06:44:17 PM »
It should be easy enough for you to check yourself if you already have everything working in an HTML file. Just check to see if the HTML being generated by WB is what you are expecting.
Logged

apple

  • Guest
Re: Tab menu
« Reply #3 on: March 04, 2009, 07:19:18 PM »
Quote from: marathoner on March 04, 2009, 06:44:17 PM
It should be easy enough for you to check yourself if you already have everything working in an HTML file. Just check to see if the HTML being generated by WB is what you are expecting.
I am sure it is easy if I know what I am looking for. The image I enclosed is what I see on WB. It came out different. It should be full tab but it came up all squeezed up in WB. So I am not sure what have gone wrong. This is why I am posting for help.  :?
« Last Edit: March 04, 2009, 07:24:41 PM by applepie »
Logged

lousou76

  • Guest
Re: Tab menu
« Reply #4 on: March 04, 2009, 07:25:26 PM »
It would be helpfull if you could post the live site so we can check where the css problem is.
This way it's hard to understand.

LS
Logged

Offline marathoner

  • Posts: 495
Re: Tab menu
« Reply #5 on: March 05, 2009, 04:20:24 AM »
Quote from: applepie on March 04, 2009, 07:19:18 PM
I am sure it is easy if I know what I am looking for. The image I enclosed is what I see on WB. It came out different. It should be full tab but it came up all squeezed up in WB. So I am not sure what have gone wrong. This is why I am posting for help.  :?

You said that it looked fine in HTML/CSS. Compare the HTML generated by WB to the working HTML that you already have and also verify that it used the same CSS.
Logged

apple

  • Guest
Re: Tab menu
« Reply #6 on: March 05, 2009, 09:44:56 PM »
Let me start from scratch as it is not working. Can someone show me how i can get the horizontal tab effect menu with WB? Thanks.
Logged

apple

  • Guest
Re: Tab menu
« Reply #7 on: March 06, 2009, 12:01:16 AM »
I have resolved it now.  :-D
Logged

doc

  • Guest
Re: Tab menu
« Reply #8 on: March 06, 2009, 07:17:45 AM »
Quote from: applepie
I have resolved it now.
Congratulations, but maybe you can share your solution with the community too???
Logged

Offline Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4548
  • Gender: Male
Re: Tab menu
« Reply #9 on: March 06, 2009, 09:48:20 AM »
Look for the YAML framework. There you have all, what you need, navigation with shinybutton, tabs, etc., many samples on the side and a good docu. http://www.yaml.de/en/home.html


greetings
Logged
Note: Once the code has been generated, it is easy to debug. It's not a bug, it's a feature!

apple

  • Guest
Re: Tab menu
« Reply #10 on: March 26, 2009, 07:59:47 PM »
Quote from: doc on March 06, 2009, 07:17:45 AM
Congratulations, but maybe you can share your solution with the community too???
No magic. I just left out the tag <div id="wrapper-menu-top">
Logged

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

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