Post 9unoHT3TBW56Zbzsbg by unti1x@mastodon.social
 (DIR) More posts by unti1x@mastodon.social
 (DIR) Post #9uneY9jHI7X817s5WC by enigmatico@fedi.absturztau.be
       2020-05-07T10:05:23.104032Z
       
       0 likes, 0 repeats
       
       Word of advise:When doing HTML formularies, use tables. And add some padding to the cells.Two-column tables with one row per form field. The left column is the label, the right column is the input field. Also remember to use label tags for your labels. It's not that complicated, geez...
       
 (DIR) Post #9unehmQ6oDvWcYUi1Y by kura@fedi.z0ne.moe
       2020-05-07T10:07:03.489515Z
       
       0 likes, 0 repeats
       
       @enigmatico you can do something like that with <dl> as well - or a properly formated div.tbh i dont like using table for that kind of stuff.
       
 (DIR) Post #9unekcxASkwm83JazI by enigmatico@fedi.absturztau.be
       2020-05-07T10:07:38.362101Z
       
       0 likes, 0 repeats
       
       @kura You should
       
 (DIR) Post #9uneoboWdnnTkmAgJE by kura@fedi.z0ne.moe
       2020-05-07T10:08:13.411523Z
       
       0 likes, 0 repeats
       
       @enigmatico why?in my opinion a dl has better semantic context there
       
 (DIR) Post #9unet2SjVKlVYp5f1M by enigmatico@fedi.absturztau.be
       2020-05-07T10:09:09.351398Z
       
       0 likes, 0 repeats
       
       @kura It's not about semantics. It's about element alignment.
       
 (DIR) Post #9unf4pRbjPDEf1BaFs by kura@fedi.z0ne.moe
       2020-05-07T10:11:16.080732Z
       
       0 likes, 0 repeats
       
       @enigmatico that can be done with dl's.or you could use display:flex, display:grid or display:table as well.but using tables to simply format and align is like going back to table based website designs IMO.plus its not really a nice way for screen readers, unless you use th for the labels and td for the form fields. then creen readers can make a sense out of it.
       
 (DIR) Post #9unfIqLdAVmBW84a5Q by enigmatico@fedi.absturztau.be
       2020-05-07T10:13:48.515017Z
       
       0 likes, 0 repeats
       
       @kura Use tables. Trust me. Even if you're thinking about semantics, every browser and crawler detects and supports tables. There is literally 0 problems with it, and you can even add CSS to the cells to make it responsive. It will also work with older browsers. And it makes the process much easier. There is like, 0 reasons to not use tables in a formulary.
       
 (DIR) Post #9unnwHagc5taw7Qqx6 by unti1x@mastodon.social
       2020-05-07T11:50:10Z
       
       0 likes, 0 repeats
       
       @enigmatico @kura dl also works with old browsers. The main reason to abstain from using tables is that they are ment to be used for table content, not for lists
       
 (DIR) Post #9unnwHnnpKO5anZKOe by enigmatico@fedi.absturztau.be
       2020-05-07T11:50:33.008236Z
       
       0 likes, 0 repeats
       
       @unti1x @kura A form is not a list
       
 (DIR) Post #9unoHT3TBW56Zbzsbg by unti1x@mastodon.social
       2020-05-07T11:52:39Z
       
       0 likes, 0 repeats
       
       @enigmatico @kura if it's form, use labels and divs. No need in tables unless it's a table-like form
       
 (DIR) Post #9unoHTGEQ4I1DBy4Uy by enigmatico@fedi.absturztau.be
       2020-05-07T11:54:20.653574Z
       
       0 likes, 0 repeats
       
       @unti1x @kura https://git.pleroma.social/pleroma/pleroma/-/issues/732This is what happens when you use forms and divs but don't align your content properly.Using tables makes this much easier if you are not using some kind of framework for your page layout, trust me.