User:Flashjay/testbox table styling 02: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{| style="width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; border-spacing: 0px 0px; border: 2px solid black; border-top: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;"ikitable" | {| style="width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px; border-spacing: 0px 0px; border: 2px solid black; border-top: 2px solid black; background: none; font-family: Helvetica,Arial,Verdana,sans-serif; font-size: 1em;"ikitable" | ||
|- | |- | ||
| style="vertical-align:top; width:200px; background-color: none; text-align: left; padding: 5px 10px 5px 10px;" class="container_row"|<div class="layer1">[[File:Test cover issue.jpg|center|thumbnail|200px|Cover]]</div><div class="layer2">[[File:Test_NOcover_issue.png|center|thumbnail|200px|[[# | | style="vertical-align:top; width:200px; background-color: none; text-align: left; padding: 5px 10px 5px 10px;" class="container_row"|<div class="layer1">[[File:Test cover issue.jpg|center|thumbnail|200px|Cover]]</div><div class="layer2" id="toast">[[File:Test_NOcover_issue.png|center|thumbnail|200px|[[#toast|Cover]]]]</div><!-- | ||
-->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover1]]<!-- | --><span id="hide1">[[File:Test cover issue.jpg|center|thumbnail|80px|[[#hide1|Cover1]]]]</span><!-- | ||
-->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover2]]<!-- | --><span id="hide2">[[File:Test cover issue.jpg|center|thumbnail|80px|[[#hide2|Cover2]]]]</span><!-- | ||
-->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover3]]<!-- | -->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover3]]<!-- | ||
-->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover4]] | -->[[File:Test cover issue.jpg|center|thumbnail|80px|Cover4]] | ||
| 3 | | 3 | ||
| 4 | | 4 | ||
Line 17: | Line 17: | ||
2 covers stacked using css grid. change css code to resee both. | 2 covers stacked using css grid. change css code to resee both. | ||
<nowiki><a href="#detailView-1">Show View1</a> | |||
<p id="detailView-1">View1</p> | |||
<a href="#detailView-2">Show View2</a> | |||
<p id="detailView-2">View2</p> | |||
</nowiki> | |||
[[#detailView-1|Show View1]] | |||
<p id="detailView-1">View1</p> | |||
[[#detailView-2|Show View2]] | |||
<p id="detailView-2">View2</p> |
Latest revision as of 23:39, 2 January 2023
3 | 4 | |
note |
Test_NOcover_issue.png
2 covers stacked using css grid. change css code to resee both.
<a href="#detailView-1">Show View1</a>
<p id="detailView-1">View1</p>
<a href="#detailView-2">Show View2</a>
<p id="detailView-2">View2</p>
View1
View2