add image row in your web page

Image horizontal line between two text paragraphs.

Code:

<html>
<head>
<title>Image hr</title>
<style type="text/css"  >
hr {
  display: none;
}
div.imagerow {
  height: 30px;
  width: 600px;
  background: url("site_logo.gif") repeat-x left center;
  margin: 0 auto 0 auto;
  border: 0;
  
}
</style>
</head>
<body>
    <p>
      <h3>
        Image hr row:
      </h3>
       In this html page you will see how use an image a long with the hr tag 
       to define a image row using css.
    </p>
    <div class="imagerow"><hr /></div> 
    <p>
      As you notice above ,that using css with hr tag , 
      you create a row of image.
    </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 : add image row in your web page
Image Scroller-scrollbar-LINE_UP,LINE_DOWN-PAGE-UP-PAGE-DOWN -
Set image size as a percentage of the page size -
Image-Viewer-Image Processing-Filters-Noise-enhancements -
Move image in front of a background image -
different between cfa image and gray level image -
PNG image to the image you generated -
How to add CSS to a web page -
jsp page counter -
redirect to another page -
Page Call MySelf PHP -

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