Menüleiste, Zeilenumbruch vermeiden

Klaus2107

Hallo,

Meine Menüleiste oben ist zu breit.

Wie kann ich in der CSS den Abstand links und rechts vom Text (also den verlinkten Seitennamen) ändern, um Platz zu sparen, sodass mehr Seiten im Menü verlinkt werden können.

Da muss ja irgendwo ein padding definiert sein, aber welches?! :confused:

Vielen Dank

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

Whoppy

Padding ist schon richtig, aber ohne Link zum Blog schwer zu beantworten.

Klaus2107

Ich wollte gern ein Bild einfügen, aber das wird hier nicht unterstützt...

Es geht einfach um den Abstand zwischen zwei Menüpunkten oben in der Navigationsleiste...

Wie kann man den ändern?

Whoppy

Da du uns den Link zu deinem Blog nicht verrätst und auch nicht sagst welches Theme du benutzt rate ich jetzt mal.:-D

Es gibt bei dir ein div und das heißt "menu". Darin gibt es eine Liste.
Also sollte in der style.css etwas zu finden sein wie

PHP

#menu ul li {
padding:10px;
}

Aber wie gesagt, wir wissen nicht wie dein Theme aussieht, also ist die Frage so nicht vollständig zu beantworten.

Gruß Whoppy

Klaus2107

Hallo,

Danke für die Mühe, naja ich benutze WP nicht als Blog, sondern als Homepage. Und die ist noch lange nicht fertig ;-)
Da möchte ich es noch nicht weitersagen...

Wäre nett wenn mir trotzdem geholfen werden kann.
Meinen Style habe ich übrigens mit Artisteer erstellt.

Ich stell mal die CSS (gekürzt wegen Größe!) rein und (wie ich gerade sehe) hänge ich mal einen Screen an...

Das rote Kästchen ist der Platz, der mich stört...

Ich habe schon versucht an besagter Stelle den Tag einzufügen, geändert hatte es leider noch nix...

Whoppy

Guck dir mal folgende Zeile an:

PHP

.menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

Änder dort mal die padding Werte auf z.B. padding: 10px 10px 10px 30px;

Gruß Whoppy

P.S. Schau dir mal die Web Developer Toolbar für Firefox an, damit kannst du solche Sachen sehr leicht herausfinden.

Klaus2107

Leider keine Veränderung, vielleciht woanders? Wo kommt eigentlich der Strich her " l " der immer zwischen den links steht, vielleicht wird der wo definiert?

Whoppy

Poste mal den Code deiner header.php

Klaus2107

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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<?php wp_head(); ?>
</head>
<body>
<div class="PageBackgroundGradient"></div>
<div class="Main">
<div class="Sheet">
  <div class="Sheet-body">
<div class="nav">
<ul class="menu">
<?php art_menu_items(false); ?>
</ul>
<div class="l"></div><div class="r"><div></div></div></div><div class="Header">
  <div>
<table class="logo">
<tr><td class="logo-name"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></td></tr>
<tr><td class="logo-text"><?php bloginfo('description'); ?></td></tr>
</table>
  </div>
</div>

Alles anzeigen

Whoppy

Das Menü wird hier erzeugt:

PHP

<?php art_menu_items(false); ?>

Dort werden auch wahrscheinlich deine Schrägstriche hinzugefügt.
Lass dir mal den Quelltext im Browser anzeigen und poste die Stelle mit dem Menü.

Klaus2107

PHP

<div class="nav">
<ul class="menu">
<li><a class="active" href="http://www.domain.tld"><span><span>home</span></span></a></li><li class="page_item page-item-35"><a href="http://www.domain.tld/anmelden/" title="ANMELDEN"><span><span>ANMELDEN</span></span></a></li>
<li class="page_item page-item-40"><a href="http://www.domain.tld/seite1/" title="seite1"><span><span>seite1</span></span></a></li>
<li class="page_item page-item-66"><a href="http://www.domain.tld/willkommen/" title="willkommen"><span><span>willkommen</span></span></a></li>
<li class="page_item page-item-11"><a href="http://www.domain.tld/wir-uber-uns/" title="Wir Über Uns"><span><span>Wir Über Uns</span></span></a></li>
<li class="page_item page-item-27"><a href="http://www.domain.tld/agb/" title="AGB"><span><span>AGB</span></span></a></li>
<li class="page_item page-item-37"><a href="http://www.domain.tld/faq/" title="FAQ"><span><span>FAQ</span></span></a></li>
<li class="page_item page-item-14"><a href="http://www.domain.tld/hilfe/" title="hilfe"><span><span>hilfe</span></span></a></li>
<li class="page_item page-item-43"><a href="http://www.domain.tld/BisBald/" title="BisBald"><span><span>BisBald</span></span></a></li>
<li class="page_item page-item-3"><a href="http://www.domain.tld/impressum/" title="Impressum"><span><span>Impressum</span></span></a></li>
</ul>
<div class="l"></div><div class="r"><div></div></div></div><div class="Header">
  <div>
  </div>
</div>

Alles anzeigen

Mh... Nur wo holt sich das Script den Kram jetze her? :confused:

Klaus2107

Keiner ne Ahnung wo mein Style sich den Müll herholt :mrgreen:?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Menüleiste, Zeilenumbruch vermeiden

Jetzt mitmachen!

Benutzer online in diesem Thema