User:Flashjay/testbox table styling 04: Difference between revisions
Jump to navigation
Jump to search
(Created page with "{| 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"|<!-- --><span id="hide1">File:Test cover issue.jpg|center|thumbnail|80px|[[#hide1|...") |
(No difference)
|
Revision as of 10:17, 4 January 2023
3 | 4 | |
note |
Test cover issue.jpg
Test_NOcover_issue.png
Test 1 cover issue.png
Test 2-4 cover issue.png
2 covers stacked using css grid. change css code to resee both.
hide small cover show big cover:
span[id^="hide1"]:target ~ div[id^="toast1"] { order: 4; }
<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