FANDOM


  • Hello!

    I have been learning in depth about the wonderful world of Source Code. I have a small dilemma. I'm sure it's something so simple so I apologize in advance...

    http://spaceagency.wikia.com/wiki/User:ISAAC_Organization

    Scroll down until you see a solar system map, followed by the heading "In the Spotlight".

    Is there a way to... Centre the image(s), so the green colored background continues all the way to the right of the page? Without adding another image or table etc.

    The table below could use a little bit more green to the right, too.

    I'm sure there is a code somewhere!

    Thanks.

    25px CSgt (user page) (talk page) 05:02, December 5, 2017 (UTC)

      Loading editor
    • This is what you currently have:

      {| class="article-table"
      | bgcolor="#000000" |
      

      Try the following:

      {| class="article-table" style="width:100%;"
      | bgcolor="#000000" |
      
        Loading editor
    • I'd recommend trying this:

      {| class="article-table" style="width:100%; margin-left: -12px;"
      | bgcolor="#000000" |
      

      The cell padding on the left is going to push the second table over. So the negative margin-left value might balance it.

        Loading editor
    • Thank you Andrewds and KylaraE!

      25px CSgt (user page) (talk page) 05:23, December 17, 2017 (UTC)

        Loading editor
    • Hope it works out for you.

      As an alternative, you might consider losing the outer table and replacing it with a div tag. Replace this:

      {| class="article-table" style="width:100%;"
      | bgcolor="#FFFFFF" |<p><font face="Times New Roman"><span style="font-size: 22px;color:#4F7942;">'''... ''cum Unitas Universi''''' ~ ... '''''with Unity comes the Universe'''''</span> </font></p>
      {| class="article-table"
      | bgcolor="#000000" |
      

      with this:

      <div style="width:100%; background-color: white; padding-top: 4px;">
      <span style="font-family: Times New Roman; font-size: 22px;color:#4F7942; margin-left: 10px;">'''... ''cum Unitas Universi''''' ~ ... '''''with Unity comes the Universe'''''</span>
      {| class="article-table" style="width: 100%;"
      | bgcolor="#000000" |
      

      (Remember to replace your last |} with </div> as well.)

      This will also help the secondary problem of the current tables being too wide for the page.

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message