klaus35: Vertikales Anpassen der Schrift

SELF-Forum

Vertikales Anpassen der Schrift

klaus35
– Informationen zu den Bewertungsregeln

Hallo liebe Leute!

Ich habe folgendes Problem. Ich möchte in diesem Menü die Schrift vertikal anpassen, so das diese mittig im Block-Element sitzt. Leider gelingt mir das mit vertical-align:middle nicht. Hat jemand eine Lösung? Vielen Dank.

<!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">  
	<head>  
		<title></title>  
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>  
	  
	<style type="text/css">  
			#navcontainer ul li  
			{  
			list-style-type: none;  
			padding: 0;  
			margin: 0;  
			display: block;  
			float: left;  
			background: url("http://img31.imageshack.us/img31/5875/navbarbghover.png") repeat-x 40px;  
			font:18px "Arial", sans-serif;  
			font-weight:bold;  
			text-align: center;  
			}  
  
			#navcontainer a  
			{  
			text-decoration: none;  
			display: block;  
			height: 40px;  
			border-top: 1px solid #A8B090;  
			border-bottom: 1px solid #A8B090;  
			border-left: 1px solid #A8B090;  
			border-right: 1px solid #A8B090;  
			white-space:nowrap;  
			color:#ffffff;  
			}  
  
			#navcontainer li#active { background: url("http://img33.imageshack.us/img33/8237/navbarbg.png") repeat-x 40px; }  
			#navcontainer a:hover { background: url("http://img33.imageshack.us/img33/8237/navbarbg.png") repeat-x 40px; }  
  
			.kurz{  
			width: 120px;  
			}  
			.lang{  
			width: 184px;  
			}  
	</style>  
	</head>  
	<body>  
		<div id="navcontainer">  
		<ul id="navlist">  
		<li id="active"><a href="#" class="kurz" id="current">Home</a></li>  
		<li><a href="#" class="kurz">Praxis</a></li>  
		<li><a href="#" class="lang">Behandlung</a></li>  
		<li><a href="#" class="lang">Ratgeber Zähne</a></li>  
		<li><a href="#" class="lang">Für Überweiser</a></li>  
		<li><a href="#" class="kurz">Aktuelles</a></li>  
		<li><a href="#" class="kurz">Kontakt</a></li></ul>  
		</div>  
	</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Vertikales Anpassen der Schrift

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Ich möchte in diesem Menü die Schrift vertikal anpassen, so das diese mittig im Block-Element sitzt. Leider gelingt mir das mit vertical-align:middle nicht. Hat jemand eine Lösung?

    display:table-cell
    sollte deinem Element das gewünschte vertical-align Verhalten beibringen.

    However, für deine Zwecke zielführender wäre schlicht das anpassen von line-height.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln