Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Nov 2013
    Location
    Morgan Hill, Calif. U.S.A.
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Space appearing using same code as other places where no space appears

    The website is www.unpm.org.

    The wiki cell has a space between the image and the copy, even though it uses the identical code as the forum cell.

    Code:
        <tr>
          <td>
          <table style="width: 100%;">
            <tbody>
              <tr>
                <td>
                <table style="background-color: rgb(60, 69, 118); background-image: none; background-repeat: repeat; background-attachment: scroll; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(32, 32, 32);" class="privateTable2">
                  <tbody>
                    <tr>
                      <td> <a href="/wiki/"><span style="font-weight: bold;"><img style="border: 0px solid ; width: 150px; height: 150px;" alt="UNPM.org wiki" src="images/unpm.png"></span></a><a href="/wiki/"><br></a></td>
                      <td style="vertical-align: top; padding-top: 20px; padding-left: 10px; color: white;">
                      <span style="font-size: 32px; font-weight: bold;"><a href="/wiki/">Wiki</a></span><br>
                      <br>
    The UNPM.org wiki contains tutorials and configurations for setting up and managing UNPM servers.<br>
                      <br>
    These tutorials are written without any assumption to user experience level.<br>
                      </td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
            </tbody>
          </table>
          </td>
        </tr>
        <tr>
          <td>
          <table style="width: 100%;">
            <tbody>
              <tr>
                <td>
                <table style="background-color: rgb(60, 69, 118); background-image: none; background-repeat: repeat; background-attachment: scroll; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(32, 32, 32);" class="privateTable2">
                  <tbody>
                    <tr>
                      <td> <a href="/forums/"><span style="font-weight: bold;"><img style="border: 0px solid ; width: 150px; height: 150px;" alt="UNPM.org forums" src="images/unpm.png"></span></a> </td>
                      <td style="vertical-align: top; padding-top: 20px; padding-left: 10px; color: white;">
                      <span style="font-size: 32px; font-weight: bold;"><a href="/forums/">Forums</a></span><br>
                      <br>
    The UNPM Server forums are available for questions and dicussion of
    UNPM servers and related projects. Servers by their nature tend to
    generate a lot of questions, so please come in, join and discuss!<br>
                      <br>
    Please take note that community activity is currently rather... light,
    but this because the site is brand-new, we have to start some place!<br>
                      </td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
            </tbody>
          </table>
          </td>
        </tr>
    I have to admit to being quite weak with HTML/CSS and have 'borrowed' someone else's file and adapted it for my use, but I am quite confounded by this space!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    This is happening because of you have not given these cells a width. The wiki cell reflects this, the other cells have longer text and that forces their cells to take up larger space.

    An easy fix is to remove the line returns between the two sentences in the wiki cells and make them into one longer line.
    Last edited by sunfighter; 11-03-2013 at 03:09 PM.
    Evolution - The non-random survival of random variants.

  • Users who have thanked sunfighter for this post:

    openletter (11-03-2013)

  • #3
    New to the CF scene
    Join Date
    Nov 2013
    Location
    Morgan Hill, Calif. U.S.A.
    Posts
    3
    Thanks
    2
    Thanked 0 Times in 0 Posts
    @sunfighter Thank you! Thank you! Thank you!

    Can you help me out with another question? Even just pointing me to a resource would be much appreciated!

    Some sites I visit in my mobile browsers will automagically reflow text based on the zoom level. Is this a javascript or an HTML/CSS setting?

    Thanks again for your help!

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    830
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Quote Originally Posted by openletter View Post
    Can you help me out with another question? Even just pointing me to a resource would be much appreciated!

    Some sites I visit in my mobile browsers will automagically reflow text based on the zoom level. Is this a Javascript or an HTML/CSS setting?
    Although some sites may use JS to reflow content, many are going with responsive design since not everyone has JS enabled.

    Look into responsive web design:

    Introduction to Responsive Web Design: http://www.linkedin.com/news?actionB...3Z-fJK7fpockY1
    It's Not Responsive Web Building, It's Responsive Web Design: http://www.getfinch.com/finch/entry/...ve-web-design/
    Beginner's Guide to Responsive Web Design: http://thinkvitamin.com/design/begin...ve-web-design/

    Mobile Website:

    Learn the Mobile Web: http://learnthemobileweb.com/2009/07/mobile-meta-tags/
    10 Ways the Mobile Web is Different: http://www.elated.com/articles/10-wa...-is-different/
    Redesigning a Site For Mobile: What's Involved?: http://www.elated.com/articles/redes...hats-involved/
    How to Validate and Test for the Mobile Web: http://designfestival.com/how-to-val...&utm_term=More

    W3C MobileOK Checker: http://validator.w3.org/mobile/
    ☠ ☠RON☠ ☠

  • Users who have thanked Major Payne for this post:

    openletter (11-07-2013)

  • #5
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,038
    Thanks
    23
    Thanked 589 Times in 588 Posts
    I'll add to that. I'd look up designing with div and not tables as long as you might need to redo things.
    Evolution - The non-random survival of random variants.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •