It is very easy to turn off the users ability to resize the textarea. To turn off this feature, use the following css code. This is used to remove the users ability to resize the textarea. [css] textarea{resize: none} [/css] The two properties that can be used are max-width and max-height. This will give the …
Tag: CSS
Permanent link to this article: https://blog.openshell.in/2013/07/turn-off-resize-textarea/
May 18
CSS – Rounded Corner with shadow
Target Audience : Web Developers Hello, web developers! Here I would like to tell you how to make the round corner with shadow for banners or any other components of html. Look the code below: -moz-border-radius-bottomright: 14px; -moz-border-radius-bottomleft: 14px; -web-border-radius-bottomright: 14px; -web-border-radius-bottomleft: 14px; -webkit-border-radius-bottomright: 14px; -webkit-border-radius-bottomleft: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; -moz-box-shadow: 0 0 25px …
Permanent link to this article: https://blog.openshell.in/2011/05/css-rounded-corner-with-shadow/
Apr 26
What is the difference between padding and margins?
Margins and padding can be confusing to the web designer. After all, in some ways, they seem like the same thing white space around an image or object. Padding is the space inside the border between the border and the actual image or cell contents. In the image, the padding is the yellow area around …
Permanent link to this article: https://blog.openshell.in/2011/04/what-is-the-difference-between-padding-and-margins/
Jan 03
CSS trick (CSS RESET BY ERIC MEYER)
CSS RESET This piece of CSS code resets all the browser default styles preventing any browser inconsistencies in your CSS styles. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, …
Permanent link to this article: https://blog.openshell.in/2011/01/css-trick-css-reset-by-eric-meyer/
Dec 03
5 CSS tricks you may not know
Using multiple classes together Usually attributes are assigned just one class, but this doesn’t mean that that’s all you’re allowed. You can actually assign as many classes as you like. For example: <div class=”class1 class2″></div> The class names are separates by a space. So that means “class1” and “class2” calls up the rules assigned to …
Permanent link to this article: https://blog.openshell.in/2010/12/5-css-tricks-you-may-not-know/
Permanent link to this article: https://blog.openshell.in/2010/12/slideshow-using-jquery/
Nov 30
Rounded Corners
When CSS3 is fully supported across browsers rounded corners will be as simple as: .element {border-radius: 5px} which will set a 5px radius on all 4 corners. For now we need some browser specific CSS combined with a little JavaScript to make this work in all browsers. In Safari, Chrome, and other webkit browsers we …
Permanent link to this article: https://blog.openshell.in/2010/11/rounded-corners/
Nov 29
Make 3D buttons view in CSS
3D CSS buttons are easy to create. The trick is to give your elements borders with different colors. Lighter where the light source shines and darker where it doesn’t. div#button {background: #888; border: 1px solid; border-color: #999 #777 #777 #999 } The CSS above will create a button with the light source at the upper …
Permanent link to this article: https://blog.openshell.in/2010/11/make-3d-button-view/