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