- This topic is empty.
-
AuthorPosts
-
February 11, 2013 at 1:33 pm #42649eleanoreMember
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 righthtml 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
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! -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.