если фон белый то рамку не будет видно потому что там написано border: 2px solid #fff
ребят как заменить хтмл цвет кода на картинку в этом коде border: 5px #8B814C solid; -o-border-radius: 7px; border-radius: 7px; -moz-border-radius: 7px;word-wrap: break-word;
border:2px solid black;
Дизайнеры, как посредством ксс сделать адаптацию дизайна под все экраны телефона? Но на компе должно быть 700-850рх
Media запросы в помощь http://myrusakov.ru/css-media.html
В чем проблема ? Почему текст получается как на скрине?
body {
background: url(http://m.eswar.ru/styleImg/back.jpg) repeat;
font-style: italic;
foht-family: "Monotype Corsiva" Cursive;
background-color: #281a0d;
max-width: 400px;
position: center;
margin:auto;
background-color: #F5DEB3;
border: 5px #8B814C solid;
-moz-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-webkit-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-o-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-radius: 15px;
color:#111;
}
table {
border-collapse: collapse;
font-size: 17px;
border-bottom: none;
line-height: 0%;
}
.err {
background: url(http://m.eswar.ru/styleImg/err.png) repeat;
border: 2px #7e261a solid;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}
.msg {
background: url(http://m.eswar.ru/styleImg/msg.png) repeat;
border: 2px #215816 solid;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}
.t {
background : url(http://m.eswar.ru/styleImg/paper.jpg) repeat-y;
background-color: #f4d596;
background-position: top;
}
.foot_page {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.menu_razd {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.title {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.nowrap {
white-space: nowrap;
}
input[type="submit"] {
background: url(http://m.eswar.ru/styleImg/bg_red_item.png) no-repeat right 0px;
height: 32px;
#padding: 15px;
margin: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 32px;
font-size: 13px;
color: #cbcbcb;
cursor: pointer;
border: 0px;
}
input[type="submit"]:hover {
background: url(http://m.eswar.ru/styleImg/bg_nav_item.png) no-repeat left -34px;
height: 32px;
#padding: 15px;
margin: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 32px;
font-size: 13px;
color: #cbcbcb;
cursor: pointer;
border: 0px;
}
bodyu {
color: black;
margin: 0;
margin-top: 4px;
padding: 0;
background-color: #f0bf9b;
border-style: solid;
border-width: 0px 12px;
-moz-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-webkit-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-o-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat; }
table {
border-collapse: collapse;
font-size: 17px;
border-bottom: none;
line-height: 0%;
}
table.links {
border: 10;
margin-right: 17px;
margin-left: 17px;
}
.menu_count {
background : #272a2b;
color : #fff;
border-radius : 50%;
border : #de2323 solid 1px;
padding : 1px 3px;
font-size : 17px;
position : relative;
top : 9px;
left : 6px;
}
.line {
background: url(styleImg/line.png) top repeat-x;
min-height: 17px;
width: 100%;
}
.corner {
border-right:0px #505050;
border-top:0px #CCCCCC;
border-bottom:14px #505050;
border-left:20px #CCCCCC;
border-style:solid; width:0px;
height:0px;
margin-bottom:27px;
}
span.selected {
font-size:10px;margin:0px;padding:0px 0px 0px 7px;border:2px solid #3d029f;display:inline-block; min-width:15px;
}
span.next {
font-size:10px;margin:0px;padding:0px 0px 0px 7px;border:1px solid #DEDEDE;display:inline-block; min-width:15px;
}
.m {
background: url(styleImg/m.gif) repeat-x top #282828;
color: orange;
border-top: 1px solid #f60;
border-bottom: 1px solid red;
text-align: center;
}
.mlink {
display:block;
padding: 10px 0px 10px 0px;
}
.mlink:hover {
display:block;
background: #282828;
}
.war {
color: #959090;
}
a {
font-size: 14px;
text-decoration: none;
color: #844406;
}
a:hover, a:active {
color : #4b87bc;
}
.link {
background : #fff url(styleImg/link.png) repeat-x;
padding: 5px;
margin-bottom: 3px;
display: block;
color: #CCC;
border:1px #CCC solid;
border:1px #CCC solid;
}
.link:hover {
background: #fff url(styleImg/act_link.png) repeat-x;
color: #a101b4;
border-top:1px #ecbe1f solid;
border-bottom:1px #ecbe1f solid;
}
Добавлено 21.02.16 в 01:47:29:
Почему текст получается как на скрине ?
Ниже скрин будет !
Вот код
body {
background: url(http://m.eswar.ru/styleImg/back.jpg) repeat;
font-style: italic;
foht-family: "Monotype Corsiva" Cursive;
background-color: #281a0d;
max-width: 400px;
position: center;
margin:auto;
background-color: #F5DEB3;
border: 5px #8B814C solid;
-moz-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-webkit-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-o-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-radius: 15px;
color:#111;
}
table {
border-collapse: collapse;
font-size: 17px;
border-bottom: none;
line-height: 0%;
}
.err {
background: url(http://m.eswar.ru/styleImg/err.png) repeat;
border: 2px #7e261a solid;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}
.msg {
background: url(http://m.eswar.ru/styleImg/msg.png) repeat;
border: 2px #215816 solid;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
}
.t {
background : url(http://m.eswar.ru/styleImg/paper.jpg) repeat-y;
background-color: #f4d596;
background-position: top;
}
.foot_page {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.menu_razd {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.title {
background : url(http://m.eswar.ru/styleImg/head.png) left bottom repeat-x;
padding : 7px;
font-size : 14px;
color : #fff;
opacity: 2.7;
text-shadow : 0 1px 6px #ab733e;
}
.nowrap {
white-space: nowrap;
}
input[type="submit"] {
background: url(http://m.eswar.ru/styleImg/bg_red_item.png) no-repeat right 0px;
height: 32px;
#padding: 15px;
margin: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 32px;
font-size: 13px;
color: #cbcbcb;
cursor: pointer;
border: 0px;
}
input[type="submit"]:hover {
background: url(http://m.eswar.ru/styleImg/bg_nav_item.png) no-repeat left -34px;
height: 32px;
#padding: 15px;
margin: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 32px;
font-size: 13px;
color: #cbcbcb;
cursor: pointer;
border: 0px;
}
bodyu {
color: black;
margin: 0;
margin-top: 4px;
padding: 0;
background-color: #f0bf9b;
border-style: solid;
border-width: 0px 12px;
-moz-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-webkit-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
-o-border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat;
border-image: url(http://m.eswar.ru/img/dz/in_bg.png) 0 12 repeat; }
table {
border-collapse: collapse;
font-size: 17px;
border-bottom: none;
line-height: 0%;
}
table.links {
border: 10;
margin-right: 17px;
margin-left: 17px;
}
.menu_count {
background : #272a2b;
color : #fff;
border-radius : 50%;
border : #de2323 solid 1px;
padding : 1px 3px;
font-size : 17px;
position : relative;
top : 9px;
left : 6px;
}
.line {
background: url(styleImg/line.png) top repeat-x;
min-height: 17px;
width: 100%;
}
.corner {
border-right:0px #505050;
border-top:0px #CCCCCC;
border-bottom:14px #505050;
border-left:20px #CCCCCC;
border-style:solid; width:0px;
height:0px;
margin-bottom:27px;
}
span.selected {
font-size:10px;margin:0px;padding:0px 0px 0px 7px;border:2px solid #3d029f;display:inline-block; min-width:15px;
}
span.next {
font-size:10px;margin:0px;padding:0px 0px 0px 7px;border:1px solid #DEDEDE;display:inline-block; min-width:15px;
}
.m {
background: url(styleImg/m.gif) repeat-x top #282828;
color: orange;
border-top: 1px solid #f60;
border-bottom: 1px solid red;
text-align: center;
}
.mlink {
display:block;
padding: 10px 0px 10px 0px;
}
.mlink:hover {
display:block;
background: #282828;
}
.war {
color: #959090;
}
a {
font-size: 14px;
text-decoration: none;
color: #844406;
}
a:hover, a:active {
color : #4b87bc;
}
.link {
background : #fff url(styleImg/link.png) repeat-x;
padding: 5px;
margin-bottom: 3px;
display: block;
color: #CCC;
border:1px #CCC solid;
border:1px #CCC solid;
}
.link:hover {
background: #fff url(styleImg/act_link.png) repeat-x;
color: #a101b4;
border-top:1px #ecbe1f solid;
border-bottom:1px #ecbe1f solid;
}
Добавлено 21.02.16 в 01:52:03:
65666
Так-с! Как можно "переименовать" div, объясню: я использую media запросы и мне допустим нужно что-бы div - PC, в запросе назывался Mob... Думаю, кто-то да поймет... Спасибо!
Всем привет! у меня фон не удлиняется. какой код написать в стиле http://kgvip.pw