tejasamrute

no luck....can anyone try coding it?...i have been scratching my head from past 3 days...

div{ -webkit-box-shadow:inset 0px 0px 0px 2px #eeeeee; -moz-box-shadow:inset 0px 0px 0px 2px #eeeeee;

-o-box-shadow:inset 0px 0px 0px 2px #eeeeee;

-ms-box-shadow:inset 0px 0px 0px 2px #eeeeee; box-shadow:inset 0px 0px 0px 2px #eeeeee;

width:800px; /*As per your requirement*/ height:400px; /*As per your requirement*/

background-color:#9e1cda;}

well this is debateable.....we can tell the visitor whether they are filling form correctly or not through css you dont need javascript....

CSS.....

<style type="text/css"> input:valid {background-color:#a8e48e;} input:invalid {background-color:#fb9d9d;} input[type=text], input[type=email], input[type=number] {box-shadow:none;width:500px;height:25px;border:none;padding-left:10px;} input[type=submit] {background-color:white;width:100px;height:30px;box-shadow:none;border:1px solid green;cursor:pointer;}</style>

HTML

<form action="" method="get"> <input name="" type="text" required><br><br> <input name="" type="email" required><br><br> <input name="" type="number" required ><br><br> <input name="" type="submit" value="Submit"></form>

P.S - Check the :valid and :invalid browser compatibility.

any size of image should fit in the front... and the back side of the card should adjust the height according to the front side.....

if you remove the sizes mentioned 180px n make it auto..then front side will be dynamic according to the image...but the back side will not be

you will have to make a new class / id..in below case i made an id

CSS

#inner-footer { width:650px; height:auto; margin:0 auto; /*To align div in center*/}

HTML

<div id="footer-wrap"> <div class="container"> <div id="inner-footer">

<h2></h2>

<p></p>

<form></form>

</div>

</div>

</div>

http://jsfiddle.net/makzan/RE2JJ/

The coding in the above link has fixed height and width (180 X 180 i.e Square)...I have images which are not square...they are either landscape or portrait....i tried to make width and height dynamic so that it could fit any size of image but i couldn't do it....Can anyone help me out,... Please..

Help Appreciated

i tried with

<link href='http://fonts.googleapis.com/css?family=Hanalei+Fill' rel='stylesheet' type='text/css'>

and it is working fine. on all browsers...

if you are still having problem then.....download the font.....upload it on your server and attach it to your css....