If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2015
    Member #

    Developer/Programmer needs design advice


    The owner of our company has designed a web site whose look mirrors that of an Excel spreadsheet. As such every column must line up perfectly.

    My colleagues and I are programmers, not designers, so we are working with a web design company.

    The just communicated to us that each column (or two in some cases) is it's own table, a requirement that would force us to "paint" the HTML page in a column fashion. I assume this makes it easier for them to line things up. So for example, suppose a page has thirty rows and ten columns. Since they have grouped the columns into their own table that means that in order for us to generate the HTML page we'd have to iterate over the data a minimum of 300 times. Normally we'd iterate over the data thirty times, once for each row of data.

    So, not being savvy designers, we're unsure whether their requirement is viable or just plain silly. Is it possible to get the alignment necessary to emulate an Excel spreadsheet without grouping columns into their own tables?

    They are using CSS3, HTML5, Bootstrap, and we are supporting only the latest browsers.

    Thanks in advance,


  3. #2
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Member #
    47 times
    I don't understand why they need table for every column... If you have screenshot or code to post...

    Every column can be styled in css if they need to separate or group them... structure could be
    1st loop
    2nd loop
    <td> text </td>
    end of 2nd
    end of 1st

    If I understand well...

  4. #3
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Not from USA
    Member #
    2784 times
    It's completely silly, and I hopefully only need to give you the reason. I'm a developer and not a designer, by the way, but the reason is pretty obvious.

    Consider your ten column example, and take out a cell phone. Hold it in your hand so that it's portrait oriented. When you've got it, use your eyeball to picture your cell phone into ten equal columns of data. How wide are those columns? Assuming you left a bit of padding, as most smart people do, your cell phone has roughly 300 pixels to work with in terms of width. 300 / 10 = 30 pixels per column. What kind of data can you possibly fit into a 30-pixel column?

    This doesn't even take into consideration say the scrolling that your 30 rows would need, what happens when a user resizes his/her text, what happens if one of the cells contains an image that is wider than the width of the column, and who knows what else.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 02:08 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: