User:Flashjay/testbox table styling 04

From GCD

< User:Flashjay

Revision as of 10:17, 4 January 2023 by Flashjay (talk | contribs) (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|...")

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Jump to navigation Jump to search

Cover1 Cover2 Cover3 Cover4 Cover Cover2 Cover3 Cover4	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

Retrieved from "https://docs.comics.org/index.php?title=User:Flashjay/testbox_table_styling_04&oldid=10059"