Posted By

valcartei on 08/30/07


Tagged

layout alert messages


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

marteki


alert messages - that pass the HTML validation


 / Published in: CSS
 

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

  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>

Report this snippet  

You need to login to post a comment.