nicht angemeldet
3-D Rahmen um Menüfelder, sollen dort aber nicht sein
Ich baue an einem Menü, doch ich habe glaube ich einen 3-D Rahmen um meine einzelnen Felder. Ich möchte dort aber keinen haben, aber was ich falsch gemacht habe, verstehe ich auch nicht.
Man sieht ihn wenn man LINKS den scharzen linken Rahmen ansieht, es sind irgendwie Schrägen, so wie 3-D
Wäre toll, wenn jemand sich das mal ansehen könnte!
Salvatore
<!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>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></meta>
<title>test</title>
<style type="text/css" media="screen">
#menu {
width: 200px;
background: #eee;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px 0 0 10px;
border-style: solid;
border-color: #FFF #FFF #FFF #000;
margin: 0;
padding: 2px 3px;
TEXT-DECORATION: none;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>
</div>
</body>
</html>
-
Hi,
Ich baue an einem Menü, doch ich habe glaube ich einen 3-D Rahmen um meine einzelnen Felder. Ich möchte dort aber keinen haben, aber was ich falsch gemacht habe, verstehe ich auch nicht.
Du hast oben einen 1px breiten Rahmen in Weiß angegeben, und links einen 10px breiten in Schwarz.
Und dort, wo diese beiden Linien im rechten Winkel aufeinander stoßen, entsteht eine diagonale Verbindungslinie, wie bei jedem Bilderrahmen auch.Das ist der gleiche Effekt, wie du ihn auch im SELFHTML-Beispiel (deutlicher) beobachten kannst, http://de.selfhtml.org/css/eigenschaften/anzeige/border_color.htm
Unterhalb/links dieser Linie ist Schwarz als Farbe angegeben, oberhalb/rechts davon Weiß. Dort, wo beide Flächen zusammentreffen, „mischt“ der Browser in deinem Beispiel die Farben, um zwei Farben in einer 1px hohen Linie darstellen zu können.
Willst du überhaupt einen weißen Rahmen oben? Es macht eher den Eindruck, als wolltest du damit nur einen Abstand zwischen den Menüpunkten erzeugen.
Wenn das der Fall ist, dann nutze keinen Rahmen, sondern die für Außenabstand vorgesehene Eigenschaft, margin.MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right? -
Hi,
Ich verstehe dich nicht ganz was du meinst, was möchtest du denn genau?