Forum-Menü umordnen und zentrieren - wie ?

[logen]

Hat sich erledigt. ^^

[logen]

Okay, hat sich doch nicht erledigt. Ich habe zwar die Grafiken eingesetzt, aber jetzt führt jeder Menülink zur Indexseite, was ja irgendwie doch ein bisschen blöd ist.

need help

[Lighty]

Hallo logen !

Du musst die Zeilen wie im folgenden Beispiel ändern !

Code: Alles auswählen

        <li><a href="$_cfg[SITE]/index.php?$_sess[url]"><#lng_menu_index#></a></li>

Code: Alles auswählen

        <li><a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="HIER DIE BILDADRESSE EINTRAGEN" alt="" /></a></li>

[logen]

Hey Lighty.

Also ich habe nun folgenden Code bei dem index Button:

Code: Alles auswählen

<li><a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/forum.png" alt="" /a></li>

Bei den übrigen habe ich lediglich

Code: Alles auswählen

<li></li>

weggelassen.

Allerdings sieht es jetzt nicht mehr so aus, wie es aussehen sollte und wie es vorher aussah:



Die unteren Buttons sind richtig positioniert. Aber zwischen dem Board und dem ausgestanzten Balken gehört kein freier Platz, sodass die beiden miteinander verbunden sind.

Der Rahmen um das Logo sollte dann auch eigentlich den ausgestanzten Balken berühren.

[Lighty]

Also ich habe nun folgenden Code bei dem index Button:

Code: Alles auswählen

<li><a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/forum.png" alt="" /a></li>

... ok, da ist schon mal ein Fehler drin !

Code: Alles auswählen

<li><a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/forum.png" alt="" /></a></li>

... wie sieht es aus, wenn du das korrigiert hast !?

[logen]

[Lighty]

... ok, und jetzt sollen alle nebeneinander !?

[logen]

Genau. Und zwar so, dass zwischen den Buttons kein Leerzeichen ist. Also direkt nebeneinander.

[logen]

Okay, jetzt hab ich sie nebeneinander. Allerdings noch nicht direkt nebeneinander:

[Lighty]

... was hast du denn jetzt verändert !?

Kannst du den Quelltext der "head_menu" hier mal komplett einstellen !?

[logen]

Code: Alles auswählen

<div class="space" id="header">

<if( !empty($_style->cfg['logo']) )>
<a href="http://sxe.bplaced.net/"><img src="{$_style->cfg['logo']}" alt="$_config[TITEL_KURZ]" /></a>
<else>
<h1>$_config[TITEL_KURZ]</h1>
</if>

</div>

<div id="menu" class="clearfix">
<ul>

<if( !empty($_style->login) )>
<a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/forum.png" alt="" /></a>
<a href="$_cfg[SITE]/user.php?$_sess[url]"><img src="{$_style->cfg['images']}/profil.png" alt="" /></a>
<else>
<a href="$_cfg[SITE]/signup.php?$_sess[url]"><img src="http://sxe.bplaced.net/images/default/newtopic.png"><#lng_menu_signup#></a>
</if>

<a href="$_cfg[SITE]/members.php?$_sess[url]"><img src="{$_style->cfg['images']}/userliste.png" alt= /></a>
<a href="$_cfg[SITE]/team.php?$_sess[url]"><img src="{$_style->cfg['images']}/team.png" alt="" /></a>
<a href="$_cfg[SITE]/search.php?$_sess[url]"><img src="{$_style->cfg['images']}/suche.png" alt="" /></a>
<if( !empty($_style->admin) )>
<a href="$_cfg[SITE]/admin/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/admin.png" alt="" /></a>
</if>

</ul>

</div>
<div class="space" style="height: 0px; clear: both;"> </div>

[Lighty]

... das <li> </li> muss rein !

Line 38, Column 44: document type does not allow element "a" here; assuming missing "li" start-tag

<ul>
<li>
.
.
.
</li>
</ul>

Der Freiraum kommt wohl aus der *.css !
Da wird links und rechts ein margin gesetzt !

margin: 4px 10px 0 10px;

... versuche mal margin: 4px 0 0 0;
( #menu a:link, #menu a:visited )

[logen]

Okay, das <li></li> hab ich wieder drin und habs in der CSS geändert, hat sich auch etwas geändert, jetzt ist der Abstand nicht mehr so groß wie vorher zwischen den Buttons. Ein kleiner Abstand ist aber immer noch da, den ich gern geschlossen hätte.

[logen]

haha, okay. Jetzt ist es perfekt.

Code: Alles auswählen

<div class="space" id="header">

<if( !empty($_style->cfg['logo']) )>
<a href="http://sxe.bplaced.net/"><img src="{$_style->cfg['logo']}" alt="$_config[TITEL_KURZ]" /></a>
<else>
<h1>$_config[TITEL_KURZ]</h1>
</if>

</div>
<li>
<div id="menu" class="clearfix">
<ul>

<if( !empty($_style->login) )>
<a href="$_cfg[SITE]/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/forum.png" alt="" /></a><a href="$_cfg[SITE]/user.php?$_sess[url]"><img src="{$_style->cfg['images']}/profil.png" alt="" /></a><else><a href="$_cfg[SITE]/signup.php?$_sess[url]"><img src="http://sxe.bplaced.net/images/default/newtopic.png"><#lng_menu_signup#></a>
</if><a href="$_cfg[SITE]/members.php?$_sess[url]"><img src="{$_style->cfg['images']}/userliste.png" alt= /></a><a href="$_cfg[SITE]/team.php?$_sess[url]"><img src="{$_style->cfg['images']}/team.png" alt="" /></a><a href="$_cfg[SITE]/search.php?$_sess[url]"><img src="{$_style->cfg['images']}/suche.png" alt="" /></a><if( !empty($_style->admin) )><a href="$_cfg[SITE]/admin/index.php?$_sess[url]"><img src="{$_style->cfg['images']}/admin.png" alt="" /></a>
</if>
</li>
</ul>

</div>
<div class="space" style="height: 0px; clear: both;"> </div>

[Lighty]

... jüpp, war ja schon besser - fehlte nur noch der Zeilenumbruch !

Der li-Start-Tag muss aber unter den ul-Start-Tag !