- Does not work with Internet Explorer 6
Implementation
To create these customised links, you need only use css
a[href $= '.pdf']{
padding-left:20px;
background: transparent url(pdf.gif) no-repeat scroll left top;
}Other Selectors
a[href ^= '#']a[target = '_blank']a[href ^= 'mailto']a[class ~= 'popup']Tags to specify locations
$= End of String
^= Beginning of String
~= String contains the word and is separated from other words by spaces.
*= String contains the word. (doesn't have to be separated by spaces)
- CSS
- Advanced mouse-over
- Buttons
- Centre page horizontally and vertically
- Cross browser transparency
- CSS3 techniques
- Drop caps
- Links with image prompts
- MLA essay formatting
- The Power of unordered lists & CSS
- Simple link list
- Simpe mouse-over
- Web safe fonts
- Pictures
- Automated CSS & javascript image viewer with sliding thumbnail strip
- Enhance Photographs with a caption, border & drop shadow
- Fancybox photograph gallery
- Lightbox photograph gallery
- Image Placement and Styling
- Image Rotator
- Magnify images with Gzoom
- Magnify photographs with jqZoom
- Random photograph gallery
- Shadowbox photograph gallery
- Simple CSS & javascript image viewer with centred thumbnail strip
- Simple CSS & javascript image viewer with sliding thumbnail strip
- Zoom in on an image using MooZoom
If you have encountered a problem with this demonstration, or would like an amendment made to the referencing and attributions of the scripts and code used on this page, please send the CHouseLive team an email: cara_remove_@chouselive_remove_.org