Formatting suggestion

Post a reply


This question is a means of preventing automated form submissions by spambots.
Smilies
:D :) :ssmile: :( :o :shock: :? 8-) :lol2: :x :P :oops: :cry: :evil: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
View more smilies

BBCode is ON
[img] is ON
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Formatting suggestion

Re: Formatting suggestion

by HarryLeo » Mon Dec 06, 2021 8:56 am

its so simple format easy o understand

Re: Formatting suggestion

by geckzilla » Thu Apr 22, 2021 8:59 pm

I highly recommend using a browser addon that will let you add your own CSS. It's a bit tricky because there are no classes or IDs defined, but you look like you can figure it out.

Re: Formatting suggestion

by rsk » Sat Apr 03, 2021 3:48 am

P.S. I'm happy to make any necessary changes if I can be pointed at the code.

Formatting suggestion

by rsk » Fri Apr 02, 2021 2:56 pm

One thing I find difficult about the APOD formatting is the explanation is allowed to use the entire width of the page, which can be hard to read. It should be relatively simple to fix the HTML by changing

Code: Select all

  <p>
    <b>Explanation</b>
      ...
to:

Code: Select all

  <p style="width: 45em; max-width: 100%; margin: auto;">
    <b>Explanation</b>
      ...
I chose that width as it felt like a good trade-off between too long and too short and specified it in em's as that is widely supported by browsers. Another possible change which makes it looks a bit nicer would be to justify the text:

Code: Select all

  <p style="width: 45em; max-width: 100%; margin: auto; text-align: justify;">
    <b>Explanation</b>
    ...

Note: there are other ways to do the styling but given the simplicity of the page, inline styles should be fine.

samuel

Top