[PHP CSS]Probleem met expanding menu..

[Dannydekr]

Ik ben bezig met een website die ExponentCMS gebruikt. Alles leuk en wel, maar het menu dat gewenst is is redelijk lastig.

Dit is zoals het eruit moet zien wanneer je op een subitem drukt (dit plaatje is als je op de mainlink drukt)



En dit is wanneer je dus momenteel op een subitem drukt ...



Exponent gebruikt voor zaken als deze een TPL file, die ik al ver aangepast heb. Ik zelf zat te denken aan een PHP code die alles menuitems die ubitems onderzich hebben een aparte style geeft. Ik heb dit echter nog niet voor elkaar gekregen....

Dit is de inhoud van de TPL file zoals die nu op dit moment is:

code:

<table cellpadding="0" cellspacing="0" border="0" width="200" style="margin-left:0px;margin-top:0px;">
{foreach from=$sections item=section}
{assign var=commonParent value=0}

{foreach from=$current->parents item=parentId}
    {if $parentId == $section->id || $parentId == $section->parent}
        {assign var=commonParent value=1}
    {/if}

    

{/foreach}
{if $section->numParents == 0 || $commonParent || $section->id == $current->id ||  $section->parent == $current->id}
<tr>
    {if $section->numParents == 0}
    <td style="border-top: 3px #733907 solid; padding-top:0px; padding-bottom:0px;">
    {/if}
    {if $section->numParents <> 0}
    <td style="padding-bottom: {math equation="x*0" x=$section->depth}px">
    {/if}
    
    {if $section->active == 0  && $section->numParents == 1  }
    {if $section->id == $current->id} 
    <div style="background-color: #FFFFFF; margin: 0px; padding: 0px; width: 162px; overflow:visible; position: relative;"> 
    {/if}
{/if}
    
{if $section->active == 1  && $section->numParents == 0 }
    {if $section->id == $current->id} 
      
      <div style="background-color: #FFFFFF; width: 162px; overflow:visible; position: relative;">  
        
        <a href="{$section->link}" class="navlink_current"{if $section->new_window} target="_blank"{/if}> &nbsp;&nbsp;&nbsp; {$section->name} </a> &nbsp;
        
        </div>
        
{/if}
    
    {if $section->id != $current->id}
        
        <a href="{$section->link}" class="navlink"{if $section->new_window} target="_blank"{/if}>&nbsp;&nbsp;&nbsp; {$section->name} </a>&nbsp;
    
    {/if}
{/if}


{if $section->numParents <> 0 }

<div style="padding-bottom: 0px; background-color:#FFFFFF; width: 162px; overflow:visible; position: relative;">
    
    {if $section->id == $current->id}
<div style="background-color: #FFFFFF; margin: 0px; padding: 0px; width: 162px; overflow:visible; position: relative;"> 
        <a href="{$section->link}" class="navlinksmallcurrent"{if $section->new_window} target="_blank"{/if}>&nbsp;&nbsp;&nbsp; {$section->name} </a>
        </div>
    {/if}
    
    <div style="background-color: #FFFFFF; margin: 0px; padding: 0px; width: 162px; overflow:visible; position: relative;"> 
    {if $section->id != $current->id}
        <a href="{$section->link}" class="navlinksmallcurrent"{if $section->new_window} target="_blank"{/if}>&nbsp;&nbsp;&nbsp; {$section->name} </a>
    {/if}
    </div>
    </div>
</div>


{/if}
</td></tr>
{/if}
{/foreach}
</table>
{permissions level=$smarty.const.UILEVEL_NORMAL}
{if $canManage == 1}<br/>
[<a class="navlink" href="{link action=manage}">BEHEER PAGES</a>]
{/if}
{/permissions}

[Verwijderd]

Om deze vraag te beantwoorden moet je de stylesheet bijvoegen, niet de CMS template. Los daarvan zou het helpen als je alleen relevante tpl code zou bijvoegen, en niet het hele bestand...

[ Voor 36% gewijzigd door Verwijderd op 23-07-2007 18:03 ]

[Dannydekr]

Er zit niets in de stylesheet m.b.t het probleem...

[Cavorka]

Tsja.

Geef anders een stuk geparste html in plaats van deze template en dan de bijbehorende CSS file, want een niet geparste template en dan ook nog in deze vorm (onduidelijk anyone?) zegt niet zo veel.

Maar van wat ik zover kan zien: div's in tables. Ouch. En dynamische bottom paddings?

[Dannydekr]

Dat is de standaard opmaak voor het menu in Exponent... ik heb alleen wat style="" dingen toegevoegd, en voor de tekst classes mee gegeven.

[coubertin119]

Het ding werkt toch al met Javascript (neem ik toch aan, ik zie geen geparste HTML, dus ik heb er het raden naar, maar ik hoop dat je voor je menu niet elke keer een refresh doet), dus moet je ervoor zorgen dat bij de functieaanroep om het menu uit te vouwen ook een toggle wordt gedaan naar 'active', voor het item op het 1e niveau. De stijldeclaratie voor active elementen geef je dan gewoon een witte achtergrond en klaar is kees.

[XangadiX]

Ik zou de topicstart even herzien, een demobestand maken en de relevante code posten.

[BtM909]

En heb je een clientside probleem, lever dan ook client side code op