Anonymous
Граница правая не показывается
Сообщение
Anonymous » 31 авг 2025, 02:29
Вы бы знали, почему синяя граница не показывается на правой стороне моего поля? (Поле имеет ширину 100%) Большое спасибо
http://jsfiddle.net/ktedg/
css:
.wrapper {
position: relative;
display: block;
margin-right: auto;
margin-left: auto;
width: 1000px;
overflow: hidden;
}
.block {
padding: 20px;
background-clip: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
overflow-y: auto;
overflow-x: hidden;
}
.block-left {
float: left;
box-sizing: border-box;
overflow: hidden;
width: 50%;
}
.block-right {
float: right;
overflow: hidden;
box-sizing: border-box;
width: 50%;
}
/*************************************************************
* CONTACT
*************************************************************/
.contact-form input[type=text] {
float: left;
width: 200px;
}
.contact-form input[type=email] {
float: right;
width: 200px;
}
.contact-form input[type=submit] {
float: right;
margin-top: 8px;
}
.contact-form textarea {
float: left;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
height: 70px;
overflow: auto;
}
/*************************************************************
/*************************************************************
* FORMS
*************************************************************/
form label {
cursor: pointer;
}
form textarea, form input[type=text], form input[type=password], form input[type=email] {
padding: 6px 8px;
border-top: 1px solid transparent;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid transparent;
border-left: 1px solid #d2d2d2;
background: #d5d5d5 url('../images/form-bg.png') left top repeat-x;
color: #7c7c7c;
font-family: 'Arial', sans-serif;
resize: none;
}
form input:focus, form textarea:focus {
outline: none;
border: 1px solid #0069BA;
background: #d5d5d5 none;
}
form input[type=submit] {
padding: 8px 50px;
border: 0;
background: #0064C4 url('../images/form-caret.png') right center no-repeat;
color: #fff;
text-transform: uppercase;
font-weight: normal;
font-size: 14px;
font-family: 'Arial', sans-serif;
cursor: pointer;
}
#addressbox {
position: relative;
padding: 10px 0px 0 10px;
margin-bottom: 20px;
}
#addressbox p {
line-height: 14px;
}
#contact li {
display: inline;
padding-right: 5px;
color: #333;
list-style: none;
font-weight: 500;
font-size: 13px;
}
#contact li a {
border-bottom: none;
color: #333;
text-decoration: none;
font-weight: 500;
font-size: 13px;
}
< /code>
html < /p>
fdsfsd
3, rudsfdser
L53ddfsfurg)
Votre message a bien été envoyé! Merci
E-mail non valide et/ou message vide
Подробнее здесь:
https://stackoverflow.com/questions/208 ... ot-showing
1756596549
Anonymous
Вы бы знали, почему синяя граница не показывается на правой стороне моего поля? (Поле имеет ширину 100%) Большое спасибо http://jsfiddle.net/ktedg/ [i] css: .wrapper { position: relative; display: block; margin-right: auto; margin-left: auto; width: 1000px; overflow: hidden; } .block { padding: 20px; background-clip: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow-y: auto; overflow-x: hidden; } .block-left { float: left; box-sizing: border-box; overflow: hidden; width: 50%; } .block-right { float: right; overflow: hidden; box-sizing: border-box; width: 50%; } /************************************************************* * CONTACT *************************************************************/ .contact-form input[type=text] { float: left; width: 200px; } .contact-form input[type=email] { float: right; width: 200px; } .contact-form input[type=submit] { float: right; margin-top: 8px; } .contact-form textarea { float: left; margin-top: 20px; margin-bottom: 10px; width: 100%; height: 70px; overflow: auto; } /************************************************************* /************************************************************* * FORMS *************************************************************/ form label { cursor: pointer; } form textarea, form input[type=text], form input[type=password], form input[type=email] { padding: 6px 8px; border-top: 1px solid transparent; border-right: 1px solid #d2d2d2; border-bottom: 1px solid transparent; border-left: 1px solid #d2d2d2; background: #d5d5d5 url('../images/form-bg.png') left top repeat-x; color: #7c7c7c; font-family: 'Arial', sans-serif; resize: none; } form input:focus, form textarea:focus { outline: none; border: 1px solid #0069BA; background: #d5d5d5 none; } form input[type=submit] { padding: 8px 50px; border: 0; background: #0064C4 url('../images/form-caret.png') right center no-repeat; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 14px; font-family: 'Arial', sans-serif; cursor: pointer; } #addressbox { position: relative; padding: 10px 0px 0 10px; margin-bottom: 20px; } #addressbox p { line-height: 14px; } #contact li { display: inline; padding-right: 5px; color: #333; list-style: none; font-weight: 500; font-size: 13px; } #contact li a { border-bottom: none; color: #333; text-decoration: none; font-weight: 500; font-size: 13px; } < /code> html < /p> [b]fdsfsd[/b] 3, rudsfdser L53ddfsfurg) [list] [*][/i] +352 691 123.456 [*][i][/i] [url=javascript:sendAnnotatedMailTo(][email protected] [/url] [*][i][/i][url=http://example.com/I47] Plan d'accès[/url] [/list] [img]images/contact-handwriting.png[/img] Votre message a bien été envoyé! Merci E-mail non valide et/ou message vide Подробнее здесь: [url]https://stackoverflow.com/questions/20813899/border-right-not-showing[/url]