Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Работа для программиста > Фриланс
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.06.2017, 21:13   #1
Davo777
Новичок
Джуниор
 
Регистрация: 13.06.2017
Сообщений: 0
По умолчанию Помогите сделать сайт резиновым в CSS

Вот код на style.css! Помогите, пожалуйста, сделать bg_header.png и body.png и body2.png резиновым.
*{
margin: 0px;
padding: 0px;
}

@font-face {
font-family: cuprum_regular; /* ָל רנטפעא */
src: url(cuprum_regular.ttf); /* ֿףע ך פאיכף סמ רנטפעמל */
}

.payment_buttons {
margin: 10px auto 30px auto;
width: 93%;
}
.m-tb {
background: #753F56;
color: #2f2f2f;
border: 1px solid #753F56;
padding: 6px 10px;
}
.htt td {

border-bottom: 1px solid #753F56;
border-right: 1px solid #753F56;
border-left: 1px solid #753F56;
padding: 6px 10px;
}
.payment_button:nth-child(1) {
background-image: url('/img/payeer-icon.png');
}
.payment_button:nth-child(3) {
background-image: url('/img/qiwi-icon.png');
}
.payment_button:nth-child(4) {
background-image: url('/img/yandex-icon.png');
}
.payment_button:nth-child(5) {
background-image: url('/img/webmoney-icon.png');
}
.payment_button:nth-child(2) {
background-image: url('/img/perfect-icon.png');
}
.payment_button {
width: 70px;
height: 60px;
background-color: ;
float: left;
margin: 0px 25px;
background-repeat: no-repeat;
background-position: center;
background-size: 50px;
border-radius: 15px;
border: 1px solid;
border-bottom: 3px solid;
cursor: pointer;
}
.payment_button.active {
background-color: #3E2B21;
border-bottom: 3px solid;
}
body {
font-family: cuprum_regular;
min-width: 1000px;
}

a {
color: rgb(251, 228, 141);
text-decoration: none;
}
a:hover {
color: rgb(255, 156, 67);
text-decoration: none;
}

.h_bg{
background: url(../images/bg_header.png) repeat-x center;
height: 278px;
}

.h_up{
background: url(../images/header_up.png) center no-repeat;
height: 487px;
width: 968px;
position:absolute;
top: 30px;
left: 50%;
margin-left: -484px;
}

.h_up_m{
background: url(../images/menu.png) center repeat-x;
height: 52px;
position: relative;
top: 273px;
}

.m_menus {
float: left;
position: relative;
left: 728px;
top: 35px;
font-family: sans serif;
}

.m_menus li {
padding: 0px;
list-style-type: none;
}

.m_menus_h{
position: relative;
top: 10px;
font-family: Roboto;
}

.m_menus_h li {
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #770900;
display: inline-block;
list-style-type: none;
padding: 2px 15px 2px 15px;
color: #ffea60;
font-size: 16px;
font-family: Roboto;
width:72px;
}

.m_menus_h li:hover {
border-radius: 5px;
box-shadow: 0px 0px 9px 0px #924D60;
font-size: 16px;
font-family: Roboto;
}

.body_c{

background: url(../images/body2.png) top center;
}

#body_ic{

background: url(../images/body.png) top center repeat-x;
}

.contentic{
background-color: rgba(32, 38, 41, 0.28);
position: relative;
top: 20px;
left: 50%;
margin-left: -500px;

}

.contentic td {
color: #dda45d;
padding: 5px;

}

.footer{
text-align: center;
color: #DADADA;
padding: 8px;
}

.l_block{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #1f1a14;
background-color: rgba(147, 78, 99, 0.28);
padding: 10px;

}

.r_block{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #1f1a14;
background-color: rgba(41, 21, 27, 0.64);
padding: 15px;
}

.r_block2{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #1f1a14;
background-color: rgba(181, 61, 11, 0.32);
padding: 10px;
}

.r_block3{
border: 0px solid #1f1a14;
background-color: #8D6342;
padding: 10px;
}
.r_block3:hover{
border: 0px solid #1f1a14;
background-color: #563726;
}
.r_block1{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #1f1a14;
background-color: rgba(41, 21, 27, 0.64);
padding: 10px;
text-align: right;
min-height: 185px;
}

.banner_1{
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #1f1a14;
font-size: 18px;
width: 468;
height: 60px;
text-align: center;
}

.banner_1 span{
position: relative;
top: 20px;
}



.h_news{
background: url(../images/news.png) top right no-repeat;
}

.h_news2{
background: url(../images/news2.png) bottom left no-repeat;

}

.h_news21{
background: url(../images/news3.png) bottom center no-repeat;
background-size: 100%;
min-height: 170px;
opacity:0.8;
}

.h_news3{

text-align: right;
}
.news22{
float:right;
}

.g_home{
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #1f1a14;
background-color: rgba(39, 27, 20, 0.75);
padding: 10px 50px;
font-size: 18px;
color: #ffcc00;
}


h1 {
font-size: 24px;
color: #d7b499;
text-align: center;
padding: 0px 0px 5px 0px;
}

.login-block {
width: 270px;
padding: 15px;
border-radius: 5px;
margin: 0 auto;
}


.login-block_input {
width: 100%;
height: 42px;
box-sizing: border-box;
border-radius: 5px;
border: 0px solid #ccc;
margin-bottom: 10px;
font-size: 14px;
font-family: Montserrat;
padding: 0 20px 0 50px;
outline: none;
color: #fff;
}

.login-block_input2 {
width: 130px;
box-sizing: border-box;
border-radius: 5px;
border: 0px solid #ccc;
margin-bottom: 20px;
font-size: 18px;
color: #fff;
padding: 3px 20px;
outline: none;
background: #8d6342;
}

.login-block_input3 {

box-sizing: border-box;
border-radius: 15px;
border: 0px solid #ccc;
color: #fff;
outline: none;
background: #8d6342;
}

.boxi{
width: 12px;
height: 12px;
float: left;
background: #231812;
position: relative;
top: 5px;
right: 5px;
border-radius: 1px;
}


.user_u2{

}

.user_u2 li {
margin-top: 3px;
list-style-type: none;
padding: 7px 28px;
color: #fff;
font-family:;
font-size: 18px;
background: url(/style/img/all.png);
border-radius: 5px;
max-width: 208px;
}
Davo777 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Гиперсылка на сайт в RadStudio 10.1 на С++(разработка под Андроид): Как сделать чтобы по нажатию на лейбл или кнопку открывался сайт по гиперссылке? VladislavSito Помощь студентам 0 07.03.2017 22:53
[CSS]: Пытаюсь сделать Карусель без JS, но не срабатывает нужное css-свойство. Помогите разобраться. MeriPoppins HTML и CSS 2 10.02.2017 22:50
Сайт на css не отображается в IE (все версии) wedmac HTML и CSS 2 21.04.2010 19:54
Как сделать изображение резиновым Diman2008 HTML и CSS 4 16.10.2008 23:46