Помощник
|
Проблема с фоном |
Lovller
|
Сообщение
#1
|
||
|
|
||
|
|||
Amy Mammoth |
28.1.2014, 18:10;
Ответить: Amy Mammoth
Сообщение
#2
|
|
Это вам на форум экстрасенсов надо сперва, они чудесным образом увидят ваш код и помогут.. Чаще такие фоны режутся на 3 куска: body bg[attachment=40072:1.jpg], header bg[attachment=40073:2.jpg], и content bg[attachment=40074:3.jpg] header и content в обёртку и фиксированная ширина
|
|
|
Lovller
|
Сообщение
#3
|
|
Извините)
<!DOCTYPE> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="header"> </div> <div class="content"> <div class="links"> <table> <tr> <td></td> <td></td> <td class="last"></td> </tr> </table> </div> <div class="container"></div> <div class="sidebar"></div> </div> <footer> </footer> </body> </html> [CSS]body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; } body{ background:url(img/main_bg.jpg) #080607 no-repeat; background-size:100%; background-attachment:scroll ; height:2000px; } .header{ width:100%; height:100px; background:url(img/menu_bg.jpg); } .content{ margin-top:400px; width:970px; margin:0 auto; } .links{ width:970px; height:200px; margin-top:178px; } .links table{ border-style:none; width:970px; height:200px; } .links table td{ width:317px; margin-right:9px; background:url(img/top_link_bg.png) no-repeat; } .last{ margin:0; } [/CSS] И что значит "в обертку"? |
|
|
Amy Mammoth |
28.1.2014, 18:35;
Ответить: Amy Mammoth
Сообщение
#4
|
|
И что значит "в обертку"? wrapper(с анг. Обёртка) - обёрточный блок ну я не смотрел ваш код, но в глаза бросилось background-size:100%; т.е. размер фона подстраивается под ширину окна браузера, уберите это свойство body{ background:url(img/main_bg.jpg) #080607 no-repeat; background-position: center 100px; background-attachment:scroll ; height:2000px; } |
|
|
Lovller
|
Сообщение
#5
|
|
Спасибо) А как теперь фон двинуть влево на 100 пикселей? Прописывал и 100 и -100, смещение только вправо
То есть нужно по центру и сдвинуть влево. |
|
|
Azazaza_hb |
28.1.2014, 20:59;
Ответить: Azazaza_hb
Сообщение
#6
|
|
|
лучше в фотошопе так откадрируйте изображение фона чтоб не не нужно было двигать на 100px.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Проблема с админкой | 5 | Prok | 2337 | 29.7.2019, 20:04 автор: dvakarandasha |
|
Проблема с таблицей, которая выводится через скрипт | 7 | vanchester | 1339 | 15.2.2019, 19:06 автор: Artos_mw |
|
Проблема в тегах при сохранении контента | 1 | Kord18 | 1426 | 13.3.2018, 18:19 автор: Evgeniy3200 |
|
Проблема вёрстки адаптивной страницы на divах | 28 | master-vek | 4717 | 8.2.2018, 19:29 автор: master-vek |
|
Проблема с All in one SEO? | 17 | okseo | 2685 | 30.11.2017, 14:06 автор: okseo |
Текстовая версия | Сейчас: 23.4.2024, 11:21 |