CSS

Pasha199
На сайте с 17.02.2009
Offline
167
376

Как увеличить ширину поля "Сообщение" и как убрать значок растянуть внизу справа в блоке сообщение?

wg-studio.narod2.ru (не реклама)

[Удален]
#1
Pasha199:
Как увеличить ширину поля "Сообщение" и как убрать значок растянуть внизу справа в блоке сообщение?

wg-studio.narod2.ru (не реклама)

Это добавить:

   textarea {
width: 400px; /* Ширина поля */
resize: none; /* Запрещаем изменять размер */
}

Сюда (после <style>):

 <style>
.writeus_tip {
text-align:center;
margin: 55px 0 15px;
max-width: 226px;
}
.writeus_tip>span {
background:#f7f7f7;
position:relative;
color:#f28900;
display:block;
text-align:center;
border:2px solid #f28900;
font:17px Lucida Sans Unicode, Verdana, Arial, sans-serif;
;
padding:2px 5px 3px;
-moz-border-radius:20px;
border-radius:20px;
}
.writeus_tip>span>span {
background:url(images/icons_sprite.png) no-repeat -60px -421px;
width:11px;
height:11px;
position:absolute;
left:40px;
bottom:-11px;
}


.button_out {
text-decoration:none;
height:35px;
display:inline-block;
position:relative;
}
.button_out .button_hover {
position:absolute;
top:0;
left:0;
}
.button_out .button_hover {
background-position:0 bottom;
display:none;
}
.button_out .button_hover:after, .button_hover>.after {
background-position:right bottom;
}

.button {
color:#0e7ac6;
white-space:nowrap;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5);
padding: 0 12px 0 30px;
font:bold 14px/33px Tahoma, Arial, sans-serif;
text-decoration:none;
background: url(images/button.png) no-repeat;
display:inline-block;
margin-right:20px;
height:35px;
position:relative;
text-align: center;
*z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '<u class="after"/>'));
}
.button:after, .button>.after {
content:'';
background: url(images/button.png) no-repeat right 0;
width:20px;
top:0;
right:-20px;
position:absolute;
height:35px;
}

.contact_form {
padding-right:30px;
}
.contact_form .input {
width:100%
}
.contact_form .field {
width:195px
}
.contact_form .submit_block .button_out {
margin-bottom:5px;
}

.form .field {
margin:10px 0;
}
.form .result {
display:inline-block;
margin:0 0 0 10px;
font-size:13px;
color:#41a200;
}
.input {
border:1px solid #919191;
position:relative;
outline:none;
font:12px Arial, sans-serif;
color:#848484;
-moz-border-radius:12px;
border-radius:12px;
margin:4px;
padding:0 10px;
-moz-box-shadow:0 0 0 4px #e0e3e5;
box-shadow:0 0 0 4px #e0e3e5;
}
.input_hl, .input:focus {
border-color:#2f80b4;
box-shadow:0 0 0 4px #cde2ee;
-moz-box-shadow:0 0 0 4px #cde2ee;
}
.input.error {
border-color:#fd494a;
box-shadow:0 0 0 4px #edddd0;
-moz-box-shadow:0 0 0 4px #edddd0;
}
input.input {
height:25px;
line-height:23px;
}

.polls .message{
color:#ff3300;
font-size: 15px;
margin: 0 0 0 10px;
}

</style>
Pasha199
На сайте с 17.02.2009
Offline
167
#2

Металл, а как изменить положение слова "сообщение"? чтобы оно было в блоке как слова выше, а то оно прям в самом верху поля

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий