Archive for the 'CSS' Category

Flash z-index fix by setting wmode to transparent

You should have experienced that a div is being partially or completely covered by a Flash object or Flash movie. No matter how you specifically set the z-index of your DIV to be higher than the Flash movie, it’ll not work on your browsers.

Continue reading ‘Flash z-index fix by setting wmode to transparent’

Create a pop-up lightbox upon body onload

This is an example that shows a lightbox effect upon the body onLoad event. There are three JavaScript functions here which you can call to show the lightbox, which are pop_up_light_box(), pop_up_light_box_with_delay(secs) and pop_up_light_box_for_ie_only(secs). As their names imply, the first one shows a lightbox effect, second one shows a lightbox effect with specified number of seconds of delay; while the 3rd one shows a lightbox for IE browser only.

Continue reading ‘Create a pop-up lightbox upon body onload’

CSS gets Object-Oriented

CSS guru, Nicole Sullivan, has a way to make CSS Object Oriented. To me, CSS would then be possible to be used with useful features found in Object Oriented programming languages, such as Java. So, inheritance, properties overriding should be possible with the OO CSS? Lets look at what the guru has to say:

Continue reading ‘CSS gets Object-Oriented’

CSS to inline styles converter

The previous post I’ve written about that GMail strips CSS (included in <style></style> or included as external CSS) in an HTML-based email. In order to have GMail to display an HTML-based email properly without losing the original CSS formatting, you’ll have to convert the CSS used in the web page or HTML-based email into inline styles.

Continue reading ‘CSS to inline styles converter’

Gmail strips CSS of HTML email, you must use inline CSS for GMail

Wonder why the HTML based email sent out by your PHP script will NOT display properly in GMail? GMail will strip all the CSS that is included in between the <style></style> tag pair (internal stylesheet) or the external style sheet included, such as
<link rel=”stylesheet” type=”text/css” href=”http://mycss.com/my.css” />.

Continue reading ‘Gmail strips CSS of HTML email, you must use inline CSS for GMail’

Ajax, DHTML, CSS apps development tools to come to mobile phones

It’s definitely exciting to know that mobile phone applications can be developed using the languages that an Ajax or Javascript developer has been familiar with. The mobile phone industry has been having a number of makers starting creating OSes or platform that allows the development of mobile applications using DHTML, JavaScript, CSS and Ajax etc.

Continue reading ‘Ajax, DHTML, CSS apps development tools to come to mobile phones’

Round corners with CSS only without images

This is a <div> with round corners without using image

I’ve recently been involved in a web development project, which I need some round corners for some tabs in order for the web pages to look cool! (As shown above) Round corners on tabs, boxes of contents or menus will always make your web page look so appealing and neat.

Continue reading ‘Round corners with CSS only without images’

Prototype – a fantastic JavaScript Framework, simplifies Ajax coding

Prototype - a fantastic JavaScript Framework, simplifies Ajax codingWhat is Prototype? Prototype is a JavaScript framework that simplifies AJAX coding and extends the DOM structure. Prototype comes with several short-cut coding methods and modules to allow you to shorten your AJAX coding and it’s browser-safe. Prototype is now available with the latest version, 1.6 for download.

To start using Prototype in your web apps, it’s easy, just download the prototype.js file and include it in any JavaScript tag pairs shown as follows then you can start using the simplified coding in AJAX offered by Prototype.

<script src=”prototype.js” type=”text/javascript”></script>

Continue reading ‘Prototype – a fantastic JavaScript Framework, simplifies Ajax coding’