Show image using before property

Using before property to display image as fixed bar before each paragraph uses a specific CSS class.

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> Using before property to show image </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
p.beforeGraph:before {
   content: url(site_logo.gif);
   }
</style>


</head>
<body>
<h1>Using before with paragraph to display image</h1>
<p class="beforeGraph"><br/>In this example we use before property to show image before 
each paragraph using a specific CSS class.   </p>
 
</body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Show image using before property
image slide show -
Show image when click on link -
Show loading image from JQuery -
show the locations of clicks on the image -
How to show full resolution image at clicking on thumnail -
php Accessing a Property from Within a Method -
Assign default property value -
Usage of the CSS property !important -
Image-Viewer-Image Processing-Filters-Noise-enhancements -
Move image in front of a background image -

Topic Tags

HTML Image

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com