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

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

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.