Solved

HTML Table Alternative

Posted on 2013-06-25
9
311 Views
Last Modified: 2013-06-28
I'm trying to (1) keep up with the latest/greatest ways and (2) create a table like section on a page with 4 sections.

The 4 sections will contain dashboard type info.

Is an HTML table the best way?  Or is there an alternative and sample code?
0
Comment
Question by:patriotpacer
9 Comments
 
LVL 15

Accepted Solution

by:
Jagadishwor Dulal earned 500 total points
ID: 39274933
If you are working for the tabular data better to use table.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39274942
Without any clue about the data, layout or funtionality of the page, the only answer I can give is NO + YES + MAYBE = there are somewher betwen 0 and 1,000 possible solutions.

Would you like to provide enough information to narrow it down; post a link; give us a look at your code to this point?

Cd&
0
 

Author Comment

by:patriotpacer
ID: 39274960
I don't have any code at this point.  I want to know what I'm doing BEFORE i start.

I want to have a square, cut in to 4 sections, no borders.  In those sections will contain graphs and scrolling DIVs with report like data.

Data within the 4 sections will change based on selections.
0
 

Author Closing Comment

by:patriotpacer
ID: 39274989
Simple approach probably the best.
0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39275010
Well you don't really have much for requirements, but from the sound of it you should be using floats to contain things like that.  A table will just get in the way.

You are basically doing things backward.  If you have not done a design or even the basic structural coding then you are way ahead of yourself looking at detailed structure and presentation; and we are not going to take on the whole thing for you.

Get started with the basic design layout, and then we can help you with the code as you add the features you need. There are hundreds of ways to do what you want, and if you are not going to commit to a design, and do some coding; then I suggest you look at the thousands of templates available on the web, and just plug in to a borrowed design.

Cd&
0
 

Author Comment

by:patriotpacer
ID: 39275034
>>There are hundreds of ways to do what you want

Exactly.  That's why I asked for advice before I started.  Last thing I want to do is find out there was a better, more efficient way of doing it.

FYI...this isn't a question where I post code and you look at it and correct it.  This is a question of what direction might be a good route.   Preliminary, planning.
0
 
LVL 51

Expert Comment

by:Julian Hansen
ID: 39275339
A table is not the right solution. It sounds from your posts that you are using the tables for layout which is not considered correct.

If you have data that is represented in rows and columns then use a table - otherwise don't.

In terms of laying out your dashboard - use floated div's.
0
 

Author Comment

by:patriotpacer
ID: 39275354
julianH - thanks!
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Help in CSS 5 38
HTML page and JavaScript 2 56
text align center the options is an html select 4 28
Login area of a page 4 20
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now