Aine Sherlock/Sandbox2: Difference between revisions
No edit summary |
|||
| Line 1: | Line 1: | ||
===My Ribbon Rack Experiments=== | ===My Ribbon Rack Experiments=== | ||
Current single table. | Current single table. Problem arises when trying to put two ribbons on a line. Aligns left instead of center. | ||
{| style="margin: 0em auto 0em auto;" border='0' cellspacing='0' | {| style="margin: 0em auto 0em auto;" border='0' cellspacing='0' | ||
|- | |- | ||
| Line 73: | Line 73: | ||
<div style="position: relative;">[[File:Awards_ServiceRibbons_TemporalFlow_2011.jpg|200|link-Defense_of_Temporal_Flow_Ribbon|Defense of Temporal Flow Ribbon]][[File:Legacy_Ribbon.png|200|link-Legacy_Ribbon|Legacy Ribbon]][[File:Awards_ServiceRibbons_Graduate.jpg|200|link=Starfleet_Academy_Graduate_Ribbon|Starfleet Academy Graduate Ribbon]]</div> | <div style="position: relative;">[[File:Awards_ServiceRibbons_TemporalFlow_2011.jpg|200|link-Defense_of_Temporal_Flow_Ribbon|Defense of Temporal Flow Ribbon]][[File:Legacy_Ribbon.png|200|link-Legacy_Ribbon|Legacy Ribbon]][[File:Awards_ServiceRibbons_Graduate.jpg|200|link=Starfleet_Academy_Graduate_Ribbon|Starfleet Academy Graduate Ribbon]]</div> | ||
{{EndColumns}} | {{EndColumns}} | ||
==Let's Try again!== | ==Let's Try again!== | ||
Revision as of 23:42, 30 June 2024
My Ribbon Rack Experiments
Current single table. Problem arises when trying to put two ribbons on a line. Aligns left instead of center.
 |
  |
 | ||||
|---|---|---|---|---|---|---|
 |
 |
 |
 |
 |
 | |
 |
 |
 |
 |
 |
 |
Partial example to experiment with centering 2 ribbons on line. Got the columns, and now have stars overlaying ribbons with proper links to ribbon pages! Thanks Noa! Lower example shows ribbon removed from top row to show how it properly centers.
For 3 ribbons per row: Center star on ribbon 1 106px, on ribbon 2 306px, and on ribbon 3 506px. Put div style="position: absolute; left: px; top:12.5 etc after div style="position: relative etc. For 3 stars, plus or minus 56px from center star position. For two stars, first star is single star position minus 38, second star is previous formula but plus 38.
For 2 ribbons per row: Center star on ribbon 1 206, on ribbon 2 406 . Other formulas follow suite.
      |
     |
|
|
|
Let's Try again!
Ok, I have a new idea! Let's see how this works! (Or maybe I tried this and it didn't work...I don't know anymore, I'm losing my mind!)
 |
  | ||||
|
|
| |||
|
|
|