Advanced Search

alert messages - that pass the HTML validation

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .alert {
  2.     background: #fff6bf url(bioneural/exclamation.png) center no-repeat;
  3.     background-position: 15px 50%; /* x-pos y-pos */
  4.     text-align: left;
  5.     padding: 5px 20px 5px 45px;
  6.     border-top: 2px solid #ffd324;
  7.     border-bottom: 2px solid #ffd324;
  8.     }
  9.  
  10. <p class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

URL: http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.