R
E
S
O
U
R
C
E
S
       Question Index      Products & Services      Contact Us      Links


WebHatchers will design & develop your site for you.
_______________________

Website Menu Heaven: side or top popup menus, buttons, image rotators, navbars, tons more.
_______________________

Send us your questions and wittiest comments.
_______________________

Report errors on our site.
_______________________

Share your neatest DHTML examples with us; we may publish them.
_______________________


_______________________

      QUESTION INDEX      

Question Index
Browser Insanity
JavaScript
Animation
Buttons and Menus
CSS and HTML


  INFORMATIVE ARTICLES  

Menus-and-Buttons-
Part-I.htm


Menus-and-Buttons-
Part-II.htm


Change-Div-Size-Color-
and-Location-with-the-
W3C-DOM.htm


Bouncing-Ball-Animation-
with-the-W3C-DOM.htm


Style-Changes-with-the-
W3C-DOM.htm


Animation-with-the-
W3C-DOM.htm


Window-Play-and-Some-
Important-DOM-Methods.htm


Using-getElementsByTagName
-and-getElementsByName.htm


The-CSS-Resources-Intro-
Page.htm


Convert-Word-Files-to-HTML-
and-Install-Editor2-to-
Use-Instead-of-NotePad.htm


CSS-Issues.htm

Copyright © 2002 -
MCS Investments, Inc.      sitemap

CSS-Resources only supports the browsers compliant with the W3C DOM, such as IE 5+ or higher, Netscape 6+ or higher, Firefox and Opera 5+ or higher. To users of the older browsers: it’s the 21st century; get over yourselves!

"Occam’s razor: Prefer the simpler answer over the more complex."

Question Index

Browser Insanity

Why do Netscape and IE display browser text and spacing differently?

Why do the padding and margin styles work differently on IE and Netscape?

Why does anyone still hang onto such dinosaurs as IE 4+ or Netscape 4+? (Since you can get the recent versions of these browsers free on the Net!)

Here's Netscape direct: http://channels.netscape.com/ns/browsers/

Here's Firefox direct: http://www.mozilla.com/firefox/

Here's IE direct: http://www.microsoft.com/windows/ie/default.asp

Why shouldn’t I get one of those long JavaScript routines off the Net that will force sites to display Netscape and IE the same, since they don’t otherwise?

Why doesn’t onMouseMove work from the body tag in Netscape?

Why doesn’t onKeyPress work from the body tag in Netscape?

Why does Netscape not handle more events with event handlers—like IE—rather than making us "capture" them the hard way?

NotePad sucks, won't load big files, can't do ctrl f, no macros. What's better?

How can I get a decent text editor to work right from IE?

What’s a decent Word-to-HTML converter? Office 2000 sucks; it has so much junk in the file after conversion it’s nothing short of a Microsoft nightmare!

Why does using the document.write method after opening a window create a decent new page in both browsers, but then in Netscape clicking a link in that new window loads the parent window into the new little window?

How do I achieve cross-browser compatibility?

Why should we encourage browser owners to update to W3C DOM-capable versions ASAP?

Where can I get help with the IE Box Model Display Bug that's about box widths, borders, margins, and padding?

Which image formats should I use for which types of tasks, in order to maintain good display quality?

What's the main problem with using .png's, and is there decent support for them?

Why do the <UL> (unordered list) bullets go away when I put the list to the right of an image?

How do I achieve cross-browser compatibility with embedded videos?

JavaScript

Can I load an image from an if statement in the body?

How does BASIC compare with JavaScript?

Can I use an alert dialog for debugging and can it print the current value of a variable?

How can one dynamically rewrite nearly any HTML code on a page with just a simple JavaScript function?

If you’ve utilized a timing function with setTimeout but your routine does enough complicated things that timing gets thrown off, how can you get it back on track?

When is an "if" conditional best and when is "switch" best?

How can one use the onChange event handler to respond to various option choices in a drop-down list box?

What's the best way to clear the status bar?

What's the best way to display a message on the status bar?

What is javascript:void(0) and how is it used?

What are the CSS style properties that are the easiest to change using W3C DOM methods?

How can I change an element’s class using W3C DOM methods?

Can I run a function inside another function?

How can any number of elements with sequentially numbered id’s have their style properties adjusted with hardly any code overhead?

Can for loops be used to change style property values on a range of elements?

Why don't we include codes that keep old browsers away from what they cannot comprehend, as well as alternate text code for disabled?

How do I get some page objects to be in higher layers than others without having to play with z-indexes?

Where can I find a simple decimal-to-hexadecimal converter?

Can I call three functions and concatenate their return values into a string all in one variable assignment?

Performing event handling tests would seem to be a useless quest because button rollovers are traditionally handled by onMouseOver and onMouseOut, so what tests are needed?

What can I use for mouse coordinate reading?

How can I use the JavaScript eval() function for dealing with rollovers?

How can I make images enlarge when the mouse cursor hovers over them?

Dealing with the message "Click to activate and use this control" with ActiveX controls like Embed, Object, and Applet

Why doesn't innerHTML act consistently cross-browser or cross-platform?

Is DOM or innerHTML faster executing?

What are some tips for using the innerHTML property to script JavaScript for the various browsers?

What's the best way to preserve a variable between web pages?

What's the best way to keep one div stationary/still/locked while the page is being scrolled, in a cross-browser, cross-platform context?

What's the best way to utilize sounds in a cross-browser, cross-platform context?

Effective embedded sounds avoiding ActiveX

What's the best way to browser-sniff (detection) in a cross-browser, cross-platform context?

Printing all or part of a page without the need for printer-friendly pages

What's the best way to deal with the message Click to activate and use this control with ActiveX controls like Embed, Object, and Applet?

BASIC vs JavaScript

Load Image from If Statement

Global Variables or Parameter Passing?

Animation

What is path animation and how does one do it?

How can I make objects appear and disappear even if they're moving at the time?

How can I simulate gravity with animation?

How can I simulate a bouncing ball?

How do I adjust for different screen edge coordinates in Netscape and IE?

How can I simulate gradual size increases of divs?

How can I coax a web page object to jump away whenever visitors come near it with their mice?

How can I create an animation whereby a mouse click can toggle the action on/off, back/forth, left/right, big/small, etc.?

Why won't slow object property value incrementing result in slow div box changes if you fail to use the JavaScript timing function, or if you change the values in loops rather than in conditionals? Even though one changes the width incrementally, the div change doesn’t kick in until the loop is done. Why?

How does one simulate a slow color change that looks like a curtain being drawn?

How can I get an object to move in a random direction?

What is a cheap graphics software package with which I can create animated gifs, and how do I use it?

What is a free animated gif editor I can use to change the number of repeats, the frame timing, sequence, etc.?

How can I make animated gifs slowly disappear and reappear while animating?

What are the best rules to follow with regards to the use of animated gifs?

Buttons and Menus

Can I make rollover buttons that use CSS only?

What's the best way to make good, dynamic, efficient, robust, effective rollover buttons and menus?

How can I make smooth popup menus?

How can one make popup menus that use NEITHER onMouseOver nor onMouseOut?

What different types of CSS style modification options are there for dealing with rollovers?

How can I use opacity for dealing with rollovers?

How can I use visibility for dealing with rollovers?

How can I use layers for dealing with rollovers?

How can I use background color for dealing with rollovers?

How can I use image source replacement for dealing with rollovers?

How can I use moving buttons for dealing with rollovers?

How can I use display for dealing with rollovers?

How can I use slow opacity for dealing with rollovers?

Once a text link in a div is visited, an annoying dotted enclosure line will be bestowed on the text link to signify visited; how can I avoid this?

Why can't I use concatenated strings to build up a variable to use as an image source name?

How can I use the JavaScript eval() function for dealing with rollovers?

Am I permitted to use moving buttons to negative, off-screen coordinates for hiding them while dealing with rollovers?

What is the main liability of using the display property style with rollovers?

Is there an onMouseOut bug in all the browsers?

Could a simple WYSIWYG web page editor such as Cool Page (version 2.72) create menus and rollovers—even popups?

What are onMouseMove and mouse coordinate parameter checking and why are they vital tools for menu and button JavaScript?

What's this onCoordsOut invention of ours that we're saying should be in all the browsers?

What are the benefits of our onCoordsOut idea?

How can I make smooth, efficient popup menus that can use any popup menu image I create?

How can I make smooth, efficient popup menus that need no images either for buttons or popup boxes, so they need no load time?

How can I make smooth, efficient popup menus that are on the side of my page, not the top?

How can I utilize merely changing a class to make a button image change to a different image?

Must I always preload images?

How can I create a div button that changes to a different color (16,000,000+ possibilities) every time it's clicked?

How can I use the hover pseudo-class with a linked div button so that it changes (when your mouse is on it) from an undepressed button to a depressed button, but with no images involved?

CSS and HTML

Where can I get help with the IE Box Model Display Bug that's about box widths, borders, margins, and padding?

Can I make rollover buttons that use CSS only?

What is the difference between rules, selectors, values and properties?

How would we contrast a professionally designed website with a teaching site with regards to the use of embedded, inline or style sheet CSS?

What are the CSS style properties that are the easiest to change using W3C DOM methods?

Are you allowed to have containers (like div and span) inside containers and ids inside containers with different ids?

What CSS styling technique is needed to keep the cursor an arrow rather than a text cursor when the mouse is over buttons with text but no link?

What are collapsing margins and why doesn't someone help the poor things?

Can you use borders around inline elements like tags?

What are the rules for how one uses font shorthand?

What are the best ways to get fancy borders to work?

What are the best ways to replace bullets or other list markers with your own images?

What are the best ways to do div box positioning with absolute and relative positioning?

How can I tell what will overlap what in absolute positioning?

What are all these nutty terms: context box, relative, fixed, static, absolute, inherited, parents, ancestor, children, siblings, ems, normal flow, and nested?

How can I position several page elements inside another larger element?

Why in the world is column layout such a pain in the tail in CSS; why is there no Column property?

What are some ways to have your web page jump focus to a certain spot on a page?

What are the main choices I have when it comes to CSS page layout?

What is the best way to deal with footers when it comes to CSS page layout?

What is reputed to be quite a good strategy when it comes to 2-column CSS page layout?

What is reputed to be quite a good strategy when it comes to 3-column CSS page layout?

What is reputed to be a classic when it comes to 3-column CSS page layout?

Is there a way to base column layout on the margin property when it comes to CSS page layout?

Is there a way to base column layout on the left property when it comes to CSS page layout?

Is there a way to base column layout on the padding property when it comes to CSS page layout?

Is there a way to base column layout on the relative positioning property value when it comes to CSS page layout?

Is there a way to base column layout on nested divs when it comes to CSS page layout?

Is there a way to base column layout on the float property when it comes to CSS page layout?

Is there a bug in the float property when it comes to Netscape CSS page layout?

Is there a way to have text flow around pictures, sidebar text, and pull-quotes when it comes to CSS page layout?

How can I make layouts work right when people use the Text Size option on the View menu in IE or the Text Zoom option in Netscape to enlarge their text size?

How can I get the Text Size option on the View menu in IE to function correctly to enlarge text size (it seems broken)?

What is the better text size unit for site design, pixels or ems?

Why am I sometimes getting overlaps in column paragraphs vertical to one another?

Why does the width increase on some columns until they overlap their neighbors when you test text enlarging for accessibility?

How do I achieve cross-browser compatibility with embedded videos?

Why are MPEG 1 files best for embedded videos?

What's the very best way to do fixed positioning so backgrounds and menus stay put?



Copyright © 2002 - MCS Investments, Inc.     sitemap