CMS Made Simple Forums

Posted: **Sat Jan 30, 2010 1:49 pm**

Hallo zusammen,

ich möchte in einer Navi Box (Menü) den Text verschieben um ein Bild einzufügen. Das Bild wird per Mouse Hover aktiviert und funktioniert auch. Dummerweise überschreibt der Text dann das Bild.

Lieder finde ich nicht die richtige Stelle um entsprechende Änderungen zu machen. www.marcos-polo.de mal durchs Menü klicken, dann fällt es direkt auf.

Wer kann da abhilfe schaffen???

Hier mal den Menü Code:

Code: Select all

{if $count > 0}
<h3 class="leftbox">Menu</h3>
<ul class="leftbox borderedlist"> 
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}

	{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

	{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
	</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
	<li><a class="current"
{elseif $node->current == true}
	<li><a class="current"
{elseif $node->haschildren == true}
	<li><a
{elseif $node->type == 'sectionheader'}
        <li> {$node->menutext}
{elseif $node->type == 'separator'}
        <li>
{else}
	<li><a 
{/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
href="{$node->url}" {if $node->accesskey != ''}accesskey="{$node->accesskey}" {/if}{if $node->tabindex != ''}tabindex="{$node->tabindex}" {/if}{if $node->titleattribute != ''}title="{$node->titleattribute}"{/if}{if $node->target ne ""} target="{$node->target}"{/if}><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
><dfn>{$node->hierarchy}: </dfn>{$node->menutext}</a>
{/if}

{/foreach}

	{repeat string="</li></ul>" times=$node->depth-1}		</li>
	</ul>


{/if}

Ich hoffe man kann mir helfen.

Gruß skibby

Posted: **Sat Jan 30, 2010 3:53 pm**

Du schiebst im CSS an der Stelle, wo Du den Hover definiert hast, den Text via padding:$bildbreite nach rechts.
Alternativ kannst du den Text auch schon vorher um die Bildbreite nach rechts schieben

Posted: **Sat Jan 30, 2010 4:27 pm**

Hi,

füge beim ul.borderlist li a:hover text-indent.

Code: Select all

ul.borderedlist li a:hover{background: #E5E5E4 url(uploads/EcoBusiness/Pylone.gif) no-repeat; text-indent:30px;}

CMS Made Simple Forums

Navigations Box - Text versetzen

Navigations Box - Text versetzen

Re: Navigations Box - Text versetzen

Re: Navigations Box - Text versetzen