Solved

error box css design

Posted on 2013-02-04
2
263 Views
Last Modified: 2013-02-04
error css
what is red error text with red error box


maybe dark red / light red

whatever common error looks like


for example:
'you have entered the wrong password'
0
Comment
Question by:rgb192
2 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 500 total points
ID: 38852519
Here's what the Twitter bootstrap is doing. I happen to really like their dialog boxes:
http://twitter.github.com/bootstrap/components.html#alerts 

.error{
background-color: #F2DEDE;
				    border-color: #EED3D7;
				    border-radius: 4px 4px 4px 4px;
				    color: #B94A48;
				    margin-bottom: 20px;
				    padding: 8px 35px 8px 14px;
				    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

Open in new window

0
 

Author Closing Comment

by:rgb192
ID: 38853275
thanks
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question