Comments on: Metro Style Message Boxes using CSS3 https://w3lessons.info/metro-style-message-boxes-using-css3 Tutorials on PHP, jQuery & Amazon Web Services Sat, 09 Sep 2017 01:59:42 +0000 hourly 1 https://wordpress.org/?v=6.6.2 By: apradiz https://w3lessons.info/metro-style-message-boxes-using-css3#comment-488 Mon, 09 Mar 2015 08:59:00 +0000 http://w3lessons.info/?p=1380#comment-488 File RAR. unknown or damaged

]]>
By: John Slegers https://w3lessons.info/metro-style-message-boxes-using-css3#comment-487 Wed, 29 May 2013 21:22:00 +0000 http://w3lessons.info/?p=1380#comment-487 IMO, it would look cleaner if you added a padding or margin to the toggle buttons to match the padding of the text and icon.

You might also want to add an rgb or hex color background for older browsers that don’t support rgba. See http://css-tricks.com/rgba-browser-support/ .

Another small improvement would be to put “background: #2fa9f6 url(images/info.png) no-repeat 14px 14px;” into your “.alert” selector and overwrite the “background-color” and “background-image” for different alert types. That would allow you to change the background-position for all alert types on one spot (the “.alert” selector).

I also notice you define a “.alert p” selector, yet you don’t use a tag anywhere in your HTML. So you could just delete that line.

Except for those little details, it looks pretty nice 🙂

]]>