|
Post by Brett Ludwick on Apr 5, 2015 19:54:26 GMT -8
It was good to review how to style forms and I learned a couple of new things from the readings because the complexity of the examples. I like the ability to specifically target certain cells with the pseudo-classes: first-child, last-child, etc., but I still kept mine fairly simple. I might try rounding the table corners with them like the example. I don't think I fully understood how to best style individual columns or rows, but feel pretty confident now by simply applying various classes to them. I still don't understand the importance of the "scope", "colspan", and "rowspan" attributes. To save a little time, I started with typing all the text in a text editor (.txt) with commas between (which separate the column items) and new line returns (which add a new row) and imported it into Dreamweaver to save me from retyping <td>, <tr>, etc. over and over because it adds those for you. After importing, it included minimal html styling at the beginning like cell padding, spacing, and border, which I promptly deleted, then began adding all the CSS and html. Assignment 11
|
|
|
Post by Judy Fontanella on Apr 7, 2015 7:39:50 GMT -8
Your table looks really good. You did a nice job with it. Just one thing to fix. The th cells have widths set in the html. You need to put that in the css. If you set paddings, though, you probably won't need to set the widths.
That's great that you were able to import comma delimited data. Isn't that a great feature of Dreamweaver? I've used it a lot and it does save a lot of time.
Colspan spans a number of columns. So, if you need a cell that goes across 4 columns, you'd use "colspan=4". "rowspan=3" would span 3 rows, instead of columns.
|
|
|
Post by Brett Ludwick on Apr 7, 2015 10:20:16 GMT -8
Yeah, I didn't notice when those got automatically slipped in there. It was easy to fix - just had to delete those out of there. I didn't have to add anything additional, because I already had padding set. Revision: Assignment 11
|
|
|
Post by Judy Fontanella on Apr 8, 2015 8:00:17 GMT -8
That's great now. In Dreamweaver, if you drag on a border between cells, it sets a width. That might be what happened. At any rate, it's super now.
|
|