mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 27.04.2024 21:26 Benutzername: Passwort: Auto-Login

Thema: CSS: Navigation vom 20.12.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Navigation
Seite: Zurück  1, 2
Autor Nachricht
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst So 20.12.2009 20:28
Titel

Antworten mit Zitat Zum Seitenanfang

Carl Carlson hat geschrieben:
Warum soll ich das in der Navigation nicht benutzen?

Weil Text drin ist, der sich stark vergrößern lässt - eine gute Navi macht das mit, eine schlechte läuft über.

Carl Carlson hat geschrieben:
das "line-height" kann ich doch bei den Buttons benutzen, da es hier keinen Zeilenumbruch gibt, oder?

Im Prinzip schon, aber es ergibt keinen Sinn, denn mit vert. padding erreichst Du dasselbe. Zentrierung per line-height würde ich mir gar nicht erst angewöhnen, denn gerade bei Navigationen hat man oft ein Breitenproblem, und nutzt man ­ oder word-wrap (oder es hat schlicht & einfach doch mal ein Link mehrere Wörter), zeigen sich die krassen Nachteile der line-height-Methode.

Und falls es doch mal aus irgendeinem Grunde height sein muss, empfehle ich, die vert. Ausrichtung per padding zu erzielen: top wie benötigt und bottom auf Null (wird ja durch height erreicht). Und natürlich ist height in em immer besser als in px.
  View user's profile Private Nachricht senden
Carl Carlson
Threadersteller

Dabei seit: 19.04.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 20.12.2009 22:52
Titel

Antworten mit Zitat Zum Seitenanfang

Danke nochmal. Ich hab jetzt einfach alle Größen in der "#navigation" auf em umgestellt. Ich hoffe, das ist so richtig:

Code:
#navigation {
   background-color: #191919;
   height: 1.8em;
}
#navigation ul li a{
   padding-top: 0.3em;
   padding-bottom: 0.5em;
   text-align: center;
   color:#fff;
   width: 5em;
   float: left;
}
  View user's profile Private Nachricht senden
Anzeige
Anzeige
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst So 20.12.2009 23:14
Titel

Antworten mit Zitat Zum Seitenanfang

Kann man so machen (ich würde allerdings li mit width floaten und a display: block; geben), aber height brauchst Du nicht (und wenn, bekommt sie a, aber nicht die anderen Elemente, denn diese passen sich eh a an).

Ich poste Dir mal einen Link auf ein ausführliches Tutorial zu Navigationen: http://xhtmlforum.de/40267-faq-h-ufig-gestellte-fragen-und.html#post296439
  View user's profile Private Nachricht senden
 
Ähnliche Themen Navigation - IE6 + 7
[PHP, XML] Navigation...
Navigation PHP
navigation
Navigation mit PHP
CSS Navigation
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.