html, css, jQuery, PHP, mySQL

Posts Tagged ‘span’

CSS From Scratch. 8:3 Fancy Boxes

Wednesday, August 10th, 2011

How do web designers manage to get those cool effects, like overlapping boxes, shadows and rounded corners? Well, it used to be fairly tricky to do, using extra <span> elements with background images (for rounded corners) and extra divs with darker backgrounds (for box shadows). Don’t even mention drop shadows on text: the only browser […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 8:2 Background images.

Wednesday, August 10th, 2011

Many experts agree that it is best to include images in your web page using CSS. This makes it easier to edit them later, and maintains the separation of concerns (CSS used only for appearance, HTML used only for semantic markup). Others disagree, and say that it is better for accessibility to use HTML <img> […]

Tags: , , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 6:4 The float property.

Sunday, August 7th, 2011

It is useful not to need to position each element separately when the intended effect is to place elements side by side. This is especially true when creating a horizontal list, for example for navigation links. Perhaps the final number of links is unknown, as more pages may be added later. You can achieve this […]

Tags: , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 6:2 Family Relationships

Sunday, August 7th, 2011

When positioning elements with CSS it is useful to understand that nested elements have relationships with each other. The terms used to describe the various nesting relationships are borrowed from family descriptions. Thus, there are parents, children, siblings, grandparents and grandchildren. These are not words that you need to use in the CSS itself, but […]

Tags: , , , , , , , , , , , , , , , , ,
Posted in Tutorials | No Comments »

CSS From Scratch. 6:1 Positioning: the display property.

Sunday, August 7th, 2011

CSS allows us to move elements around the page, and even stack elements on top of each other. We can control the dimensions and positions of elements at the pixel level. This is one of the most significant advantages of using CSS for presentation rather than HTML attributes. Elements in CSS largely fall into two […]

Tags: , , , , , , , , , , ,
Posted in Tutorials | No Comments »