Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 2 problems with contact form

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #42649
    eleanore
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.