Gunnar Bittersmann: umgekehrtes Noscript

Beitrag lesen

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)