User:Peter coxhead/Test/Clade

This page tests {{Barlabel}}, a template that I work on from time to time.

Tests of Barlabel

Height = (2.5 * size)em; Position = (pos * 2.5 - 2)em. This assumes that browsers lay out tables where line-height:100% is set with 2.5em per row, which tests show to be ok for those browsers I've tried. But what about old versions of IE?

Test 1

GM A1 A2 A3 M C1 C2 G1  G2 G3

This text should be more-or-less opposite A3 This text should be more-or-less opposite a point between G1 and G2

Test 2

GM A1 A2 A3 M C1 C2 G1  G2

Green group Purple group

Test 3

embryophytes polysporangiophytes tracheophytes pre-tracheophytes hornworts mosses liverworts

"bryophytes"

Example3

The brackets can overlap, but the vertical bar can only be of one colour:

family child child child child child child child child child child child child child child child child child

Purple group Red group Start End

Petter's Example

Tetrapodomorpha  Kenichthys  Rhizodontida  Barameda Gooloogongia Gogonasus Osteolepis Megalichthys Cladarosymblema Ectosteorhachis Medoevia Koharolepis Canowindra Beelarongia Gyroptychius  Tristichopteridae  Eusthenodon Mandageria Cabonnichthys Platycephalichthys Jarvikina Eusthenopteron Tristichopterus Panderichthys  Tetrapoda  Acanthostega Ichthyostega

"Osteolepiforms"

Manual fix for browser difference

The manually constructed cladogram below appears to look the same in both groups of browsers (i.e. those like Safari/Opera/Chrome and those like Firefox/IE). The problem appeared to be only how to automate this: it requires the total number of leaf nodes in each child clade to be known in advance of constructing the hidden table cells, which would require two passes through the cladogram, once to count leaf nodes and once to construct the hidden table. I don't know how to do this.

label1	label2  child1    label3  child2
label4	child3

However, I have recently discovered that more complex cladograms, such as the one below, look the same in Safari/Opera/Chrome and in Firefox + IE7/IE8, but NOT in IE9. So it looks as if browser differences can't be removed without detecting which browser it is. (Private note: factor = 1.58 rather than 1.5)

label0	label1   label2  child1    label3  child2    label3a  child2a    label3b  child2b    label3c  child2c      label4   label2  child1    label3  child2