WordPress.org

1. greenpeas
   Member
   Posted 2 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 2 years ago #

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

3. Mark / t31os
   Moderator
   Posted 2 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.