• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: Having trouble with CSSMenu
PostPosted: Mon Dec 12, 2005 5:02 pm 
Offline
Forum Members
Forum Members

Joined: Mon Oct 03, 2005 11:54 am
Posts: 141
Hi!

I switched from 0.10.4 to 0.11.1 and had to convert the pages from PHPLayers to CSSMenu.

The only problem is that the menu doesn't fold out when I open the page with IE. When I use Firefox 1.5 it works perfectly.

See for yourself at www.bugovsky.com and have a look at the code...

the template:
\$1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{title}</title>
{stylesheet}

</__body>
<table border="0" cellpadding="0" cellspacing="0" height="598"
width="100%">
<tbody>
<tr>
<td background="uploads/images/Layout/VerCorner.jpg" height="98" width="208"><img
src="uploads/images/Layout/LogoNEUklein.gif" height="48" width="174"></td>
<td background="uploads/images/Layout/VerTop.jpg" width="816"> </td>
</tr>
<tr>
<td background="uploads/images/Layout/VerLeft.jpg" height="452" valign="top"><div id="menu_vert">{cms_module module='cssmenu'}</div>
</td>
<td valign="top">
<div class="icons">
</div>


<div class="heading">{title} {print showbutton="true"}</div>
<div class="breadcrumbs">{breadcrumbs}</div>
<div class="thebody">
{content}

<div class="bottom">(c) WienTanz.com<br />Anregungen, Fragen, Beschwerden? <a href="mailto:mitarbeiter@wientanz.com">Schreib uns!</a>.</div></td>

</tr>
</table>
</div>
</tbody>
<!-- Before Footer -->

<__body>
</__html>



And the CSS:
\$1:
body { background-color: #99CCFF;

   background-image: url(uploads/images/Layout/Backgrda.gif);

   margin-left: 0px;

   margin-top: 0px; }

.UeberschriftGross {font-family: Tahoma; font-weight: bold; font-size: 36px; color: #000066; }

.UeberschriftMittel {font-family: Tahoma; font-weight: bold; font-size: 24px; color: #000066;}

.UeberschriftZusatz {font-family: Tahoma; font-weight: bold; font-size: 18px; color: #000066;}

.TextNormal {font-size: 14px; color: #000033; font-family: Tahoma;}

.Nachsatz {font-size: 9px; font-family: Tahoma;}

td.header  { color: #000000;
             font-size: 10pt;
             font-family: Tahoma }
td.label   { color: #000000;
             background-color: #ccccff;
             font-size: 10pt;
             font-family: Tahoma }
td.body    { font-size: 14px; color: #000033; font-family: Tahoma;}

td.footer  { color: #000000;
             font-size: 10pt;
             font-family: Tahoma }

a:link     { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Tahoma }
a:visited  { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Tahoma }
a:active   { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Tahoma }
a:hover    { color: #800000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Tahoma }




.good     { color: #0033FF;
             font-weight: bold }
.bad      { color: #CC3300;
             font-weight: bold }

div.heading {
    background-color: #64879d;
    color: #EDF2F5;
    padding: 9px;
    text-align: center;
    font-size: 16px;
    font-weight: bold; 
    text-transform: uppercase;
}

div.thebody {
    font-size: 14px;
    color: #000033;
    font-family: Tahoma;
}

div.bottom {
    background-color: #EDF2F5;
    border: 1px solid #64879d;
    padding: 3px;
    text-align: center;
    font-size: 11;
}
p.title {
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
}
p.smalltitle {
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 4px;
    background-color: #CCCCCC;
    text-transform: uppercase;
}
.breadcrumbs {
    font-size: 8pt;
    margin: 0;
    padding: 2px 0 2px 9px;
    background-color: #CCCCCC;
    text-transform: uppercase;
}
.breadcrumbs a {
    font-size: 8pt;
    text-transform: uppercase;
}
p.sectionname {
    font-weight: bold;
    margin: 0;
}


/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper {
   width: 164px;
   }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   width: 100%;
   }
#primary-nav ul {
   position: absolute;
   top: 0;
   left: 100%;
   display: none;
   }
#primary-nav li {
   position: relative;
   }


/* Styling the basic apperance of the menu elements */

#primary-nav a {
   border: 1px solid black;
   display: block;
   margin: 0px;
   padding: 3px 5px;
   text-decoration: none;
   }
#primary-nav li, #primary-nav li.menuparent {
   background-color: #ececec;
   }


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
   background-color: #C7C7C7;
   }


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth {
   background-image: url(modules/CSSMenu/images/arrow.gif);
   background-position: center right;
   background-repeat: no-repeat;
   }


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
   background-color: orange;
   }


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
   display: none;
   }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
   display: block;
   }


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }

/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */


/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
    div#content {
        position: relative;
        width: 780px;
        margin: 15px auto 20px auto;
        padding: 0;
        text-align: left;
    }
    div#main {
        float: right;
        width: 550px;
        margin-right: 10px;
        display: inline;
    }
    div#menu_vert {
        float: left;
        width: 200px;
        display: inline;
        margin-left: 0;
    }
    div#content2 {
        display: none;
    }
    div#menu_horiz {
        display: none;
    }
/* END CONTENT */


Please help! I've already spent about 3 whole days on this subject and I'm not one step closer...


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Having trouble with CSSMenu
PostPosted: Mon Dec 12, 2005 7:55 pm 
Offline
Power Poster
Power Poster

Joined: Sat Sep 10, 2005 4:45 pm
Posts: 650
Location: Växjö, Sweden
These kind of solutions are always easy when you find out... ;-) You have not closed the tag in the template. The beginning should be

\$1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{title}</title>
{stylesheet}
</head>
</__body>


That should solve it. ;)


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Having trouble with CSSMenu
PostPosted: Tue Dec 13, 2005 9:32 am 
Offline
Forum Members
Forum Members

Joined: Mon Oct 03, 2005 11:54 am
Posts: 141
Thanks!  ;D

I can't believe I forgot to close the head-tag :o ....  ::)
Now it works like a charm again! I would never have found it as I was looking at the CSS instead! Thanks a million!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Having trouble with CSSMenu
PostPosted: Tue Dec 13, 2005 12:03 pm 
Offline
Power Poster
Power Poster

Joined: Sat Sep 10, 2005 4:45 pm
Posts: 650
Location: Växjö, Sweden
No problem. These kind of things often just require another eye to look at them.

;D


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Hosting Nation - Managed CMSMS Hosting