Hello out there!
Hat dann aber den Nachteil, dass ich mit diesem kleinen
vertikalen Balken (links bei den aktiven Navigatiuons-Links),
den ich ja mir border realisiert habe,
nicht mehr an den ganz äusseren linken Rang gelange.
Glaub ich nicht.
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TEST</title>
<style type="text/css">
[code lang=css] #navigation {
list-style-type: none;
margin: 0 0 0 10px;
padding: 0;
}
#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
font-weight: bold;
margin: 0;
padding: 0 0 0 10px;
}
#navigation ul li {
border-left: 5px solid white;
font-weight: normal;
margin-left: -15px;
}
#navigation ul li#bar {
border-left: 5px solid red;
}
</style>
</head>
<body>
<ul id="navigation">
<li>foo
<ul>
<li id="bar">bar</li>
<li>baz</li>
</ul>
</li>
</ul>
</body>
</html>[/code]
Was schwierig werden könnte, sind die Unterstrichungen der Kategorien, da IEs
#navigation ul li:first-child {
border-top: 1px solid black;
}[/code]
nicht verstehen.
Ja, das eine ist ein Buchstabe, das andere ein Trennzeichen. Welches willst du? ;-)
Naja, ich finde das kürzere schöner.
Das ist dann wohl der Buchstabe.
Du willst der Optik wegen auf vernünftigen[tm] Quelltext verzichten? Hast du einen Rückfall? ;-)
Warum missbrauchst du dann eigentlich das griechische Iota und nicht das lateinische I?
.trennzeichen {
font-size: 0.8em;
padding: 1em;
position: relative;
top: -0.2em;
}
>
> Ich habe das gerade eben mal ausprobiert.
> Aber dieser etwas dickere Buchstabe gefällt mir doch ein
> bisschen besser, als dieses doch sehr dünne Trennzeichen.
Was hindert dich, dazu noch '`font-weight: bold`{:.language-css}' anzugeben?
See ya up the road,
Gunnar
--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)