By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,447 Members | 1,172 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,447 IT Pros & Developers. It's quick & easy.

Can this be done with CSS

P: n/a
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
Share this Question
Share on Google+
9 Replies


P: n/a
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

P: n/a
"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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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

P: n/a
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 discussion thread is closed

Replies have been disabled for this discussion.