CSS Practice Page https://billusia.runboard.com/t35 Runboard| CSS Practice Page en-us Thu, 28 Mar 2024 10:18:50 +0000 Thu, 28 Mar 2024 10:18:50 +0000 https://www.runboard.com/ rssfeeds_managingeditor@runboard.com (Runboard.com RSS feeds managing editor) rssfeeds_webmaster@runboard.com (Runboard.com RSS feeds webmaster) akBBS 60 Re: CSS Practice Pagehttps://billusia.runboard.com/p228884,from=rss#post228884https://billusia.runboard.com/p228884,from=rss#post228884Thanks, Mo! I'm glad you enjoyed it. nondisclosed_email@example.com (Lesigner Girl)Tue, 12 Aug 2008 00:42:57 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p228882,from=rss#post228882https://billusia.runboard.com/p228882,from=rss#post228882That was fun. You are all very clever people.   nondisclosed_email@example.com (Morwen Oronor)Mon, 11 Aug 2008 16:29:10 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p366,from=rss#post366https://billusia.runboard.com/p366,from=rss#post366Yikes! It's almost impossible to read the blue text on the green background. I'm glad you're having fun with it, dadog. nondisclosed_email@example.com (Lesigner Girl)Wed, 16 Aug 2006 14:28:27 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p365,from=rss#post365https://billusia.runboard.com/p365,from=rss#post365coolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolcoolnondisclosed_email@example.com (dadog963)Tue, 15 Aug 2006 18:29:25 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p364,from=rss#post364https://billusia.runboard.com/p364,from=rss#post364heres a cool 1 body { font-size: 12px; background-color:#f4f3e9; font-family:verdana,arial,sans-serif; } table { width: 95%; margin: 0 auto; border: 1px solid #999; } td { vertical-align: top; } /* Note: .master_table is the main table with the dashed yello border */ .master_table { border: 5px dashed #0C0; } .master_table_header_td {        border: 1px solid; border-color: #fff #999 #999 #fff; text-align: left;        font-weight:bold; background:#eee url('http://img85.imageshack.us/img85/4557/marblebg2hu.jpg'); } .first_list_td { border: 1px solid #999; width:50%; } .second_list_td { border: 1px solid red; background:#fff; } /* Note: .inner_table is the table with the dashed purple border. */ .inner_table { font-size: 20px; width: 50%; border: 5px dashed #C9E; text-align: right; } .first_inner_td { border: 1px solid gray; background-color: green; vertical-align:bottom; } .second_inner_td { font-size: 25px; border: 1px dashed #ff0; background: green; color: blue; text-align: left; } .third_inner_td { border: 1px solid black; background: #f03cd9; } .firstspan, .secondspan, .thirdspan, .fourthspan { border: 1px solid black; } .secondspan { color: #0C0; border-color:#00F; } .fourthspan { display: block; margin: 1em 2em; background:#ccf; font: 150% georgia,'times old roman',serif; } nondisclosed_email@example.com (dadog963)Tue, 15 Aug 2006 18:27:38 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p363,from=rss#post363https://billusia.runboard.com/p363,from=rss#post363nvm i found it nondisclosed_email@example.com (dadog963)Tue, 15 Aug 2006 18:22:22 +0000 Re: CSS Practice Pagehttps://billusia.runboard.com/p362,from=rss#post362https://billusia.runboard.com/p362,from=rss#post362  it wont work because u yhave 2 edit itnondisclosed_email@example.com (dadog963)Tue, 15 Aug 2006 18:17:29 +0000 CSS Practice Pagehttps://billusia.runboard.com/p361,from=rss#post361https://billusia.runboard.com/p361,from=rss#post361I threw this practice page together for novices who want to see on-the-fly how CSS works. When you first load the page, it will look very ugly, with different objects having vastly different properties so you can see the difference. Try sticking this code in there and see the changes: body {       background:#f4f3e9 url('http://img465.imageshack.us/img465/3052/contentbg1ls.jpg');       font-size: 12px; font-family:verdana,arial,sans-serif;       } table { width: 90%; margin: 0 auto; } td { vertical-align: top; } /* Note: .master_table is the main table with the dashed green border */ .master_table { background:#EAEAE7 url('http://img85.imageshack.us/img85/4557/marblebg2hu.jpg');            margin-top:1em; } .master_table td { border: 2px solid; border-color: #fff #999 #999 #fff; } td.master_table_header_td {        border: 3px solid; border-color: #fff #999 #999 #fff; text-align: center; } .first_list_td { width: 50%; } td.second_list_td { border:1px solid; } /* Note: .inner_table is the table with the dashed purple border. */ .inner_table { font-size: 12px; width:100%; } .inner_table td { border: 1px solid; border-color: #999 #fff #fff #999; } .firstspan, .secondspan, .thirdspan, .fourthspan { border: 1px solid black; } .firstspan { color: #669;} Now replace it with this in and view the changes: body { } table { } td { } /* Note: .master_table is the main table with the dashed green border */ .master_table { } .master_table td { } td.master_table_header_td { } .first_list_td { } td.second_list_td { } /* Note: .inner_table is the table with the dashed purple border. */ .inner_table { } .inner_table td { } .firstspan, .secondspan, .thirdspan, .fourthspan { } .firstspan { } Nothing is defined, so it's all just lumped together. Now try adding some of your own styles and see what you can come up with. If you come up with something that looks really good, feel free to post it here between the [code][/code] tags to show it off. nondisclosed_email@example.com (Lesigner Girl)Fri, 25 Nov 2005 05:03:51 +0000