Advanced Search

Return to Snippet

Revision: 3663
at August 30, 2007 01:24 by valcartei
Updated Code 
.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>

Revision: 3662
at August 30, 2007 01:16 by valcartei
Initial Code 
.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;
    }
Initial URL 
http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/
Initial Description 

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
alert messages - that pass the HTML validation

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
layout

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS