Grow your CSS skills. Land your dream job.

2 problems with contact form

  • # February 11, 2013 at 1:33 pm

    i have two problems with my contact form

    1. submit button wont work
    2. text field shows ok in crome but in all other browsers text is too much to the right

    html in contact for i use:

    Laenutaotlus

    [text* your-name 31/ watermark “Ees ja perekonnanimi”]

    [text your-tel 31/ watermark “Kontakttelefon”]

    [text your-email 31/ watermark “E-post”]

    [text isikukood 31/ watermark “Taotleja isikukood”]

    [text omaniku-isikukood 31/ watermark “Kinnisvara omaniku isikukood”]

    [text laenusumma 31/ watermark “Laenusumma”]

    [textarea lisa 25×5 watermark “Info tagatise või laenu kohta”]

    Lisa manus (hindamisakt, fotod jne):

    [file file-01]Eemalda

    [file file-02]Eemalda

    [file file-03]Eemalda

    [file file-04]Eemalda

    [file file-05]Eemalda

    Lisa manus

     

    Saada>

    css i use:

    #wrapper {
    width: 250px;
    position: relative;
    margin-top: 30px;
    margin-left: 5px;
    }
    .content {
    margin-top: 10px;
    margin-left: -25px;
    }
    .button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 2px 2px 10px #888888;
    }
    .button:hover {
    text-decoration: none;
    }
    .button:active {
    position: relative;
    top: 1px;
    }
    .orange {
    color: #000;
    text-transform: uppercase;
    border: solid 1px #fff;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffca00), to(#ff9c00));
    background: -moz-linear-gradient(top, #ffca00, #ff9c00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#ffca00′, endColorstr=’#ff9c00′);
    }
    .orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f88e11′, endColorstr=’#f06015′);
    }
    .orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#f47a20′, endColorstr=’#faa51a’);
    }
    #upper {
    position: absolute;
    left: 44%;
    margin: -15px 0 0 -25%;
    }
    #lower {
    position: absolute;
    left: 55%;
    margin: -40px 0 0 -25%;
    }
    .bggradient {
    width: 203px;
    min-height: 400px;
    padding: 20px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #cde1eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cde1eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#cde1eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#cde1eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#cde1eb 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#cde1eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#cde1eb’,GradientType=0 ); /* IE6-9 */
    -moz-border-radius : 8px; /* Firefox */
    -webkit-border-radius : 8px; /* Safari & Chrome */
    -khtml-border-radius : 8px; /* Linux browsers */
    border-radius : 5px; /* CSS3 compatible browsers */
    -moz-box-shadow : 4px 4px 5px #c4cbd0; /* Firefox 3.5+ */
    -webkit-box-shadow : 4px 4px 5px #c4cbd0; /* Safari 3+ & Chrome */
    box-shadow : 4px 4px 5px #c4cbd0; /* CSS3 compatible browsers */
    filter : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#c4cbd0′); /* IE 5.5 – 7 */
    -ms-filter : “progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#c4cbd0′)”; /* IE 8 */
    border: 1px solid #c4cbd0;
    }

    Mabe there is someone who can find out the solution
    Thanks!

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".