We Recommend

CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

valcartei on 08/30/07

Tagged

layout alert messages

Versions (?)

Who likes this?

1 person has 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/

Plain TextExpand

.alert {
    background: #fff6bf url(bioneural/exclamation.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    }
 
<p class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

Report this snippet

Comment:

You need to login to post a comment.