Sign In | Subscribe

Enter your Sign on user name and password.

Forgot password?
  • Follow us on:
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of CSS
  • Discussion

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Lecture Comments (4)

0 answers

Post by Jitrada Aramphong on February 4, 2013

I wouldn't advise you to use spaces in naming any FILES for html use.

2 answers

Last reply by: alexander John
Mon Dec 24, 2012 10:03 PM

Post by alexander patterson on January 5, 2012

If the img file name has a space is space in it is correct to do something like this? :

background-image: url("/Users/Alec/Documents/new webiste/iphone repeater.png");

Images in CSS

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • General Concepts 0:12
    • General Concepts of Images
    • Bandwidth and Images
  • Example 1: Photo Gallery Tune-up 2:16
    • Step 1: Give a Gallery of Images Nice Spacing
    • Step 2: Remove the Browser Border From Each Images
    • Step 3: Give a Nice Custom Border to Images on Hover
    • Step 4: Enhance Images with Rounded Corners for Browsers that Support It.
  • Example 2: Background Images 10:56
    • Step 1: Add a Graphical Decoration to an Existing Element Using Background-image
    • Step 2: Add a Graphical Decoration in a <Div> Created for It.
  • Example 3: Replacing Text with Images 19:57
    • Step 1: Enhance a Heading by Replacing the Text with an Image
  • Example 4: Image Sprites 25:08
    • Introduction to Image Sprites
    • Example: Google Image Sprites
    • Step 1: Create an Image Sprite Rollover Button