Talk:Prayers: Difference between revisions

Revision as of 10:37, 12 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
div provides margin at bottom of prayer tables to avoid floating right

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

@@ Line 7: / Line 7: @@
 === prayer table code ===
+<div style="margin-bottom:15px">
 {|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px; background-color:#eaecf0;"
 !style="padding:15px;"|>>Prayer start here<<
 Amen
@@ Line 23: / Line 23: @@
 |-
 |}
-<br><br>
+</div>
 <pre>
 {|style="vertical-align:top; float:left; margin-right:25px; border:solid 1px;"
@@ Line 48: / Line 49: @@
 * >> needs a <nowiki><br></nowiki> to separate Notes from prayer tables
 * 1st table has float:right; 2nd does not
+* div provides margin at bottom of prayer tables to avoid floating right