Navigationsleiste & Seiten

Rufus

Schönen Abend an euch,

nachdem ich mich hier schon umgesehen habe, und auch die FAQs genießen durfte bleibt bei mir allerdings noch immer eine wichtige Frage offen.

Warum seh ich meine Navigationsleiste nicht? Unter dem Headerbild ist eine graue Leiste in der eigentlich die Navigation angezeigt werden soll. Aber egal welche Seiten ich anlege, nie ist sie da. Sprich: Home, Work, About, ... etc
synapsen.at - Wir Ã¼bertragen Erregung

Ich wäre euch für einen Tipp sehr Dankbar.
Beste Grüße,
Rufus.

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

GIGALinux

Zitat von Rufus

Schönen Abend an euch,
nachdem ich mich hier schon umgesehen habe, und auch die FAQs genießen durfte bleibt bei mir allerdings noch immer eine wichtige Frage offen.
Warum seh ich meine Navigationsleiste nicht? Unter dem Headerbild ist eine graue Leiste in der eigentlich die Navigation angezeigt werden soll. Aber egal welche Seiten ich anlege, nie ist sie da. Sprich: Home, Work, About, ... etc
synapsen.at - Wir Ã¼bertragen Erregung
Ich wäre euch für einen Tipp sehr Dankbar.
Beste Grüße,
Rufus.

1. Das ist ein WordPress MU Forum, d.h. kein Support für Themes.
2. Die Navigation ist, du hast bestimmt am CSS gespielt, die navi ist einfach ins weiße geruscht.

Gruß Dennis

Rufus

1.) Dann sag ich mal Danke fürs verschieben.

2.) Ich hab Dank des Forums am CSS gespielt und deswegen gerade eben die Nav Leiste erstellt, Farbe etc ist mir ja klar. Allerdings lässt sie sich nicht nach oben in die graue Leiste heben, margin verschieben, links und rechts ok, aber ich bekomms keinen pixel weiter rauf?

Jedenfalls Merci.

GIGALinux

Probier mal es mit Minuswerten ;)

Rufus

Alles schon versucht, so siehts momentan aus:

Zitat

#supernav {
font : bold 10px/10px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
font-weight : bold;
top : 181px;
left : 50%;
width : 920px;
[COLOR=Red]margin : -800 0 0 -100px; [COLOR=Black][size=8]egal was ich da einsetze, die Höhe verändert sich nicht[/SIZE][/COLOR][/COLOR]
padding : 5px 9px;
text-align : left;
display : block;
z-index : 99;

Alles anzeigen

Rufus

Kann mir vielleicht jemand weiterhelfen und sagen, wie ich meine Navi - Menü Leiste 20 pixel, pi mal daumen, in die Höhe schieben kann?

LG
Ruf

Rufus

hey hey;

bitte, hat jemand ne ahnung, wie ich meine menüleiste:

nach oben verschieben kann? ich will diese texthyperlinks einfach nur 20 pixel weiter raufbekommen. synapsen.at - Wir Ã¼bertragen Erregung
:confused::confused::confused:

alles liebe,
rufus.

Rufus

vielleicht kann man sich das so besser vorstellen:

will aber dass es so aussieht wie beim unteren bild.
die nav leiste in der grauen navbar.
wie bekomm ich die darein?

Doc

Wichtig ist, dass der navi-Container <div ....> </div> ZUERST geladen wird, sprich im code VOR dem header Bild geladen wird.

Oder Du packst Bild & Navi in den selben Container und ordnest dem Navi noch nen Sub-Container zu (man kann die divs ja bleibig schachteln - kann ne ganz schöne Schlacht sein :-))

Dann ändern sich nämlich die margin Bezugsrahmen, so dass auch Deine geänderten css Werte wieder Wirkung zeigen.

Probiers mal aus.

Doc

Rufus

Erstmal Dankeschön.

Aber jetzt ist die Menüleiste links oben in der Ecke und ich kann sie nicht bewegen.

header sieht so aus:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />


<meta name="keywords" content="Synapse, Synapsen, Daniel, Daniel Mekisch, Mekisch, Hirn, Kopf" />
<meta name="description" content="synapsen.at  -  Wir übertragen Erregung" />






<div>
    <ul id="supernav">
        <li class="page_item"><a href="http://www.synapsen.at/" title="go">home</a></li>
<li class="page_item"><a href="http://www.synapsen.at/?page_id=116" title="about us">about</a></li>        
<li class="page_item"><a href="http://www.synapsen.at/?page_id=117" title="contact us">contact</a></li>
        
        <li class="page_item"><a href="http://www.synapsen.at/?page_id=115" title="mhm...">intimate</a></li>


    </ul>


</div>




<title>synapsen.at  -  Wir übertragen Erregung
<?php bloginfo('name'); ?>
<?php wp_title(); ?>
</title>
<meta name="generator" content="WorldPress<?php bloginfo('version'); ?>" />
<style type="text/css" media="screen">@import url( <?php bloginfo('stylesheet_url'); ?> );</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<script language="javascript" src="<?php bloginfo('stylesheet_directory'); ?>/nicetitle.js"></script>
</head>
<body><div id="rap">


<h1 id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;"><a href="<?php bloginfo('url'); ?>">
  <?php bloginfo('name'); ?>
  </a></h1>
<!-- Create some pages in WP Admin, and put links here. (Ex: About, Photos, Contact etc) -->
<div id="navmenu"></div><div id="content">

Alles anzeigen

und so mein supernav im css. steht am ende:

PHP

#supernav {
           font : bold 11px/11px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
           font-weight : bold;
           top : 181px;
           left : 50%;
           width : 920px;
           margin : 200 200 200 350px;
           padding : 5px 9px;
           text-align : left;
           display : block;
           z-index : 99;
      }
     #supernav li {
           margin : 0;
           padding : 0;
           display : inline;
      }
      #supernav a {
    color: #DE3A3A;
    font-weight: bold;
    height: 19px;
    padding: 5px 16px;
    }


#supernav a:hover {
    color: #ffa500;
     text-decoration: none;
    font-weight: bold;
    }


#supernav a:active {
    color: #ffa500;
     text-decoration: none;
    font-weight: bold;
    }


#supernav .current_page_item a {
    color: #ffa500;
     text-decoration: none;
    font-weight: bold;
}

Alles anzeigen

wie kann ich denn jetzt die menübar in der position anpassen? denn über margin ists ihm egal, da kann ich reinschreiben was ich will.

Olafb

Das ist man grober Unfug was du da oben postest, deine navi gehört mindestens zwischen:

HTML

<div id="rap">


<h1 id="header"

Rufus

schon passiert, ändert trotzdem nichts an der problematik.

navi ist trotzdem nun oben im top, und nicht in der grauen navileiste unterm headerbild wo sie hingehört. .. ?!?!

Doc

... ja, und nun musst du natürlich die margins in der css neu ausprobieren. Am besten mal runter setzen auf kleine Werte und neu anfangen.

Schon gemacht?

Rufus

jap, schon versucht.

von -800 bis 800

keine änderung
lediglich die position der horizontalen lässt sich anpassen, die der vertikalen nicht.

jetzt hab ich was anderes ausprobiert.
wenn du es dir mal ansehen magst? :-D

irgendwie doppelt und alles schief :-(

synapsen.at - Wir Ã¼bertragen Erregung

Olafb

Zitat von Rufus

schon passiert, ändert trotzdem nichts an der problematik.
navi ist trotzdem nun oben im top, und nicht in der grauen navileiste unterm headerbild wo sie hingehört. .. ?!?!

Ein wenig Geduld wäre angebracht, wenn du's so gelassen hättst dann hätt ich jetzt nach der CSS geschaut, aber nu.... ;)

Rufus

Seit 2 Tagen versuch ich das hinzubekommen und ich hab schon nen hochroten Kopf und leicht platzende Adern im Gesicht. Das will und will einfach nicht werden.

Wenn ich wüsste jemand würde mir gezielt versuchen zu helfen, dann könnte ich sicherlich still sitzen. :)

Doc

Eine Möglichkeit sehe ich noch.

Warum nimmst Du IDs im CSS? Verwende doch eine Klasse. Mach aus den # einen Punkt und nenne id in class um.

Das hilft machmal Wunder.

Olafb

Du brauchst eigentlich nur die Hinweise hier befolgen, dann wird das schon. Alle Hinweise in dem Thread führen mehr oder weniger zum Ziel. Aber immer einer nach dem anderem....

so, nu noch mal bissel gelesen ;)

Versuch mal so:

PHP

<div id="rap">


<h1 id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;"><a href="<?php bloginfo('url'); ?>">
  <?php bloginfo('name'); ?>
  </a></h1>
<!-- Create some pages in WP Admin, and put links here. (Ex: About, Photos, Contact etc) -->


<!-- HIER JETZT DIE NAVI REIN, DEN KOMPLETTEN CODE -->


<div id="content">

Alles anzeigen

Olafb

Ah, jetzt kommts langsam :)

PHP

<div id="navmenu">
  <ul id="supernav">
    <li class="page_item"><a nicetitle="go" href="http://www.synapsen.at/">home</a></li>
    <li class="page_item"><a nicetitle="about us" href="http://www.synapsen.at/?page_id=116">about</a></li>        
    <li class="page_item"><a nicetitle="contact us" href="http://www.synapsen.at/?page_id=117">contact</a></li>
    <li class="page_item"><a nicetitle="mhm..." href="http://www.synapsen.at/?page_id=115">intimate</a></li>
  </ul>
</div>
<div id="content">

Danach noch bisserl CSS, mach das erst mal...

Olafb

Als nächstes das in der CSS ändern:

PHP

#supernav {
           font : bold 11px/11px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
           text-align : left;
      }

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navigationsleiste & Seiten

Jetzt mitmachen!