March 2010
M T W T F S S
« Dec    
1234567
891011121314
15161718192021
22232425262728
293031  

Centering: Auto-width Margins

body {
margin:50px 0px; padding:0px;
text-align:center;
}

#Content {
width:500px;
margin:0px auto;
text-align:left;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}

css

root reference:
runat=”server” use ~/
html use ./

valign

 

DISPLAY

: block; FLOAT: left; WIDTH: 124px; COLOR: #fff; LINE-HEIGHT: 37px; HEIGHT: 41px; TEXT-ALIGN: center; TEXT-DECORATION: none

Most used CSS tricks

http://stylizedweb.com/2008/03/12/most-used-css-tricks/

tab

http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.html

form

http://www.noupe.com/css/47-excellent-ajax-css-forms.html

icon

http://www.divland.com/blog/2008/02/21/39-free-icon-ready/

css technic

http://veerle.duoh.com/

http://www.noupe.com/

http://prototype-window.xilinus.com/samples.html

http://www.swfir.com/

simple modal

http://www.ericmmartin.com/simplemodal/ 

Style Your Image Links

Mouse over behaviors have a certain significance when we’re talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. Those “clickable” sections certainly include content images. But what can you do with image mouseovers? Add a different border? [...]

Drop shadow div (IE)

<div style=” color: White; background-color: Maroon; width: 200px; height: 200px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=’gray’, Positive=’true’)”> xxxxxxxxxx</div>

ref: http://msdn2.microsoft.com/en-us/library/ms532985.aspx

css and javascript tutorial

http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html

http://www.askthecssguy.com/examples/formfieldhints/example07.html

https://crazyegg.com/overview

http://docs.jquery.com/Tutorials

http://docs.jquery.com/Types

http://www.malsup.com/jquery/corner/