myspaceprodesigns.com

layouts

Paint Div Layout

author: Chadd

Your Ad Here

new stuff

hot stuff

Advanced HTML/CSS Tutorials

• Basic MySpace Tutorials • Basic XuQa Tutorials • Advanced HTML/CSS Tutorials •
• Recommended Books • Useful Tools •

Please select a topic. You are currently viewing our advanced tutorials. If you are looking for basic HTML tutorials for MySpace or XuQa, please select those options.

CSS Tutorials

We get a lot of questions on CSS daily via email. This section covers some of the most common questions we get regarding use of CSS properties to do more than basic page styling. Most of these tutorials reference our demos listed at the bottom of this page to help our users understand the CSS better.

CSS Hovers, Image Rollovers, and Popups.

How to make CSS popups and create image rollovers

Nesting Elements

Creating functional pages with nesting of elements.

CSS Polaroid Pictures

How to create a CSS based polaroid picture without an image editing program.

Floating Elements

Understanding floats and float properties.

Positioning and CSS

Understading CSS positioning properties with a demo.

HTML Tutorials

We will be adding to this section in the near future, but image maps are also a topic that we recieve lots of questions on. This 2 part tutorial covers both client side, and server side image maps.

Image Mapping Tutorial

Understanding client side and server side image maps.

Browser Bugs

Many of our users who are making their own layouts (and follow some of our tutorials) see constant browser bugs due to some problems with Internet Explorer's handling of CSS. The reason for this is that our tutorials teach the fundamentals of CSS and how to apply it correctly, which Internet Explorer doesn't always like. These tutorials address the most common problems and how to fix them with minimal modification of code.

Border Box Model and IE

A brief explanation of the incorrect handling of the border-box model in Internet Explorer and how to overcome it.

Fixed Positioning and IE

Why fixed positioning doesn't work in IE

Float Handling and IE

Float errors in Internet explorer and how to overcome them with demos.

HTML and CSS Demos

Our demos continue to grow as we get requests from our users. Many of these demos are referenced in other tutorials, but can be handy for a quick example on how to apply CSS and what some of the most common properties do.