Saturday, December 13, 2008

How to Reset CSS Width Tag

I faced an irritating bug while developing my gwt application. I am using blueprint CSS framework with GWT, and they collided because of table width value.

Blueprint sets


table {margin-bottom:1.4em;width: 100%;}


This line breaks the design. To reset this tag, you should add


.gwt-SuggestBoxPopup table,.gwt-SuggestBoxPopup td,
.gwt-DecoratedPopupPanel table, gwt-DecoratedPopupPanel td
{
margin: 0px;
padding: 0px;
width/**/:/**/ 14em;
}

Resource:http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml

Tuesday, December 02, 2008

How to Highlight Code Syntax in Blogger

This library is so usefull and works very well

http://code.google.com/p/syntaxhighlighter/

usage is explained here

http://code.google.com/p/syntaxhighlighter/wiki/Usage

But don't forget to enable blogger mode, it is explained in the page below

http://code.google.com/p/syntaxhighlighter/wiki/BloggerMode


Note: Don't forget to change < with & lt; > with & gt;

good luck.

Share