CSS Stylesheet |
---|
#whatIs h4 |
HTML |
<style> .tapProperty { width : 32px; height : 32px; float : left; margin-right : 10px; margin-left : 5px; } #polyglot padding-left: 45px; } #is-polyglot { background : url("whatistapestry.data/Chat.png") no-repeat scroll left top transparent; } #injection#is-injection { background : url("whatistapestry.data/injection.png") no-repeat scroll left top transparent; } #productive#is-productive { background : url("whatistapestry.data/Refresh.png") no-repeat scroll left top transparent; } #testable#is-testable { background : url("whatistapestry.data/accepted.png") no-repeat scroll left top transparent; } #fast#is-fast { background : url("whatistapestry.data/fast.png") no-repeat scroll left top transparent; } #reporting#is-reporting { background : url("whatistapestry.data/bug.png") no-repeat scroll left top transparent; } #scalable#is-scalable { background : url("whatistapestry.data/Web.png") no-repeat scroll left top transparent; } #modular#is-modular { background : url("whatistapestry.data/plugin.png") no-repeat scroll left top transparent; } #whatIs { font-size: 95%; width : 650px; position : relative; overflow: hidden; height : 625px; } #whatIs p { margin-left: 10px; margin-right: 10px; } #whatIs h3 { margin-top: 0px; } #polyglotBox { position : absolute; left : 5px; top : 0; width : 325px; } #injectionBox { position : absolute; left : 330px; top : 0; width : 325px; } #productiveBox { position : absolute; left : 5px; top : 130px; width : 325px; } #scalableBox { position : absolute; left : 330px; top : 130px; width : 325px; } #reportingBox { position : absolute; left : 5px; top : 260px; width : 325px; } #testableBox { position : absolute; left : 330px; top : 260px; width : 325px; } #fastBox { position : absolute; left : 5px; top : 420px; width : 325px; } #modularBox { position : absolute; left : 330px; top : 420px; width : 325px; } #question h2 { margin-top: 15px; margin-bottom : 15px; } </style> |
...
Div | ||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||||||||
What is Tapestry?
|
...