Fbloggs Geekdom » CSS http://www.fbloggs.com Duncan's musings on tech related topics Fri, 09 Jul 2010 10:26:58 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 The jQuery UI CSS Framework – Part 2: How To Create Widget-style Boxes http://www.fbloggs.com/2010/02/03/the-jquery-ui-css-framework-part-2-how-to-create-widget-style-boxes/ http://www.fbloggs.com/2010/02/03/the-jquery-ui-css-framework-part-2-how-to-create-widget-style-boxes/#comments Wed, 03 Feb 2010 07:05:21 +0000 fbloggs http://www.fbloggs.com/?p=280 This is the second post in a series on the jQuery UI CSS Framework.    Here’s the first one.

Today I’ll show you how to create a nice looking box that has sort of a widget appearance to it. The jQuery UI components…

]]> http://www.fbloggs.com/2010/02/03/the-jquery-ui-css-framework-part-2-how-to-create-widget-style-boxes/feed/ 3 The jQuery UI CSS Framework – Part 1: Intro and How To Style a Button http://www.fbloggs.com/2010/01/20/the-jquery-ui-css-framework-part-1-intro-and-how-to-style-a-button/ http://www.fbloggs.com/2010/01/20/the-jquery-ui-css-framework-part-1-intro-and-how-to-style-a-button/#comments Wed, 20 Jan 2010 20:39:43 +0000 fbloggs http://www.fbloggs.com/?p=252 This is the first in a series of articles on the jQuery UI CSS Framework.. This is a powerful suite of CSS selectors that you can use to build web applications with a consistent UI. The main jQuery UI demo…

]]> http://www.fbloggs.com/2010/01/20/the-jquery-ui-css-framework-part-1-intro-and-how-to-style-a-button/feed/ 5 How to correct font size problem with tables in jQuery UI widgets http://www.fbloggs.com/2009/12/30/how-to-correct-font-size-problem-with-tables-in-jquery-ui-widgets/ http://www.fbloggs.com/2009/12/30/how-to-correct-font-size-problem-with-tables-in-jquery-ui-widgets/#comments Thu, 31 Dec 2009 00:11:27 +0000 fbloggs http://www.fbloggs.com/?p=225 I just recently used jQuery UI tabs in an application. Within a couple of the tabs I used tables for content (let’s not have a religious debate about using tables for layout, please). Anyway, the font size came out much bigger…

]]> http://www.fbloggs.com/2009/12/30/how-to-correct-font-size-problem-with-tables-in-jquery-ui-widgets/feed/ 0 My Favorite FireFox Plugins for Web Development http://www.fbloggs.com/2009/06/05/my-favorite-firefox-plugins-for-web-development/ http://www.fbloggs.com/2009/06/05/my-favorite-firefox-plugins-for-web-development/#comments Fri, 05 Jun 2009 20:51:21 +0000 fbloggs http://fbloggs.wordpress.com/?p=68 Firebug – debug your applications. An absolute must. Best features:
  • Debugger – step through, over, etc.
  • Console log for monitoring AJAX interactions -shows parms sent, data returned, round-trip time.

  • Web Developer – fantastic CSS diagnostic support. Best features:
    • View generated source – important…
    • ]]>     http://www.fbloggs.com/2009/06/05/my-favorite-firefox-plugins-for-web-development/feed/ 1     CSS and Tables – Margins don't work on rows or cells (tr or td) http://www.fbloggs.com/2009/05/02/css-and-tables-margins-dont-work-on-cells/ http://www.fbloggs.com/2009/05/02/css-and-tables-margins-dont-work-on-cells/#comments Sat, 02 May 2009 23:08:56 +0000 fbloggs http://fbloggs.wordpress.com/?p=60 Tables do not conform to the normal CSS box model as W3C explains .

    A consequence of this is that you cannot use the margin property for cells or rows. Citing the above page: “Internal table elements generate rectangular boxes with…

    ]]>     http://www.fbloggs.com/2009/05/02/css-and-tables-margins-dont-work-on-cells/feed/ 0     How to Style the Trigger Button Image of a jQuery Datehandler http://www.fbloggs.com/2009/04/16/how-to-style-the-button-image-in-jquery-datehandler-ui/ http://www.fbloggs.com/2009/04/16/how-to-style-the-button-image-in-jquery-datehandler-ui/#comments Thu, 16 Apr 2009 18:30:08 +0000 fbloggs http://fbloggs.wordpress.com/?p=28 http://www.fbloggs.com/2009/04/16/how-to-style-the-button-image-in-jquery-datehandler-ui/feed/ 5