I'm still learning CSS, does anyone have any idea how to create good looking table with css on php ? I use standard table from Ms.Frontpage and yes it doesn't looks good I've seen good looking table such as : - Different background color on rows - Same background color but with small white border on rows & column Thanks so much
Unfortunately I don't know how to use dreamweaver mx Infact I just found out DW MX is dreamweaver mx after I search on google I forgot to explain that I'm using wordpress, and just need a simple way to create good looking table on my post
Hey Flux Ive never used wordpress before but I would recommend Dreamweaver MX or a program which is similar to it e.g Adobe Golive. Even if you have to download and use the trial version in that way you can get an idea of how you can create good looking tables using CSS. There are many tutorials out there and if your unsure where to go, then Im sure alot of us here in the forum can refer you to some (piece of cake!!) However, PHP is not my field so Im not sure if its a little bit complex for coding when your creating the tables using CSS. CHEERS
I don't like the fact that this table is only one sort, with single row and column widths, but this page does have a lot of different colour ideas etc. http://icant.co.uk/csstablegallery/ Click on each example to see the whole table change to the new style. Then look at the CSS sheet to see how they did it. Even if you're using dreambeaver or fraudpage or whatever, you can always make your own CSS sheet, right? I hope you can anyway. It's the easiest way to get your way instead of some computer programme trying to guess what you want.
Hi Stomme poes, Thank you so much That is exactly what i'm looking for, there's so many style on that site, perfect
GAH, IGNORE EVERY RECOMMENDATION of using Dreamweaver for ANYTHING. **** that rubbish and the bloated ugly code it makes. The only thing you can learn from using dreamweaver is how NOT to code a website.
^ Well, that's how I first started off (using DW) around 2 years ago. But if you really want to learn, get a plain text editor and start from scratch.
I just tried several css from http://icant.co.uk/csstablegallery/ and some have scroll function with overflow:auto such as 'Grayed Out' style But it's not work on IE, it works okay on firefox & opera though Any idea why ?
Well the "scroll" that you see in the code is unnecessary-- that's a default. IE6 has trouble with "fixed" not "scroll". There IS a lot of stuff in the CSS that IE6 can't deal with, like child selectors > and adjacent selectors +. I've noticed some of the css styles don't match their descriptions, like the lekker-sounding "Chocolate" isn't in the "sexy chocolate colors" that the author claims (in FF no less). To get that scrollbar, at least in FF, he's set the height to something set and overflow:auto makes a scrollbar in FF. IE6 has height issues, where it ignores "min-height" (it doesn't know what that means) and thinks "height" means "min-height"... so setting a height will limit the height in most browsers but not IE6. IE6 will try to extend the table (or any container) to try to fit the content. There are ways to code around it, but basically it's a lot of extra code or an IE6 hack. The number of IE6 problems and bugs is uncountable... do a google search for them and you'll have so many questions answered when they start with "Such-and-such works in all browsers but in IE6 it does this...". : )
This is not a joke. If you need to make a table using HTML, use the <table> tag. Tables should NOT be used for layout, but if you are creating or sorting tabular data, a table is perfectly acceptable. You can find information on coding tables here: http://www.w3schools.com/html/html_tables.asp Ignore all of the Dreamweaver WYSIWYG talk. I use Dreamweaver on occasion because of some of their features I really like (managing multiple sites, built in FTP, automatically closing tags, etc.), but I hand code everything in it. Do not use the WYSIWYG.
I thought the question was, how do I style the table using CSS? That is, a table already built properly in html.
I didn't think about that. Styling a table with CSS is a different story, and is perfectly logical and acceptable.
Hey D, this got me interested so I was curious in finding out the program that you use for websites? Well this is only to my understanding though, I thought DW was the most recommended website builder on the market. However, if there are more efficient ones and your using something else then you dont mind if I ask you the name of that software so I may check it out or is that the secret to your skills na (jok lol)? CHEERS
I use Win32pad, because it's a minimalist text editor - No goofy acid trip syntax highlighting, no tabs (which actually work AGAINST me being I develop on a multiple display system), it's barely a step up from Notepad just 'fixing' the bare minimums. ANY decent text editor should be all you need if you are serious about web development - Notepad++, PSPad, gEDIT, - hell, you can even go old school command line for vi/vim and STILL get more productive than any of that crap overhead the bloated overpriced WYSIWYG trash and half-assed management software brings to the table. If you comment properly, follow/establish a style guide (Wirth or AT&T I don't care, pick one and USE IT), use a top-down directory structure (none of this put each HTML in it's own directory bullshit), work content first with clean semantic markup, and actually bother COMMUNICATING with the people you are working with, you don't need Dreamweaver's management functions... The preview pane shouldn't be used because you should be testing in the ACTUAL BROWSERS - the LAST thing a developer needs added to their gameplan is a rendering engine that doesn't even have anything to do with what ANY user is actually going to see... and there is no such thing as a WYSIWYG that produces clean Semantic code. ... and don't forget to set the editor to two or three space tabs
WHAT!! Your only using Win32Pad, damn I was thinking of an exotic name like 'Super Saiyan Website' or something like that One of my subjects at tertiary studies before learning HTML was notepad. Unfortunately during my studies, I was one of those guys who slept through most of lecturing because lack of patience but that was 5-6yrs ago though. Now, being a Jedi master or on a journey towards it , I have enough stamina to study more and more now Thanks D
If on Gnome, I use gEdit. If on KDE, I use Kate (which shows number of space indents which is great since I don't use tab). Dreambeaver is a tool for visual people who don't know how the code of a website works but want to make their own MySpace or whatever. That said, there are people who've paid (or not?) 570 euros for a "text editor" (Dreambeaver) because they only use it in "code view". Some people like the ftp thingie it does and the code-completion etc. Those of us who are too poor to spend that kind of money on a text editor use the free ones that come pre-packaged with our OS's. I didn't know there were classes on Notepad???? Vi, sure, but Notepad... as far as I know, you open it and type. When you save, just make sure it saves with the same character encoding as what you stated in your meta tag (and server). What else do you have to learn? Watching software try to build a website is like watching a robot dance. Some can do it, but never very well. Text editors: Simple. Free. Communism at its best.
Don't know why DW is bashed all that much. hell I used the code view last year and it ain't all that bad. And only an insane person would pay for it. I do miss the end tag closings though.. where the cursor (after closing the tag) goes behind whatever was inserted, and doesnt stay in front like some other crap text editors. Still gotta find the plugin for that on vim