|
Easy Cascading Style Sheets
Understanding CSS Positioning One of the most important CSS webpage layout concepts to understand how to position
webpage elements. In this article you'll learn how a web browser places elements on
the webpage as it renders the display, and you'll learn about the five different
methods of positioning: static, relative, absolute, fixed, and float. More ... Easy Three-level Expanding Menu Code In a previous article, I described an easy method to create an
expanding menu similar to Windows Explorer, but with only one level of sub-menus. This
article provides code for a similar expanding menu, except with two levels of sub-menus. More ... How to Use a Pull Quote A pull quote is a sentence or two extracted from an article and placed in quotes. The
extracted text is used as a "teaser" to entice the reader to continue reading. By using
quotation mark and background images along with choice of fonts, font size and color,
you have infinite opportunities for creativity in the design of pull quotes. More ... Spice Up Your Web Forms with Color and Graphics You've used color and graphics to create a visually exciting Web site. Then you add
a web form with the default font and gray and white colors. You don't have to have
dull Web forms. In this article I show you a few tricks that you can use to spice up
your Web forms. More ... Pro CSS Techniques One thing this book focuses on that is different than the majority of other CSS book is that is
stresses creating semantic markup throughout the design and development process. What this means
is that the code is free of presentational information using div and span only when absolutely necessary. More ... Easier Expanding Menu Code This article provides you with easier expanding menu code than a previous article did
by losing automatic menu unexpand feature and added some easy CSS code to provide nice
mouse over effects. More ... The CSS Box Model One of the most important CSS webpage layout concepts to understand is the box model.
Every element on a webpage is actually a rectangular box. Exactly how a box will display
depends upon the positioning method used, which other CSS properties you set for the box
and how you select the box. More ... Easy Visual Effects to Spice Up Your Webpage This article demonstrates how easy it is to use Internet Explorer's built-in functions
to create interesting visual effects to spice up your webpage. Add only a few simple
lines of Java Script code and you can create very impressive dynamic effects. More ... Create CSS Button Rollovers In this article, you'll learn how to create the rollover effect without using Java
Script and without preloading images. You'll learn how to combine the "up", "over",
and "down" images into a composite image, and how to use Cascading Style Sheets (CSS)
to specify a position offset into the image in order to display the proper section
for each button state. More ... Understanding CSS Selectors In order to apply style to an html element or elements, you have to be able to select
that element or those elements, that's where CSS selectors come into play. This article
shows you how to use class selectors, id selectors, descendant selectors, grouped selectors,
pseudo-class selectors and attribute selectors. More ...
|