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