Tab menu

[applepie]

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;
     }
 

[applepie]

Hellloooo, anybody there?

[marathoner]

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.

[applepie]

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. 

[lousou76]

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

[marathoner]

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.

[applepie]

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.

[applepie]

I have resolved it now. 

[doc]

I have resolved it now.

Congratulations, but maybe you can share your solution with the community too???

[Luisehahne]

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

[applepie]

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">