Navigations Box - Text versetzen

[skibby]

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

[mike-r]

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

[uniqu3]

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;}