Hilfe bei Stylesheet

Lord-Knud

Cadet 1st Year
Registriert
Aug. 2007
Beiträge
8
Hallo Gemeinde,
ich möchte bei einem fertigem Theme (CMS) die Ausrichtung der Links ändern.

Der entsprechende Abschnitt in der style.css lautet so:

Code:
/******************************************** ********** ********** **********/
/**********    Secondary Links     ********** ********** ********** **********/
/******************************************** ********** ********** **********/
#navigation-secondary {
  border-bottom:1px solid #ffffff; 
  background-color:#333333;
  }

ul.secondary-links {
  margin:0;
  padding:0;
 }

ul.secondary-links li,
ul.secondary-links li a {
  padding-top: 0.4em;
  padding-bottom: 0.3em;
}

ul.secondary-links li {
  list-style:none;
  float:left;
  border-right: 1px solid #ffffff;
}

ul.secondary-links li a {
  padding-left: 20px;
  padding-right: 20px;
  color:#cccccc;
  text-decoration:none;
  background-color:#333333;
}

ul.secondary-links li a.active {
  color:#ffffff;
  font-weight:bold;
}

ul.secondary-links li a:hover {
  color:#ffffff;
}

Die Zeile wird z.Zt. linksbündig angezeigt und ich will sie rechtsbündig haben.
Ich habe es mit
text-align: right;
probiert, geht nicht.

In der template.php, wo die Anzeige aufgerufen wird, lautet der Code so:

PHP:
<div id="navigation-secondary">
        <?php 
          if (isset($secondary_links) && !empty($secondary_links)) {
            print theme('links', $secondary_links, array('class' => 'links secondary-links'));
          }
          else {
            print '<ul class="links secondary-links"><li style="border:none;">&nbsp;</li></ul>';
          }
        ?>
    <div style="clear:both;"></div>
  </div>


Hier kann ich die Ausrichtung nach meinem Wissen nicht ändern.

Kann mir jemand sagen, wie ich da vorgehen kann?
Danke
 
Das Ganze basiert auf DRUPAL - alles PHP.

Die secondary-links bilden eine Zeile unter dem Main-Menue und sind eben linksbündig ausgerichtet.

Der PHP-Code ist nicht in einer Tabelle eingefügt, sonst könnte ich da ja ansetzen.

Die Seite habe ich eben mal hier online gestellt, damit du dir ein Bild machen kannst.
Die secondary links sind die "AGB", "Kontakt" usw.
 
Zuletzt bearbeitet:
Du möchtest also die Zeile mit dem untergeordneten Menü rechtsbündig haben? Dann gib ul.secondary-links li mal die Eigenschaft float: right statt left.

Nebenbei: Ich finde die einheitliche Anordnung funktionell gesehen sehr viel besser als wenn das obergeordnete Menü links- und das untergeordnete Menü rechtsbündig ist. Da entsteht doch ein sehr viel größer Mausradius in der Navigation.
 
Danke für den Tip.

Komischerweise führt das bei mir zu Hause auf localhost dazu, dass das Menue rechtsbündig angezeigt wird.
Lade ich die stylesheet hoch, ändert sich aber nichts.
 
Das liegt vielleicht am Cache des Browsers. Lösch den mal, dann muss er die Dokumente ja komplett neu laden und übernimmt alle Änderungen.
 
Ne, daran liegt`s nicht.

Auch die Anordnung im Header sieht nicht gleich aus. Logo sollte rechtsbündig - Titel sollte linksbündig sein.
Auf localhost klappt das auch alles - online jedoch nicht.
Dateien sind identische.
Ne Idee, woran das liegen könnte?
 
Zurück
Oben