User:Flashjay/templates/z-index test01: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div style="position:relative; border:1px solid red; | |||
<div> | |||
<input type="checkbox" class="sheet-block-switch" name="attr_block_switch" value="1"> | |||
<div class="sheet-block-a"> | |||
Lorem ipsum dolor sit amet | |||
</div> | |||
<div class="sheet-block-b"> | |||
consectetur adipiscing elit | |||
</div> | |||
</div> | |||
<div style="position:relative; border:1px solid red; height:200px; padding: 10px"> | |||
<div style="position:absolute; top:50px; left:50px; width:200px; height:100px; background-color:blue; border:2px solid orange"></div> | <div style="position:absolute; top:50px; left:50px; width:200px; height:100px; background-color:blue; border:2px solid orange"></div> | ||
</div> | </div> | ||
| Line 9: | Line 26: | ||
<div id="container" style="position: relative; height: 100%; width: auto; margin-left: auto; margin-right: auto;"> | |||
<div id="container" style="position: relative; | <div id="seq01" style="position: absolute; width: 100%; height: 100%;"> | ||
<div id="seq01" style="position: absolute;"> | |||
{| style="width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0px 0px; border: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;" | {| style="width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0px 0px; border: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;" | ||
|- style="height: 30px; font-size: 1.2em; background-color: black; color: white;" | |- style="height: 30px; font-size: 1.2em; background-color: black; color: white;" | ||
| Line 52: | Line 68: | ||
</div> | </div> | ||
<div id="seq02" style="position: absolute; margin-top: 100px;"> | <div id="seq02" style="position: absolute; margin-top: 100px; width: 100%; height: 100%;"> | ||
{| style="width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0px 0px; border: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;" | {| style="width: 100%; margin-left: auto; margin-right: auto; border-spacing: 0px 0px; border: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;" | ||
|- style="height: 30px; font-size: 1.2em; background-color: black; color: white;" | |- style="height: 30px; font-size: 1.2em; background-color: black; color: white;" | ||
Latest revision as of 10:23, 5 September 2021
<input type="checkbox" class="sheet-block-switch" name="attr_block_switch" value="1">
Lorem ipsum dolor sit amet
consectetur adipiscing elit
| [no title indexed] | Seq: 1 |
| Superman / cover / 16 page | |
| Script: ? | |
| Pencils: Ross Andru | |
| Inks: Dick Giordano | |
| Colors: ? | |
| Letters: ? | |
| Job Number: ? | |
| First Line of Dialogue or Text: ? | |
| Genre: superhero | |
| Characters: Superman; Lex Luthor | |
| Synopsis: ? | |
| [no title indexed] | Seq: 2 |
| Superman / cover / 16 page | |
| Script: ? | |
| Pencils: Ross Andru | |
| Inks: Dick Giordano | |
| Colors: ? | |
| Letters: ? | |
| Job Number: ? | |
| First Line of Dialogue or Text: ? | |
| Genre: superhero | |
| Characters: Superman; Lex Luthor | |
| Synopsis: ? | |