|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
13.06.2017, 21:13 | #1 |
Новичок
Джуниор
Регистрация: 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; } |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Гиперсылка на сайт в 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 |