CSS hover effect is not working on my code

hey actually you made the CSS in some other way that’s why browsers doesn’t understand your css code so i made some changes in your css and its working fine on all browsers as per your requirement so i hope this will help you…..

How can I vertically align elements in a div?

Wow, this problem is popular. It’s based on a misunderstanding in the vertical-align property. This excellent article explains it: Understanding vertical-align, or “How (Not) To Vertically Center Content” by Gavin Kistner. “How to center in CSS” is a great web tool which helps to find the necessary CSS centering attributes for different situations. In a nutshell (and to prevent link rot): … Read more

How can I position my div at the bottom of its container?

The flexbox approach! In supported browsers, you can use the following: Example Here Show code snippet The solution above is probably more flexible, however, here is an alternative solution: Example Here Show code snippet As a side note, you may want to add vendor prefixes for additional support.

Why doesn’t height: 100% work to expand divs to the screen height?

In order for a percentage value to work for height, the parent’s height must be determined. The only exception is the root element <html>, which can be a percentage height. . So, you’ve given all of your elements height, except for the <html>, so what you should do is add this: And your code should work fine. JsFiddle example.

Mailto on submit button

In HTML you can specify a mailto: address in the <form> element’s [action] attribute. What this will do is allow the user’s email client to create an email prepopulated with the fields in the <form>. What this will not do is send an email.

HTML list-style-type dash

You could use :before and content: bearing in mind that this is not supported in IE 7 or below. If you’re OK with that then this is your best solution. See the Can I Use or QuirksMode CSS compatibility tables for full details. A slightly nastier solution that should work in older browsers is to … Read more