Support » Fixing WordPress » Adding space within a table

Viewing 2 replies - 1 through 2 (of 2 total)
  • batrachoid

    (@batrachoid)

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

    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)..

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding space within a table’ is closed to new replies.