WordPress.org

Ready to get started?Download WordPress

Forums

Adding space within a table (3 posts)

  1. greenpeas
    Member
    Posted 4 years ago #

    I am trying to line up information, and wondering if I need to create a new table, or if there's a way to add space like I'm adding this sentence.

    Here's what it's looking like:
    http://www.greenpeas.us/media/wp-issues/sdclifton1.png

    and the site (page):
    http://sdclifton.com/government/

  2. batrachoid
    Member
    Posted 4 years ago #

    You can create a table (my first choice) or use a non-breaking space -  

  3. Mark / t31os
    Moderator
    Posted 4 years ago #

    Seriously...

    Just plonk your data in a few elements, take this line for example.

    Name:                     S.D. Clifton Construction, Inc.

    Rather then having loads of white-space, use a few elements.

    <span style="width:140px">Name:</span><span>S.D. Clifton Construction, Inc.</span>

    ..used inline CSS for "simplicty" ...

    You already have all that data in a table though, there's no need to add any more.

    For what it's worth, you could be laying that all out without a table...

    <div style="clear:both">
      <div style="width:45%;float:left;padding:0 5px">
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
      </div>
      <div style="width:45%;float:left;padding:0 5px">
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
      </div>
      <div style="clear:left"></div>
      <div style="width:45%;float:left;padding:0 5px">
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
      </div>
      <div style="width:45%;float:left;padding:0 5px">
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
        <span style="width:140px">Field:</span><span>Data</span>
      </div>
      <div style="clear:left"></div>
    </div>

    ..or something to that degree (and probably with the CSS in it's own file, example was just for illustration)..

Topic Closed

This topic has been closed to new replies.

About this Topic