Zen TYPO3 Forum

Our TYPO3 forum is available for freelancers, professionals and clients new to TYPO3 to discuss Basic TYPO3 templating, Typoscript, extension installation, administration and help with subscription templates. Please register for an account to post.

All Categories > TYPO3 General Discussion > Templates > IE6 crashes using zenlight2col
Total Posts: 4 - Pages (1): [1]
Author: mediatech
Posted: Mar 04 2008 - 02:30 PM
Subject: re: re: IE6 crashes using zenlight2col
You will not need ADxMenu.htc but you will need to alter the Typoscript to include the new path locations to the ADxMenu.css, ADxMenu.js and ie6.css like this.

# Setting up 'page' to be the default PAGE object (type=0)
#######################################
page = PAGE
page.typeNum = 0
page.meta.description.field = description
page.meta.keywords.field = keywords
config.xhtml_cleaning = all
config.disablePrefixComment = 1
config.pageTitleFirst = 1
config.headerComment =
page.includeCSS {
file1 = fileadmin/templates/zwire/css/layout.css
file2 = fileadmin/templates/zwire/css/ADxMenu.css
}

page.headerData.10 = TEXT
page.headerData.10.value (

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
@import "/fileadmin/templates/zwire/css/ie6.css";
</style>
<script type="text/javascript" src="/fileadmin/templates/zwire/scripts/ADxMenu.js"></script>
<![endif]-->
)

page.bodyTag = <body class="adxmenu">
page.1 = TEMPLATE
page.1.marks.PAGE_UID = TEXT
page.1.marks.PAGE_UID.field = uid
page.1 ...


Greg

----
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington
Author: spectris
Posted: Mar 03 2008 - 03:36 AM
Subject: re: IE6 crashes using zenlight2col
Hi Greg!

Many thanks for your answer!!

To be sure:
I have included:

###
<link rel="stylesheet" type="text/css" href="fileadmin/templates/zwire/css/layout.css" />
<link rel="stylesheet" type="text/css" href="fileadmin/templates/zwire/css/ADxMenu.css" />

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
@import "/fileadmin/templates/zwire/css/ie6.css";
</style>
<script type="text/javascript" src="/fileadmin/templates/zwire/scripts/ADxMenu.js"></script>
<![endif]-->
#######


in the template.html between <head></head> tag. And uploded the "ADxMenu.js" , "ie6.css" and "ADxMenu.css" to the above mentioned directory.

Then I have changed the typoscript (# Top horizontal dropdown menu) according yor proposal.

But after that, the menu structure looks very confuse...

Question:
In the original zenlight typo script there is the section:


# Setting up 'page' to be the default PAGE object (type=0)
#######################################
lib.stdheader.10.stdWrap.wrap =
tt_content.stdWrap.dataWrap = <A name="{field:uid}"></a>

page = PAGE
page.typeNum = 0
config.xhtml_cleaning = all
config.disablePrefixComment = 1
config.pageTitleFirst = 1
page.includeCSS {
file1 = fileadmin/templates/zenlight2col/css/style.css
}
page.headerData.10 = TEXT
page.headerData.10.value (
<style type="text/css" media="all">
@import url(fileadmin/templates/zenlight2col/css/Menu.css);
</style>
<!--[if lte IE 6]>
<style type=text/css>
@import url(fileadmin/templates/zenlight2col/css/Menu4IE.css);
BODY {BEHAVIOR: url("fileadmin/templates/zenlight2col/css/ADxMenu.htc")}
</style>
<![endif]-->
)
page.bodyTag = <body>
page.1 = TEMPLATE
page.1.marks.PAGE_UID = TEXT
page.1.marks.PAGE_UID.field = uid
page.1 {
template = FILE
template.file = fileadmin/templates/zenlight2col/template.html
workOnSubpart = DOCUMENT_BODY
subparts.RNDIMG < temp.rndImageTop
subparts.CONTENT_LEFT < styles.content.getLeft
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_BORDER < styles.content.getBorder
subparts.CONTENT < styles.content.get
####

Should I change also some settings depending on "ADxMenu.htc"??
Is your "layout.css" the "style.css" from Zenlight?
Or did I something wrong?

This is my webpage: www.sarel.at

Many thanks for your help!!

BR



Author: mediatech
Posted: Mar 02 2008 - 06:28 PM
Subject: re: IE6 crashes using zenlight2col
The new ADxMenu.js is available in Zen Wireframe the subscription. You need the following files and Typoscript below to make this work for the older zen templates. Make sure the following code is included between your <head></head> tag.

<head>

<link rel="stylesheet" type="text/css" href="fileadmin/templates/zwire/css/layout.css" />
<link rel="stylesheet" type="text/css" href="fileadmin/templates/zwire/css/ADxMenu.css" />

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
@import "/fileadmin/templates/zwire/css/ie6.css";
</style>
<script type="text/javascript" src="/fileadmin/templates/zwire/scripts/ADxMenu.js"></script>
<![endif]-->

</head>


http://zwire.mediatech.net/fileadmin/templates/zwire/scripts/ADxMenu.js
http://zwire.mediatech.net/fileadmin/templates/zwire/css/ADxMenu.css

# Top horizontal dropdown menu
#######################################
subparts.TOPNAV = HMENU
subparts.TOPNAV.special = directory
subparts.TOPNAV.special.value = 1
#subparts.TOPNAV.excludeUidList = 1,2,3
subparts.TOPNAV {
wrap = |
entryLevel = 0
1 = TMENU
1 {
expAll=1
noBlur = 1
wrap = <ul class="adxm menu"> | </ul>
NO {
wrapItemAndSub = <li class="hover2"> | </li>
}
ACT = 1
ACT {
noBlur = 1
wrapItemAndSub = <li class="active"> | </li>
}
}
2 = TMENU
2 {
expAll=1
noBlur = 1
wrap = <div class="hover2"><ul> | </ul></div>
NO {
wrapItemAndSub = <li> | </li>
}
}
3 = TMENU
3 {
expAll=1
noBlur = 1
wrap = <div class="hover2"><ul> | </ul></div>
NO {
wrapItemAndSub = <li> | </li>
}
}
4 = TMENU
4 {
expAll=1
noBlur = 1
wrap = <div class="hover2"><ul> | </ul></div>
NO {
wrapItemAndSub = <li> | </li>
}
}
}



Greg

----
Mediatech Consulting, Inc.
Phone : +1 (760) 525-1770 . Fax: +1 (760) 542-1990 . Skype: gremington
Author: spectris
Posted: Feb 28 2008 - 01:10 PM
Subject: IE6 crashes using zenlight2col
Hi all,

At first many thanks for the great Zen Template.
I'm using Typo3 4.1.3 and the Zenlight2col template and the included CSS files and ADxMenu.htc
The template and the page works basically fine.

But as mentioned in other threats the IE6 crashes after several clicks aorund the horizintal and vertical menu. Not on every PC (works correct with my PC WIN XP SP2) but specially on customers computers (also WIN XP SP2) :-(

I have gone through this forum and read something about a new ADxMenu.js which should be used instead of ADxMenu.htc. Could be that the solving of my Problem?
I tried to use the ADxMenu.js with the original menu.css but I failed and it's not working.

I'm at the end of my ideas. Please could anyone give me some steps what I have to do??!!!

Many thanks in advance!



Total Posts: 4 - Pages (1): [1]
You must login to post a message to this conference.

 

CHC Forum provided by Cast Iron Coding

TYPO3 Support