Z-index, background images and hidden text - Search Eng

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

Z-index, background images and hidden text - Search Eng

In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning
http://www.sebastiansulinski.co.uk/web_design_tutorials/css/z-index.php
  • Total Hits: 12692

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 139 votes

  • Category: CSS/Advanced

  • Submitted on: 2008-03-07 10:10:16

  • Submitted By: Devesh Khanna

  • Set as Favorite

Description:

In this tutorial I will explain how to use background images with a different tags to place them one on top of the other using absolute positioning and z-index.
Demo is available here.

Images used in this tutorial: 01.gif | bullet.gif

First create a simple structure like for instance:


Some text with the keywords


Some more secondary keywords


    More detail...

Rating Detail

 Stars  Percentage  Total Vote
 One star  Vote LeftVote MiddleVote Right 38.85%  54
 Two starsTwo star  Vote LeftVote MiddleVote Right 10.07%  14
 Three starsThree starsThree stars  Vote LeftVote MiddleVote Right 11.51%  16
 Four starsFour starsFour starsFour stars  Vote LeftVote MiddleVote Right 10.79%  15
 Five starsFive starsFive starsFive starsFive stars  Vote LeftVote MiddleVote Right 28.78%  40

Caste Your Vote

 Rating  Selection  Guidelines
 Poor:     Very disappointing, useless.
 Fair:     Below average, disappointing but not useless.
 Good:     About average in its class.
 Very Good:     Above average for its category.
 Excellent:     One of the best Tutorials in its category.





Advertisements
Advertisements