Talk:Prayers: Difference between revisions

From Rejoice in the Catholic Faith
(Created page with "== Table structures == * using separate one-column tables so they collapse on mobile * using font 85% so it reduces on mobile ** note: on mobile the right border extends to width of the screen : how to fix? === prayer table code === {|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;" !style="padding:15px;"|>>Prayer start here<< Amen |- |style=font-size:75%;|<center>"From >>SOURCE</center> |- |} {|style="vertical-align:top; float:none; bo...")
 
No edit summary
Line 7: Line 7:
=== prayer table code ===
=== prayer table code ===


{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;"  
{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px; background-color:#eaecf0;"  


!style="padding:15px;"|>>Prayer start here<<
!style="padding:15px;"|>>Prayer start here<<
Line 15: Line 15:
|-
|-
|}
|}
 
{|style="vertical-align:top; border:solid 1px; background-color:#eaecf0;"  
{|style="vertical-align:top; float:none; border:solid 1px;"  
!style="padding:15px;"|''>>Prayer start here w/ italics for Latin''
!style="padding:15px;"|''>>Prayer start here w/ italics for Latin''


Line 24: Line 23:
|-
|-
|}
|}
 
<br><br>
<br>
<pre>
<pre>
{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;"  
{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;"  
Line 54: Line 52:
=== notes table code ===
=== notes table code ===
<pre>
<pre>
{|style="font-size:85%; border:solid 1px; background-color:lightblue;"
{|style="font-size:85%; width:65%; margin-left:35px; border:solid 1px; border-color:#c4ccd4; background-color:#f0f2f4;"
|Notes:
|Notes:
* note 1
* note 1
Line 63: Line 61:
</pre>
</pre>


{|style="font-size:85%; border:solid 1px; background-color:lightblue;"
{|style="font-size:85%; width:65%; margin-left:35px; border:solid 1px; border-color:#c4ccd4; background-color:#f0f2f4;"
|Notes:
|Notes:
* note 1
* note 1

Revision as of 09:36, 10 April 2024

Table structures

  • using separate one-column tables so they collapse on mobile
  • using font 85% so it reduces on mobile
    • note: on mobile the right border extends to width of the screen : how to fix?

prayer table code

>>Prayer start here<<

Amen

"From >>SOURCE
>>Prayer start here w/ italics for Latin

Amen.

From the >>SOURCE



{|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;" 

!style="padding:15px;"|>>Prayer start here<<
Amen
|-
|style=font-size:75%;|<center>"From >>SOURCE</center>
|-
|}

{|style="vertical-align:top; float:none; border:solid 1px;" 
!style="padding:15px;"|''>>Prayer start here w/ italics for Latin''

''Amen.''
|-
|style="font-size:75%;"|<center>From the >>SOURCE</center>
|-
|}
<br>

notes

  • >> needs a <br> to separate Notes from prayer tables
  • 1st table has float:right; 2nd does not


notes table code

{|style="font-size:85%; width:65%; margin-left:35px; border:solid 1px; border-color:#c4ccd4; background-color:#f0f2f4;"
|Notes:
* note 1
* note 2
|-
|}

Notes:
  • note 1
  • note 2