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
|
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
|
Green group
Purple group |
Test 3
|
"bryophytes" |
Example3
The brackets can overlap, but the vertical bar can only be of one colour:
|
Purple group
Red group
Start
End |
Petter's Example
"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 |
| ||||||
| 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 |
| |||||||||||||||||||||||||||
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.