473,385 Members | 1,958 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

Can this be done with CSS

Hi folks,

I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://216.189.167.195/testsurvey/question.jpg

I'm having trouble alingning things together.
Can anyone provide a sample for me. I would greatly appreciate it.

Thanks
Jul 20 '05 #1
9 1891
Herbman wrote:

I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://216.189.167.195/testsurvey/question.jpg


I cannot access your image...

--
Google Blogoscoped
http://blog.outer-court.com
Jul 20 '05 #2
"Philipp Lenssen" <in**@outer-court.com> wrote in message news:<bn*************@ID-203055.news.uni-berlin.de>...
Herbman wrote:

I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://216.189.167.195/testsurvey/question.jpg


I cannot access your image...


Sorry,

Try: http://www.360codeworks.com/question.jpg

Thank You
Jul 20 '05 #3
Herbman wrote:
I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://216.189.167.195/testsurvey/question.jpg

I'm having trouble alingning things together.
Can anyone provide a sample for me. I would greatly appreciate it.


While you /could/ duplicate that layout using CSS (although using CSS that
works in MSIE would be rather harder), it looks very much like tabular data
to me.

--
David Dorward http://dorward.me.uk/
Jul 20 '05 #4
In article <f6**************************@posting.google.com >, Herbman
<hr******@yahoo.com> wrote:
I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS. http://www.360codeworks.com/question.jpg

This isn't a table-like page layout. It is, in fact, just a table. This
is exactly what tables are intended for. Use a table.

--
Jim Royal
"Understanding is a three-edged sword"
http://JimRoyal.com
Jul 20 '05 #5
David Dorward <do*****@yahoo.com> wrote in message news:<bn*******************@news.demon.co.uk>...
Herbman wrote:
I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://216.189.167.195/testsurvey/question.jpg

I'm having trouble alingning things together.
Can anyone provide a sample for me. I would greatly appreciate it.


While you /could/ duplicate that layout using CSS (although using CSS that
works in MSIE would be rather harder), it looks very much like tabular data
to me.


How can this be done in CSS. I don't want to use tables.
Jul 20 '05 #6
AD.
On Thu, 30 Oct 2003 14:18:19 -0800, Herbman wrote:
David Dorward <do*****@yahoo.com> wrote in message
news:<bn*******************@news.demon.co.uk>...
Herbman wrote:
> I'm sort of new to CSS and was wondering if I can render a "table"
> like layout without the use of tables. The following link is an image
> file of what I would like to render with CSS.
>
> http://216.189.167.195/testsurvey/question.jpg
>
> I'm having trouble alingning things together. Can anyone provide a
> sample for me. I would greatly appreciate it.


While you /could/ duplicate that layout using CSS (although using CSS
that works in MSIE would be rather harder), it looks very much like
tabular data to me.


How can this be done in CSS. I don't want to use tables.


Look up the different options for the 'display' attribute in the W3 specs.
There are things like table cells, table rows etc that you can apply to
other elements like divs, spans etc.

eg you can tell using CSS a div to display like a table row and a span to
display like a table cell etc.

But it won't work in IE. IE only recognises (I think) block, inline and
none for the display attribute.

I'd just use an html table myself though in that case.

Cheers
Anton
Jul 20 '05 #7
Herbman wrote:
David Dorward <do*****@yahoo.com> wrote in message
news:<bn*******************@news.demon.co.uk>...
Herbman wrote:
I'm sort of new to CSS and was wondering if I can render a
"table"

http://216.189.167.195/testsurvey/question.jpg

I'm having trouble alingning things together. Can anyone provide
a sample for me. I would greatly appreciate it.


While you /could/ duplicate that layout using CSS (although using
CSS that works in MSIE would be rather harder), it looks very much
like tabular data to me.


How can this be done in CSS. I don't want to use tables.


Why is that? Don't you believe that tabular data should be marked up as
<table>? Sure, tables are used in way too many occasions but in this
case I think the use of <table> is the most meaningful markup. Think
about it: Satisfaction, 1,2,3,4,5, Importance, Not at all, A bit, Very,
Comments, Products, Services and Support are all table headers. Or you
could say that Products, Services and Support are table data and add
some header cell for that column, too.

After all, what is an table if not a grid where data is in the inner
cells and column and row headers are on the outer cells?

If you still think that this isn't a table, you have to use "display:
table", but be warned that MSIE doesn't support that.

--
Mikko

Jul 20 '05 #8
Mikko Rantalainen <mi**@st.jyu.fi> writes:
Herbman wrote:
How can this be done in CSS. I don't want to use tables.


Why is that? Don't you believe that tabular data should be marked up as
<table>? Sure, tables are used in way too many occasions but in this
case I think the use of <table> is the most meaningful markup. Think
After all, what is an table if not a grid where data is in the inner
cells and column and row headers are on the outer cells?


Indeed, and using <table> for tabular data gives big advantages in
some browsers because of the header assigning attributes - using a
speech browser I'd far rather view tabular data as a table than as a
bunch of linearised divs.

--
Chris
Jul 20 '05 #9
Jim Royal <ji******@canada.com> wrote in message news:<301020031701440416%ji******@canada.com>...
In article <f6**************************@posting.google.com >, Herbman
<hr******@yahoo.com> wrote:
I'm sort of new to CSS and was wondering if I can render a "table"
like layout without the use of tables. The following link is an image
file of what I would like to render with CSS.

http://www.360codeworks.com/question.jpg

This isn't a table-like page layout. It is, in fact, just a table. This
is exactly what tables are intended for. Use a table.


Great this answers my question.

Thanks all.
Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
by: itsharkopath | last post by:
Hi, Imagine a user in a hotspot, when he comes to the hotspot and tries to load a webpage (on the internet), he would automatically redirected to login page. I believe the following is to be...
9
by: Steven T. Hatton | last post by:
This was written for the gnu.g++.help list. It rather clearly spells out the most important feature of Java that I believe C++ lacks. I really don't believe the C++ Standard sepcifies enough for a...
16
by: jaialai technology | last post by:
I want to reload a url in a browser window so I do something like this: open(window.location.href= "www.yahoo.com"); ok, so now I want to do something when that page is done loading completely....
5
by: Morten Overgaard | last post by:
Hi I have a C# component which fires events. I want to catch these events in my MFC app compiled with the /clr. I know I can define a managed class in my MFC app which traps the events - but I...
11
by: Sharon | last post by:
I'm writing a new control derived from UserControl. I need to get an event when the control is done resizing. I tried the Resize, SizeChanged, Move and the Layout events and I also tried to...
3
by: Miguel Dias Moura | last post by:
Hi, When I subscribe a web site I usually receive an email to confirm my subscription. Only after I follow the link in the email my account gets activated. In general, how is this done? Can...
4
by: BrianDH | last post by:
Group Early this week I ask for examples on how to call a VB.NET Web Service and access its DataSet for a traditional ASP page. I was told, "you can't", "won't work", "not possible". Well I...
12
by: Ark | last post by:
Hello NG, I arrange data in structs like { members... uint16_t crc; more members, maybe... } Then I need to save them, up to and including crc, in non-volatile memory or a file, as the case...
2
by: maya | last post by:
http://news.yahoo.com/news?tmpl=index2&cid=703 down the page, under "More Stories", there's a section with two interchangeable divs which slide back and forth into view.. how is this done? I...
2
by: poolboi | last post by:
hey guys, i've done most of my web app. for searching almost done but then i got a small little problem with logging in i need to know how session tracking is done in perl if not my log in page...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.