Jonathan: Gitternetzlinien zwischen postings

Beitrag lesen

Hallo,

bei großen Threads finde ich es manchmal schwierig zu sehen, wer auf wen geantwortet hat. Deshalb hab ich mir ein kleines CSS gebastelt, dass wie in einem Treeview so Linien zwischen den Postings anzeigt.

  
#root ul ul {padding-left:2em;overflow:hidden;}  
#root ul ul li:before{content:' ';font-size:0;vertical-align:bottom;padding-left:20px;padding-top:990px;top:-1000px;position:relative;background:url(http://home.arcor.de/jonha/line.png) bottom right no-repeat;}  
.posting *{position:relative;z-index:10000;background:white;}  
#root li {overflow:hidden;}  
#root li + li {overflow:visible;}  
.active .posting {background-color:inherit;}  
.active .posting * {background-color:inherit;}  
a img {vertical-align:bottom;}  

Funktioniert anscheinend nur im Firefox und ich bin mir nicht sicher, ob alles darin wirklich nötig oder valide ist. Jedenfalls viel Spaß damit. Vielleicht kann es ja einer aufräumen, sodass es auch in anderen Browsern geht.

Jonathan