Developers Den

How to Show only the alpha layer of a png

Wed, 13 Jun 2007 11:35:37 +0200

Yay here it goes!

obviously i have substituted square for jagged parethesis

Ok the compiler has also decided to put smiley faces where my semi colons should have gone arrrrghhh!

[span style="width:415px;height:98px;display:inline-block;
/* the height and width should match those of the image */
filterrogidXImageTransform.Microsoft.AlphaImageLoader(src='images/mobile_graphics/uplands_logo_mob.png');
/* apply the background image with Alpha in IE5.5/Win. The src should match that of the image */
"][img style="
filterrogidXImageTransform.Microsoft.Alpha(opacity=0);
/* make the real image fully transparent in IE5.5/Win, so the Alpha image can show through */
" src="images/mobile_graphics/uplands_logo_mob.png" width="415" height="98" border="0" alt="][/span]

Comments

Randomly Try this for size

Wed, 02 May 2007 14:15:54 +0200

Firefox

Firefox is unbelievably strict.

Never put two of the same type of attribute in a tag

If you want to load an external style, or for that matter any in the header sectionb of your document; ensure that you dont apply any inline styles.

Peace out

Comments

Revelation

Tue, 01 May 2007 14:41:22 +0200

To get a color value to work in css it has to be sharped first

eg #b355f2 it will then yeild every border you have set! hahaha

Also make sure the border is set to solid otherwise it will show the nasty 80s style microsoft borders with a jagged and fake 3d effect

Comments

OK Here We Go

Tue, 01 May 2007 12:31:09 +0200

A land of intrigue

I finally convinced the MD of my company to let me do some work on the companys website.

Mostly graphical stuff.

There was a web design company that offered a full ASP and SQL driven site but he thought it would be a waste of time and 4 grand.

As any newbee web designer looking to become a fully fledged webmaster could tell you, it would be a walk in the park to learn dynamic HTML if not for the lousy lack of compliance between browsers.

In fact the majority of my recent learning curve has been in the fundamental differences between what style one browser will accept whilst it is rejected by another browser.

This means that creating a dynamic website takes twice as long as it should because implementation takes a heck of a lot of debugging in order to make it compliant with every browser type.

The Problem

Any way

I started doin pretty little drop downs and the drop options were st to a opacity of 60%. I wanted to create a function so that when each cell in the drop down was hovered over it would have a opacity of 100%

This time i have discovered a sick and twisted truth about internet explorer.

If you wish to use css to perform hover features over elements in Ie, it will only work for anchors.

The funny thing is that in mozilla and netscape browsers the hover feature will work for any element. Just proves that there is still a lot of incompatibility.

The Solution

I got around this problem by using javascript and DOM commands.

instead of class="my element"

i had to use onmouseover="hovermode()" onmouseout="hoveroffmode()"
and obviously manipulate these functions in a javascript

this is an example

function hovermode(x)
{
manipulatedelement = document.GetElementById(x).style
manipulatedelement.WhateverStyleFeatureHappensonHover
mainpulatedelement.ditto
}

I think Microsoft are short changing everyone by creating severely non standards compliant browsers but hey. Im just a beginner!

I reckon that If you want to make awesome looking sites it's in your advantage to use DOM over standard CSS because at least it can save you the hassle.

Its a shame because CSS is a really handy feature of web design and saves a lot of needless text.

Comments

Fundamentals

Thu, 26 Apr 2007 16:37:10 +0200

There are many beatuful things out there in cyberspace.

I personally think that we can all learn from taking a breather and surfing for stuff that has been produced with a creative eye.

If you ever fancy seeing the creative side to the web, check out
Css Zen Garden

This thing will blow your mind and really is the way forward for the modern artist.

Chencuie!

Comments

The Fundamentals

Thu, 26 Apr 2007 16:32:31 +0200

Comments

Welcome Welcome Welcome

Thu, 26 Apr 2007 16:25:39 +0200

What Is All Of This All About?

I have started writing this thingy because I want to document my progress as a wannabe developer.

I also want to write because I havn't been afforded the opportunity to do so for some great deal of time.

Im on some kind of crazy journey and at the age of 22 have now realised that I have to pick a direction and just follow it.

Who the Hell Am I?

After graduating with a degree in Philosophy and social Anthropology I did what any self serving graduate would do and I went and got myself a job in a call centre.

By some stroke of luck I ended up managing a website and in the end I would up wanting to learn web based languages.

Pretty Boring You May say

We I kinda have this theory that all art begins in humble origins and If people can learn to use this new medium in a totally creative way then we will be all the better.

Finally I am here to paint a philosophical view of the web, some 15 years into its advent." class="middle" border="0">

Comments