[TYPO3-UG Australia] horizontal tmenu, Templavoila and typoscript objectpath

[Cate Deans Smith]

Hi all

 

I am trying to nut out the interactions between Templavoila, my html/css
files and Typo3's template setup... the html/css files in dreamweaver result
in a horizontal tmenu, as does the html that typo3 outputs in the rendered
page - but it appears as a vertical list menu.

 

Is there a glitch or trick to getting it rendered correctly?

 

*************************************************************************

Web>template setup snippet:

 

# Top nav cObject

lib.topnav = HMENU

# First level menu-object, textual

lib.topnav.1 = TMENU

lib.topnav.1 {

# Normal state properties

NO.allWrap = <span class="topnav"> | </span>

NO.stdWrap.htmlSpecialChars = 1

# Enable active state and set properties:

ACT = 1

ACT.stdWrap.htmlSpecialChars = 1

ACT.allWrap = <span class="topnav"> | </span>

}

 

 

Html snippet:

 

<div class="topnav"> 

                                

                  <span class="topnav"> <a href="#">Top Nav</a>  </span>


</div>

 

*****************************************************************

Css - layout snippet: 

 

/* The navigation menu fits along the top of the screen,  */

.topnav {

   width: 100%;

margin:0;

text-align:center;

padding-top:5px;

 padding-left:10px;

padding-right:10px;

padding-bottom:5px;

 

                

}

 

.topnav li { 

margin-left: 0.9%; 

margin-right: 0.9%;

white-space:nowrap;

text-align:center;

}

.topnav li, .topnav ul { 

display: inline; 

text-align:center;

 

}

 

/* Make the links in the menu white */

.topnav a, .topnav a:visited { 

text-align:center;

 

}

 

.topnav a:hover{ 

text-align:center;

 

}

 

***********************************************

Templavoila data structure snippet:

 

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>

<T3DataStructure>

    <ROOT type="array">

        <tx_templavoila type="array">

            <title>ROOT</title>

            <description>Select the HTML element on the page which you want
to be the overall container element for the template.</description>

        </tx_templavoila>

        <type>array</type>

        <el type="array">

            <field_menu type="array">

                <tx_templavoila type="array">

                    <title>Main menu</title>

                    <description>Map this to the html element with dummy
menu</description>

                    <sample_data type="array">

                        <numIndex index="0">menu data</numIndex>

                    </sample_data>

                    <eType>TypoScriptObject</eType>

                    <TypoScriptObjPath>lib.topnav</TypoScriptObjPath>

                    <eType_EXTRA type="array">

                        <objPath>lib.topnav</objPath>

                    </eType_EXTRA>

                </tx_templavoila>

 

 

*******************************************************

Rendered html output by typo3 snippet:

 

 

<div class="topnav">

<span class="topnav"><a href="index.php?id=400"
onfocus="blurLink(this);">Home</a></span>

<span class="topnav"><a href="index.php?id=399"
onfocus="blurLink(this);">News</a></span>

<span class="topnav"><a href="index.php?id=398"
onfocus="blurLink(this);">Deaf Info</a></span>

<span class="topnav"><a href="index.php?id=397"
onfocus="blurLink(this);">Communities</a></span>

<span class="topnav"><a href="index.php?id=396"
onfocus="blurLink(this);">Events</a></span>

<span class="topnav"><a href="index.php?id=395"
onfocus="blurLink(this);">Service Directory</a></span>

<span class="topnav"><a href="index.php?id=394"
onfocus="blurLink(this);">Classifieds</a></span>

<span class="topnav"><a href="index.php?id=393"
onfocus="blurLink(this);">Deaf World Guide</a></span>

</div>

 

****************************************************************88

All pointers gladly welcomed :-)

 

Thanks in advance...

Cate