Using an image as a separator in HTML and CSS -


i'm trying use png images separators in web page don't appear. missing something? , if had forgo images how instead? many thanks.

i have following html:

<tr>    <td align="center">       <img class="separator" align="center" style="width:70%" />        </td> </tr> 

and following css:

.separator {    background: url('/ct/images/l/separator.png'); } 

just regular ol <hr> tag suffice - jsfiddle demo

html

<p>lorem ipsum dolor sit........rna, quis interdum orci rutrum quis.</p>  <hr>  <p>sed mollis urna me............imperdiet ac augue. </p> 

css:

hr {     border:0;      height:20px;      background:url("http://lorempixel.com/400/200/sports/") 0 0;  } 

Comments

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

How to get multiresult with multicondition in Sql Server -