nicht angemeldet
So da meld ich mich nochmal.
habe jetzt versucht ein css menu zu erstellen.
tu dir selbst einene gefallen, und verwende eine <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=unsortierte liste zur auszeichnung deines menüs>gibt es eine Möglichkeit das zu zentrieren?
http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align ist die gebräuchliche methode um text in einem block-element vertikal auszurichtenggf solltest du die grundlagen zumindest überfliegen ;)
btw: "rollovermenu" ist eine schlechte bezeichnung
was ist, wenns mal kein rollovermenu mehr ist? bezeichne dinge stehts nach ihrem generellen wesen, nicht nach ihrer derzeitigen funktion oder ihrem aussehen
eine gute id für ein menü ist imho "menu" oder "navigation", "nav" oder vergleichbares
du gibst die natürliche sprache deiner seite mit "cs" an, ist das absicht?
wenn ja, dann hast du einen rechtschreibfehler, biographie schreibt man im tschechischen mit f
Ohh nicht gesehen das die Lang falsch war.
Habe den Code ein wenig angepasst. Aber jetzt richtet er mir das Block element an der Tabelle mittig aus, und nicht wie gewollt, das div Objekt(sprich den Text oder Link) mittig am Block objekt.
Außerdem habe ich immer kleine weiße leerräume zwichen den einzelnen items der Tabelle. Kann man das auch umgehen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Rollover test</title>
<style type="text/css">
#menu a {height: 30px;
background: url("http://www.berrycline.com/test_01/Button.gif") 0px 0px no-repeat;
display: block;
font: bold 14px/1 sans-serif;
vertical-align:middle;
color:#FFFFFF;
vertical-align:bottom;
}
#menu a:hover {background-position: 0px -30px;}
#menu a:active {background-position: 0px -60px;}
</style>
<style type="text/css">
td { height:30px; width:125px;}
.oben { vertical-align:top; }
.mittig { vertical-align:middle; }
.unten { vertical-align:bottom; }
</style>
</head>
<body>
<table id="menu" align="left" border="0">
<td class="mittig"><a href="">Home</a></td>
<tr> </tr>
<td><a href="">Home</a></td>
</td>
</body>
</html>