lücke zwischen seiten in der navi

nokie

hi ich habe mal ne frage, ist es möglich das in der navigationsleiste wo die seiten angezeigt werden, die eine hälfte links und die andere hälfte rechts angeordnet wird, so das eine lücke dazischen entsteht ?
in der header.php konnte ich lediglich diesen script finden der die seiten nebeneinander anordnet.

Code

wp_list_pages('sort_column=menu_order&depth=1&title_li=');

leider habe ich kaum ahnung von php und habe keine ahnung wie ich das modifizieren sollte damit es meiner anordnung gerecht wird :neutral: kann mir jemand helfen ?

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

koslowski

Moin,

Zitat von nokie

leider habe ich kaum ahnung von php und habe keine ahnung wie ich das modifizieren sollte damit es meiner anordnung gerecht wird :neutral: kann mir jemand helfen ?

ich auch nicht! :)

mmmh, dann machst du am besten zwei ungeordn. Listen und floatest die unterschiedlich.
Du brauchst also vor allen Dingen CSS dazu.
Ich hab dir mal rasch nen kleinen Testcase gebaut (bin von einer horizontalen navi ausgegangen):

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Navi</title>  
<style type="text/css">
*  {
        padding:0;
    margin:0;
}
body  {
        background-color:#696969;
    font:100%/1.5 verdana, arial, helvetica, sans-serif;
}
#umhang  {
        width:900px;
    background-color:#dcdcdc;
    margin:4em auto;
}
#kopf  {
        width:900px;
        color:#f5f5f5;
    background-color:green;
}
#textbereich  {
    clear:both;
    width:100%;
}
p  {
    padding:1em;
}
#topnavi  {
    float:left;
    width:900px;
    background-color:yellow;
}
li  {
    list-style-type:none;
}
#navilinks {
    float:left;
    width:250px;
    margin-left:2em;
}
   
#navilinks li  {
    float:left;
    
}
#navirechts  {
    float:right;
    width:250px;
}
#navirechts li  {
    float:left;
    
}
a  {
    display:block;
    padding:0.1em 0.8em;
}
a:hover  {
    color:#fff;
    background:red;
}


</style>
<!--[if lte IE 8]>
  <style type="text/css">
 * html #navilinks  {
    display:inline;
} 
* html #topnavi li a  {
    float:left;
    height:1px;
}
  </style>
<![endif]-->  
</head>
<body>
<div id="umhang">


<div id="kopf">
  <h1>Überschrift</h1>
</div><!-- Ende #kopf-->


<div id="topnavi">
<ul id="navilinks">
      <li id="navi02"><a href="#">Link 1</a></li>
      <li id="navi03"><a href="#">Link 2</a></li>
      <li id="navi04"><a href="#">Link 3</a></li>
</ul>
<ul id="navirechts">
      <li id="navi05"><a href="#">Link 4</a></li>
      <li id="navi06"><a href="#">Link 5</a></li>
      <li id="navi07"><a href="#">Link 6</a></li>
 </ul>
</div>
<div id="textbereich">
  <p>Seit zwei Jahren ist meine Arbeit in Düsseldorf. Meine Familie lebt dagegen in Hamburg. Und dazwischen ich, aber ganz cool. 
         Vollbremskombination aus Ampel oder Einfädeln oder beides auf einmal. Geht nur mit Tricks. Eben noch kurz auf die A 52. 
     Schon vielversprechend lebhaft. 
   </p>
</div><!-- Ende #textbereich -->
</div><!--Ende #umhang-->
   
</body>
</html>

Alles anzeigen

Die Anpassungen im Cond. Comm. sind für den IE6. ;)

Gruß
koslowski

nokie

Hey ich danke dir erstmal für deine Mühe,
habe grade leider nicht viel Zeit habe deinen Code aber mal schnell überflogen. Eine horizontale Anordnung war schon richtig, hätte ich vl. mit reinschreiben sollen.
Wenn ich es richtig gesehen habe müsste man bei deiner Variante die Links quasi selber eintragen und hätte wohl keine Möglichkeit mehr das neu erstellte Seiten dann mitangezeigt werden sonder auch manuell in den Code enigearbeitet werden müssen. Genau so etwas wollte ich nämlich vermeiden.
Ich erkläre mal eben worum es geht: Ich erstelle grade einen Reiseblog für jemanden der ein paar Jahre durch Afrika reisen wird und dort seine Berichte auf Deutsch und egnlisch posten möchte. Die Deutschen Kategorien des Blog´s sollen auf der linken Seite angeordnet werden, die englischen Kategorien auf der rechten Seite der navi. Ich möchte ihm aber nicht die Möglichkeit nehmen seine Seiten spontan mal umzubenennen oder auch mal ne neue zu erstellen ohne das ich den Script ändern muss. Daher dachte ich es gäbe vl. eine einfache php lösung für das Problem ??

Willkommen! Melden Sie sich an oder registrieren Sie sich.

lücke zwischen seiten in der navi

Jetzt mitmachen!