1) Remove position:relative from ".main" class constant.css (not tested).
2)To remove the back ground, remove back ground from sf-menu #current and
sf-menu .active in superfish.css
3)Remove background from "menu li" class template.css.
Thanks
Rupak
On Thu, Sep 17, 2009 at 10:24 AM, sholland <suzanna.holl...@gmail.com>wrote:
>
> Thank you! Thank you! I think I have almost conquered it, but a couple
> things left I can't seem to overcome.
>
> 1. In IE7 the dropdown menu is going behind the image.
> 2. I would like to turn off the background around the home button. I
> have searched and searched for this and cannot seem to locate where it
> is being called. Any suggestions?
> 3. Lastly, If you look at the menu now you will notice a tiny set of
> blue arrows at the beginning/or end of each menu item. Again, I can't
> seem to find a reference to them anywhere.
>
> Thanks for taking the time out to help me. I really appreciate it.
>
> Thanks again,
> Suzanna
>
>
> On Sep 16, 1:46 am, rupak mandal <rupakn...@gmail.com> wrote:
> > Drop-down menu is working, but it will no display due to overflow:hidden
> in
> > "clear". You have to make some changes.
> >
> > Add height & width in tail-top-menu and remove "clear" class from that
> > div.
> >
> > .tail-top-menu
> > {
> > height:30px;
> > width:100%
> >
> > }
> >
> > and also add height in ".sf-menu a" && "sf-menu li" class according to
> > requirement ...
> >
> > I think this will resolve your problem.
> >
> > Thanks
> > Rupak
> >
> > On Wed, Sep 16, 2009 at 11:04 AM, sholland <suzanna.holl...@gmail.com
> >wrote:
> >
> >
> >
> > > Here aree the CSS styles being applied to that menu position by the
> > > template and by the superfish css.
> >
> > > Thanks
> > > Suzanna
> >
> > > ***********************************TEMPLATE
> > > CSS*****************************************************************
> >
> > > .tail-top-menu{ background:#f0f0f1 url(../images/top_menu_tail.gif)
> > > bottom left repeat-x;}
> >
> > >
> **************************************************************************************
> > > body, td, th, div, p, label{
> > > color:#838383;
> > > font:normal 12px/16px Arial, Helvetica, sans-serif;
> > > }
> >
> > > a {
> > > color:#5D5D60;
> > > text-decoration:underline;
> > > }
> >
> > > a:hover {
> > > color:#5D5D60 ;
> > > text-decoration:none
> > > }
> > > select{color:#878B8E; font-size:11px;}
> >
> > >
> ***************************************************************************************
> > > .clear{ width:100%; overflow:hidden;}
> >
> > >
> ***************************************************************************************
> > > * {
> > > padding:0px 0px 0px 0px;
> > > margin:0px 0px 0px 0px;
> > > }
> >
> > > *****************************************************
> > > ul
> >
> > > {
> >
> > > list-style-type: disc;
> >
> > > list-style-image: none;
> >
> > > list-style-position: outside;
> >
> > > margin-top: 0px;
> >
> > > margin-right: 0px;
> >
> > > margin-bottom: 0px;
> >
> > > margin-left: 15px;
> >
> > > }
> >
> > > .menu
> >
> > > {
> >
> > > margin-top: 14px;
> >
> > > margin-right: 0pt;
> >
> > > margin-bottom: 0px;
> >
> > > margin-left: 31px;
> >
> > > list-style-type: none;
> >
> > > list-style-image: none;
> >
> > > list-style-position: outside;
> >
> > > padding-top: 1px;
> >
> > > }
> >
> > > ********************************END TEMPLATE
> > > CSS****************************
> >
> > > ******************************SUPERFISH
> > > CSS********************************
> > > .sf-menu, .sf-menu *
> >
> > > {
> >
> > > margin-top: 0pt;
> >
> > > margin-right: 0pt;
> >
> > > margin-bottom: 0pt;
> >
> > > margin-left: 0pt;
> >
> > > padding-top: 0pt;
> >
> > > padding-right: 0pt;
> >
> > > padding-bottom: 0pt;
> >
> > > padding-left: 0pt;
> >
> > > list-style-type: none;
> >
> > > list-style-image: none;
> >
> > > list-style-position: outside;
> >
> > > }
> >
> > > .sf-menu
> >
> > > {
> >
> > > line-height: 1;
> >
> > > }
> >
> > > .sf-menu
> >
> > > {
> >
> > > float: left;
> >
> > > margin-bottom: 1em;
> >
> > > }
> >
> > > a
> >
> > > {
> >
> > > color: #5d5d60;
> >
> > > text-decoration: underline;
> >
> > > }
> >
> > > a:hover
> >
> > > {
> >
> > > color: #5d5d60;
> >
> > > text-decoration: none;
> >
> > > }
> >
> > > .menu li a
> >
> > > {
> >
> > > color: #91caff;
> >
> > > font-size: 13px;
> >
> > > text-decoration: none;
> >
> > > padding-top: 0pt;
> >
> > > padding-right: 0pt;
> >
> > > padding-bottom: 0pt;
> >
> > > padding-left: 27px;
> >
> > > }
> >
> > > .menu li a:hover
> >
> > > {
> >
> > > color: #ffffff;
> >
> > > text-decoration: underline;
> >
> > > }
> >
> > > .sf-menu, .sf-menu *
> >
> > > {
> >
> > > margin-top: 0pt;
> >
> > > margin-right: 0pt;
> >
> > > margin-bottom: 0pt;
> >
> > > margin-left: 0pt;
> >
> > > padding-top: 0pt;
> >
> > > padding-right: 0pt;
> >
> > > padding-bottom: 0pt;
> >
> > > padding-left: 0pt;
> >
> > > list-style-type: none;
> >
> > > list-style-image: none;
> >
> > > list-style-position: outside;
> >
> > > }
> >
> > > .sf-menu a
> >
> > > {
> >
> > > display: block;
> >
> > > position: relative;
> >
> > > }
> >
> > > .sf-menu a
> >
> > > {
> >
> > > border-left-width-value: 1px;
> >
> > > border-left-style-value: solid;
> >
> > > border-left-color-value: #ffffff;
> >
> > > border-left-width-ltr-source: physical;
> >
> > > border-left-width-rtl-source: physical;
> >
> > > border-left-style-ltr-source: physical;
> >
> > > border-left-style-rtl-source: physical;
> >
> > > border-left-color-ltr-source: physical;
> >
> > > border-left-color-rtl-source: physical;
> >
> > > border-top-width: 1px;
> >
> > > border-top-style: solid;
> >
> > > border-top-color: #cfdeff;
> >
> > > padding-top: 0.75em;
> >
> > > padding-right: 1em;
> >
> > > padding-bottom: 0.75em;
> >
> > > padding-left: 1em;
> >
> > > text-decoration: none;
> >
> > > }
> >
> > > .sf-menu a, .sf-menu a:visited
> >
> > > {
> >
> > > color: #1133aa;
> >
> > > }
> >
> > > .sf-menu a, .sf-menu a:visited
> >
> > > {
> >
> > > color: #1133aa;
> >
> > > }
> >
> > > .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu
> > > a:hover, .sf-menu a:active
> >
> > > {
> >
> > > background-color: #cfdeff;
> >
> > > background-image: none;
> >
> > > background-repeat: repeat;
> >
> > > background-attachment: scroll;
> >
> > > background-position: 0% 0%;
> >
> > > outline-color: -moz-use-text-color;
> >
> > > outline-style: none;
> >
> > > outline-width: 0pt;
> >
> > > }
> >
> > > .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu
> > > a:hover, .sf-menu a:active
> >
> > > {
> >
> > > background-color: #cfdeff;
> >
> > > background-image: none;
> >
> > > background-repeat: repeat;
> >
> > > background-attachment: scroll;
> >
> > > background-position: 0% 0%;
> >
> > > outline-color: -moz-use-text-color;
> >
> > > outline-style: none;
> >
> > > outline-width: 0pt;
> >
> > > }
> > > ********************************END SUPERFISH
> > > CSS****************************
>
