wp_nav_menu Menü horizontal anzeigen

jim_panze

Hallo,

mein Theme unterstütz keine individuellen Menüs, deshalb hab ich gedacht ich versuch mit dem Einbau von wp_nav_menu.

Leider funktioniert das irgendwie nicht. Das Menü wird vertikal angezeigt und nicht horizontal.

So sieht meine header.php aus:

PHP

<body>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-jpeg"></div>


</div>


<div class="art-nav">


    <div class="l">
<?php wp_nav_menu( array('menu' => 'Topnavigation' )); ?>
</div>
    <div class="r"></div>
    <ul class="art-menu">    
    
    </ul>
</div>
<?php
if (function_exists('nggSlideshowWidget')) {
    echo " ";
    nggSlideshowWidget(1,978,504);
}
?>

Alles anzeigen

Kann mir jemand sagen wie ich es hinbekomme, dass das Menü horizontal ist?

Danke!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bluecafe

Das musst du über css steuern. Die li-tags vom Menu müssen ein float: left; oder display: inline kriegen.

Dieser schreckliche Quellcode von artisteer macht mir Gänsehaut .. ;)

jim_panze

Danke für deine Hilfe!

Leider hat beides nicht funktioniert, ich habs hier eingebaut:

PHP

/* menu structure */


.art-menu
{
    padding: 0px 0px 0px 0px;
}


.art-nav
{
    position: relative;
    height: 42px;
    z-index: 100;
}


.art-nav .l, .art-nav .r
{
    position: absolute;
    z-index: -1;
    top: 0;
    height: 42px;
    background-image: url('images/nav.png');
}


.art-nav .l
{
    left: 0;
    right:0px;
}


.art-nav .r
{
    right: 0;
    width: 974px;
    clip: rect(auto, auto, auto, 974px);
}




/* end Menu */

Alles anzeigen

bluecafe

Was hast du eingebaut? Da steht nichts von li-tags.
Versuch mal
.art-nav ul li { float: left; }

jim_panze

So, ich bin nach 3 Wochen endlich wieder zum testen gekommen! Und es hat Funktioniert, meine Menü wird nun horizontal angezeigt!

Leider werden die einzelnen Menüpunkte direkt hintereinander "geklatscht".

Wie kann ich das ändern?
Ich hab folgenden Code eingefügt:

PHP

.art-nav ul li 
{ 
    margin: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background:none;
}

jim_panze

Kann mir keiner helfen?

mfitzen

CSS margin oder padding ist das Stichwort: http://de.html.net/tutorials/css/lesson10.php

jim_panze

Danke, so weit war ich auch schon, aber überall wo ich es eingefügt hab, hat es nichts verändert!?

mfitzen

Wo wurde was genau eingefügt? Am besten mit Link zum Blog, damit man sich auch mal live ansehen kann, was nicht funktioniert.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wp_nav_menu Menü horizontal anzeigen

Jetzt mitmachen!