|
|||
Text mittig einer Zeile
Hallo,
Ich bastel mir gerade eine Webseite und irgendwie harperters bei der Navigation! Dort will ich den Text vertikal mittig einer Div Box haben, leider nimmt der weder der IE noch Moz "vertical-align: middle;" an. Beim IE steht am oberen Rand und beim Moz am unteren! Jemand eine Ahnung? CSS Code der NaviBox PHP-Code:
Ach ja und weiß jemand wie ich nur "Kontakt" rechtsbündig bekomme! Gruss Mathis Geändert von Sihtam (22.04.2008 um 18:35 Uhr) |
Sponsored Links |
|
|||
vertical-align funktioniert nur bei inline-Elementen. Versuch es mal mit line-height. Ich sehe ja gerade, du hast ein h2-Tag genommen? Warum das denn? Sowas macht man über eine Liste (ul li...)
Ansonsten, auf die Schnelle: h2.navi { line-height:22px; margin:0; padding:0; word-spacing:20px; } Geändert von cgdesign (22.04.2008 um 18:52 Uhr) |
Sponsored Links |
|
|||
Zitat:
Ah okay ich les gerade valgin läßt sich nur bei inline elementen anwenden! http://www.css4you.de/Texteigenschaf...cal-align.html Wenn ich ul, li an wende ensteht aber doch ein liste und ich will die navigations nebeneinander haben! |
|
|||
Geht ganz simpel....
Code:
<ul id="navlist"> <li><a href="#">Vita</a></li> <li><a href="#">Referenzen</a></li> <li><a href="#">Kontakt</a></li> </ul> #navlist li { display: inline; list-style-type: none; padding-right: 20px; } |
|
|||
habs nun auch mal direkt ins h2.navi eingetragen, da klappts nun!
kann man das h2 also quasi auch als box sehen?! |
|
|||
Zitat:
|
|
|||
Das geht ähnlich einfach, mit einer Liste:
Code:
<ul id="navlist"> <li><a href="#">Vita</a></li> <li><a href="#">Referenzen</a></li> <li class="rechts"><a href="#">Kontakt</a></li> </ul> CSS: <style type="text/css"> #navlist li { float: left; list-style-type: none; padding-right: 20px; } #navlist li.rechts { text-align: right; float: none; } </style> |
|
|||
Okay, sieht plausiebel aus werd ich mal direkt Testen!
Die | am besten nun einfach mit als extra listen element aufführen oder? Mit list-style-type gehts ja nicht und wenn ja würde dann ja auch beim ersten Punkt ein aufzählungszeichen vor stehen! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |