eyvind
Apr 25 2005, 09:50 PM
| | I have heard that using tables for layout in a webpage is bad style. It is possible, but much more of a hassle, to get the same results using CSS (float), but is using float in this way really better style than tables? Most websitesstill use tables.
Please give me your opinion, or the "general" opinion uif you think you know it, I'm curious, and can't decide which way yo go. |
Comment/Reply (w/o sign-up)
signatureimage
Apr 25 2005, 10:51 PM
Yes, you are right. Using HTML TABLEs for lay-out is now considered bad style. Yes, you are right. Getting the same results using CSS is much more of a hassle. At least when confronted with it for the first time. But, as always, as more and more people do it, as more and more programs generate it, the use of HTML TABLEs will drop for lay-out and will continue to be used for what they were invented for: the presentation of tabular data. In my opinion, CSS is the way to go. Personally, I still have troubles with them, so any help that I can find is welcome...
Comment/Reply (w/o sign-up)
moonwitch
Apr 26 2005, 12:07 AM
Well, I have to admit that I did use tables to generate my lay out. Mainly because it was the first time using tables to put a graphic up  I do realize that CSS can get the same result and I am looking into it. But I am also working on redoing my site and converting it to php, which is trickier than I had anticipated. So when you find how exactly to do this in CSS, let us know  I do want to add, that not all broswers support all CSS2 features (IE is the browser I am reffering to of course). This is the case with the a:hover effects in a nested list for example. (To create pop out effects like the ones you get with JavaScript, but then without JavaScript)
Comment/Reply (w/o sign-up)
eyvind
Apr 26 2005, 12:24 AM
I already know how to do it in CSS, I was only wondering if it was teh way to go or not. This might not be the best way to do it, but I see no other way. To get a layout like this (the different numbers designate what would be cells in a table): 00000000000000000000 00000000000000000000 11122222222222222222 11122222222222222222 11122222222222222222 11122222222222222222 11133333333333333333 11133333333333333333 44444444444444444444 44444444444444444444 These are th divs you will need (DIV1, DIV2, etca re just names for referencign here, you don't need to use those names of course): DIV1 -- for the top, no nesting, no positining DIV2 -- will contain areas 1, 2, and 3, no positioning DIV3 -- for area 1, nested in DIV2, float left DIV4 -- will contain areas 2 and 3, nested in DIV2, float right DIV5 -- for area 2, nested in DIV4, no positioning DIV6 -- for area 3, nested in DIV4, no positioning DIV7 -- for area 4, no nesting, no positioning no positioning means no special horizontal positioning, you may need to have some settigns that will keep them from moving around vertically. Hope that helped!
Comment/Reply (w/o sign-up)
Coach
Apr 26 2005, 01:02 AM
QUOTE (eyvind @ Apr 25 2005, 04:50 PM) I have heard that using tables for layout in a webpage is bad style. It is possible, but much more of a hassle, to get the same results using CSS (float), but is using float in this way really better style than tables? Most websitesstill use tables. Please give me your opinion, or the "general" opinion uif you think you know it, I'm curious, and can't decide which way yo go. I found an article that talks about the tables vs. CSS dilemma, it describes briefly the evolution of the website design in the last time and, most interesting, the author explains the experiment he made to find out which option outcome better:http://www.sitepoint.com/article/tables-vs-cssI hope it can help you clarify which way is better for you.
Comment/Reply (w/o sign-up)
eyvind
Apr 26 2005, 02:24 AM
Cool, thanx Coach! That did help, I have now set my mind to using CSS. I ahve alsready tried the above solution, adn it works well, but I need to handl some special cases, which I do in PHP. IT works great! But that article jsut amde things so much better, tahnx again Coach!!!
Comment/Reply (w/o sign-up)
twitch
Apr 27 2005, 05:20 AM
You are right, but I can not stand floating layers with CSS. They always manage to go wrong. And what exactly are the problems with using tables? I have only found small errors when using the box-model, of which I don't use. I think it is just another reason for the W3 to bossing us around. Well no more I say.
Comment/Reply (w/o sign-up)
mimi_m
Apr 28 2005, 06:38 AM
QUOTE (twitch @ Apr 27 2005, 03:20 PM) You are right, but I can not stand floating layers with CSS. They always manage to go wrong. And what exactly are the problems with using tables? I have only found small errors when using the box-model, of which I don't use. I think it is just another reason for the W3 to bossing us around. Well no more I say. I totally agree. I've used both CSS and tables to create site structure, and not only does it take me 50% less time to make a site with tables, but also, i find that tables don't generate nearly as much errors as floating layers with CSS does. I've worked with websites for quite some time now, and it's true that either way works, but I don't see any advantages of using CSS instead of simple tables. I guess it depends on how comfortable people are with either one. Personally, I've never had problems when using tables, but always seem to get at least some sort of error or problem when structuring with CSS. So naturally, tables is what i choose to use. That's my opinion.
Comment/Reply (w/o sign-up)
dungsport
Apr 28 2005, 08:39 AM
So, It is apparently that using tabled-layout is easier. I usually use CSS for fancy things like theme styles... In this case, CSS does much better and much more flexible. In my opinion, for the basic web page structure, tables are more likely compatible with all existing browser. I found my pages are displayed differently from one browser to the other when I use CSS style (positioning, margin,...). Some CSS attributes work in this browser but the others. Have you ever tried to view your web pages in several browsers? Do it and see how good your design skill is. Let's consider M$ Internet Explorer, FireFox, Netscape, Opera, Linux browsers (Konkeror, FireFox, Netscape...)... and even Safari on Mac. I have been struggling with my project just because of these browsers. People in my company are using different platforms and different browsers. LOL, each of them complains to me about my pages very very differently. What a shame!!! The more complex is your page, the more likely that compatibility problems will arise Keep it simple as long as it works for everyone (even though it is not a good style)
Comment/Reply (w/o sign-up)
chiiyo
Apr 28 2005, 11:07 AM
Reading through the comments of the link that Coach posted is another very interesting link on this subject, where the author attempts to take an objective look at tables and CSS, this time, advocating that tables should be used side by side with CSS. It's an interesting read, at least, and gives some form of hope to people still wanting to use tables...
Comment/Reply (w/o sign-up)
Tobias
May 13 2005, 11:23 PM
I much prefer CSS over tables any day. CSS loads quicker, and you're able to do sooooooo much more with CSS than tables. A recent thing was what Chiiyo posted about rounded corners using only CSS, no images or anything. That was very nice. I'm a CSS lover and stay away from tables unless I need one for information.
Comment/Reply (w/o sign-up)
m3ch4
May 13 2005, 06:57 PM
QUOTE (eyvind @ May 12 2005, 06:55 PM) The cells that the spacer is in are otehrwise empty, it is in there to give the cell some substance, without substance there is no cell. The point of the cells around the middle cell is to give the middle cell a border, so the cells are given a background color to be the color of the border. These cells need something in them to really be visible, so a "blank" image is put in each. "does the image tile the cell like a small image does the background of a web page?" No, it does not tile in the cell, think of it as a compeltely blank picture that just is there, isn't visible at all, it is onl;y there so that the cell has something in it, so it can be seen. Hope that helps. Thanks Evyind! much appreciated =D
Comment/Reply (w/o sign-up)
eyvind
May 12 2005, 10:55 PM
The cells that the spacer is in are otehrwise empty, it is in there to give the cell some substance, without substance there is no cell. The point of the cells around the middle cell is to give the middle cell a border, so the cells are given a background color to be the color of the border. These cells need something in them to really be visible, so a "blank" image is put in each. "does the image tile the cell like a small image does the background of a web page?" No, it does not tile in the cell, think of it as a compeltely blank picture that just is there, isn't visible at all, it is onl;y there so that the cell has something in it, so it can be seen. Hope that helps. "In my opinion, using tables still the best way to manage your'e web page design..It's also make use of cross-browser..so you are not to worry what type of browsers you're client will use.But actually, this forum gives me a hint that i can also create a site more on CSS, that i will try soon. " You can use JavaScript to check what browser your user has and use a custom CSS style for that browser, one that shows the content teh way you want to. You really should use CSS, but if the page is just a small page that will never be expanded upon or not part of a bigger website, go ahead and use tables.
Comment/Reply (w/o sign-up)
m3ch4
May 12 2005, 01:27 PM
QUOTE (eyvind @ May 11 2005, 10:40 PM) It is aspacer, it adds transparent space (it's invisible), to pad and precisely position elements. SPacers are used on many image intensive (especailyl table based) websites, usualy name spacer.gif or something like that, it is just that, a spacer. okay...*still trying to understand* so it basically is used instead of cell padding? and teh cells of the table conform to the size of the spacer? but the spacer gif is only called once in each cell, does the image tile the cell like a small image does the background of a web page?
Comment/Reply (w/o sign-up)
sirknight
May 12 2005, 04:27 AM
In my opinion, using tables still the best way to manage your'e web page design..It's also make use of cross-browser..so you are not to worry what type of browsers you're client will use.But actually, this forum gives me a hint that i can also create a site more on CSS, that i will try soon.
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : table, layout, css, layout, tables, considered, bad, style
- Cbel.com >> 203 Manually Selected Sites About Style Sheets
(0)
Style P And H? Html Tags
(2) Well, I have found that css was very hard to predict and precise control their apperance. When mix
and use the p and h? tags. Their apperaence were not identity. Place the h? tags within the p tag
causes style error on both firefox and IE. So, anyone should do it reserved, instead, place the p
tag with any h? tags will do the jobs on both browsers. Still learning it coz it much varies when
doing styles. Tested it on XHTML 1.0 Strict....
Outsourcing A Style Section To An External Css File
(7) Not being an HTML designer, but having a requirement to make a web page look pretty, I now have the
following problem (I am absolutely convinced the solution for this must be very, very simple, I just
need to find the right tutorial, which I couldn't find even after googling with the keywords
outsource style section external CSS file): I want to take an inline ... stuff ... section from
a web page, create a CSS file out of it, then replace the inline style section with a reference to
the CSS file. Take as an example the page you are reading now. How would I be ....
Css Vs. Tables - A Reflection...
Will CSS foil Table's plot and save Gotham? (14) I'm in the process of trying to learn how to design with Cascading Style Sheets because, the way
I see it, they are portrayed as the next generation of web design and the end of Table layouts.
It's been years since I had a web site, and what I had back then wasn't exactly eye-popping
in regard to appearance (or content for that matter). I of course used tables to do my layout, as
that was just how it was done back then (and still is today, often times, which I'll cover
later), but even then -- and even to a novice like me -- it just didn't seem righ....
3 Column Css Layout
I am having some problems! (13) To make a CSS layout with two columns isn't a problem, but when making a 3 column layout without
tables, I encountered some things where I find tables to be better for designing layouts.. so here
is my problem: I have a menu bar at the left, a sidebar at the right and the content/center bar at
the center of the page and of course a header and a footer with which I didn't have any
problems, the problem is with the content/center bar, here is what I have: (all links won't be
anchors, due to those pages are only temporary) quatrux.net/index_css.html but my pag....
Free Code Snippets And Css Layout
(14) In this site you can find some excellent CSS layouts and code snipets, its very simple but more
important its very EFFECTIVE. So dont waiste time and visit : Code-Sucks Best regards,....
Need Help With Floating Layout!
Any coding experts out there? (11) First: I’m sorry, but I don’t know to which sub forum this topic belongs. Maybe a kind moderator
will move this in the future. And now to my question: I’m currently building a new website which
can be rather hard if you don’t know anything about coding (!). /tongue.gif"
style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> This is how I want my
website to look like: Now, my question is if it’s possible to make my content box float while the
left box (with the buttons) stays on top (where it is now)? I bet there is a solution, but as I said
I’m no....
Help Needed: Tables
Formatting tables to get what you want (7) Hi all! I was trying to use (invisible) tables in the design of my site. I have an image that I
would like to be placed statically on the right, since it is a point of reference for the rest of my
site. I then have a header image that I wanted to be at the top of the page, running up right next
to the static image on the right. The lower-left hand corner of the page is the dynamic part, where
all the action happens. It's not as small a space as it sounds, don't worry. But my problem
is, I can't get the tables to work out the way I want. Is there a way to F....
Website Layout
(10) hi all i planning to build a website. Theme: Job Info in India, forum for fresh graduates Can you
guyz suggest me the Best format for the front page. Thanks in advance.....
Css: Html Special Character As List Style?
(2) I'm addicted to the character » (»). It just looks very neat and works well on lists...
But my problem is, how can put HTML special character like » as CSS list-styles? If I just
paste the character to the stylesheet in a text editor and use UTF-8 charset on my document, it
won't print out. If I user the code » in the CSS file, it won't be shown as the
character but the string "»". So is there any way to do this? I absolitely want to keep the
UTF-char sets so changing that is not an option.....
Div Tags Vs Tables For Layout
what should I use? (10) Hello everyone. First of all, hello. I want to make a really nice website. I don't want to use
tables but if I want to make a page with Adobe Image Ready it would be tables based. I know when I
use DIV tags it's simpler and the loading time seems to be faster. I don't know if i can
make a good looking site with just DIV tags. Does anyone have a preference when doing the layout of
their site? If I use DIV tags the main graphic on the site will be the banner. I'm not a very
big fan of heavy graphics. The content of the site is actually my main concern, and....
Divs/ tables ?
(19) "What is" better? I read an interesting article about the benifits of talbes & divs..
http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx Most prefer tables b/c they're
familiar, but it seems most people are turning their attention to div-style formats......
CSS for tables with diferent rows
(11) Hi, is there somekind of CSS style i could apply for tables to have diferent colors in diferent
lines??? Separated one by one? This way my tables will all have (for example) a red row, a yellow
row, a red row, a yellow row, a red row, a yello row, etc... If not, what can i do to achieve this?....
Looking for table, layout, css, layout, tables, considered, bad, style
|
See Also,
*SIMILAR VIDEOS*
Searching Video's for table, layout, css, layout, tables, considered, bad, style
|
advertisement
|
|