zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Leidiges Thema: Text vertikal zentrieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.04.2009, 22:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.04.2009
Beiträge: 2
Stephan87 befindet sich auf einem aufstrebenden Ast
Standard Leidiges Thema: Text vertikal zentrieren?

Hallo,

Ich hab als Überschrifte für Menupunkte so ne Klasse:

Code:
.menudivisor {
	font-family: "Myriad Pro";
	font-size: 14px;
	width: 168px;
	background-image: url(/cakePHP/img/new/menudivisor.gif);
	height: 24px;
	display: Block;
	text-align: center;
	color: #000000;


}
Und das wiederrum ist einem Formular von mir so eingebunden:

[HTML]
<a href="javascript:void(0);" onClick="javascript:togglemenu('menu1');" class="menudivisor">Categories</a>
<div id="menu1" style="display:Block">
<!-- Menüelemente -->
</div>
[/HTML>

Das Problem ist, dass der Text in dieser Menüüberschrift nicht vertikal zentriert wird.
Die Eigenschaft vertical-align: middle funktioniert nicht.

Ich hab einiges gegooglet danach und das Problem mehrmals gefunden. Irgendwie wurde das dann aber immer ziemlich komisch gelöst. Ich bin Anfänger in CSS und hab die Lösungen nicht verstanden.

Wie macht ihr sowas? Und gibt es da nicht einfach eine genauso einfache Eigenschaft wie text-align?!

danke.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.04.2009, 10:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

vertical-align bezieht sich auf Inline-Elemente.

Besser wäre es auch, wenn du für eine Überschrift auch das <h1-6>-Element nutzt.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.04.2009, 11:41
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du kannst die line-height Eigenschaft verwenden, um Text in einem einzelnen Container, wie z.B. <hx></hx> vertikal mittig erscheinen zu lassen. Line-height sollte in diesem Fall der Höhe des Elternelements entsprechen.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #4 (permalink)  
Alt 20.04.2009, 13:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.04.2009
Beiträge: 2
Stephan87 befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank.
Mit Zitat antworten
  #5 (permalink)  
Alt 27.04.2009, 18:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 11.03.2009
Beiträge: 104
Lexodus befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Stephan87 Beitrag anzeigen
Vielen Dank.
Hast du das mit Line Height gelöst? Wie machst du das wenn du nen Div hast der Height:100% hat?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Auf-/Zuklappen mit JS crimi Javascript & Ajax 7 23.09.2008 17:27
Float hängt sich durch's padding durch. nick CSS 3 16.01.2008 20:24
Internet Explorer verschluckt Grafik Webentwickler Eric CSS 4 06.07.2007 15:53
Problem: Überschrift <hx> innerhalb von Abschnitt <p> Ares CSS 7 24.10.2006 14:30
Scrollbares Textfeld mit purem CSS Dancer CSS 6 24.01.2005 16:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:16 Uhr.