X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с фоном
Lovller
Lovller
Topic Starter сообщение 28.1.2014, 17:28; Ответить: Lovller
Сообщение #1


Всем привет! Верстаю сайт из псд и возникла проблема. Ниже приложен jpg данного psd(масло масляное). Суть в том, что позиция блока с тремя картинками у меня и на макете различается. Это различие можно увидеть, взглянув на картинки, которые я приложил ниже[attachment=40070:Bless_site.jpg][attachment=40071:Без-имени-4.jpg]
Пы.сы. У меня разрешение 1440*900. Размер картинки 2000*1500
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Amy Mammoth
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
Lovller
Topic Starter сообщение 28.1.2014, 18:12; Ответить: 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
Amy Mammoth
сообщение 28.1.2014, 18:35; Ответить: Amy Mammoth
Сообщение #4


(jon4eg @ 28.1.2014, 21:12) *
И что значит "в обертку"?

wrapper(с анг. Обёртка) - обёрточный блок
ну я не смотрел ваш код, но в глаза бросилось background-size:100%; т.е. размер фона подстраивается под ширину окна браузера, уберите это свойство
body{
background:url(img/main_bg.jpg) #080607 no-repeat;
background-position: center 100px;
background-attachment:scroll ;
height:2000px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lovller
Lovller
Topic Starter сообщение 28.1.2014, 20:08; Ответить: Lovller
Сообщение #5


Спасибо) А как теперь фон двинуть влево на 100 пикселей? Прописывал и 100 и -100, смещение только вправо
То есть нужно по центру и сдвинуть влево.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 28.1.2014, 20:59; Ответить: Azazaza_hb
Сообщение #6


лучше в фотошопе так откадрируйте изображение фона чтоб не не нужно было двигать на 100px.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
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


 



RSS Текстовая версия Сейчас: 23.4.2024, 11:21
Дизайн