2015-05-15 2 views
-1

Home Page ScreenshotРедактирование фонового изображения

Мне нужно сделать несколько вещей, чтобы исправить мой фон.

1.) Мне нужно переместить его вправо, чтобы он идеально сочетался с горизонтальной навигационной панелью и рисунками под ней. 2.) Мне нужно переместить его вниз, чтобы он не виден вообще над горизонтальной навигационной панелью.

Фоновое изображение - это только коричневые круги с белыми кругами внутри них (см. Справа).

Вот мой полный код:

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
<!-- 

#banner {width:100%} 
#banner img {width:100%;height:auto} 

nav {width:100%;display:block;} 
nav ul {list-style-type:none;margin:0;padding:0;text-align:center; 
background-color:#c0872e;} 
nav li {display:inline-block;background-color: 
#c0872e;font family:Georgia;} 
nav a {line-height:35px; color:white; padding: 0 30px; font-size:22px; 
font-family:Georgia; background-color:#c0872e;} 
nav a:hover {text-decoration:none} 

a{float:left; 
margin-right:58px; 
margin-left:58px; 
color:#000; 
text-decoration:none; 
} 

body {background-image: url("daikinbackground1.jpg"); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: center; 
} 

--> 
</style> 

<meta charset="utf-8"/> 
<title>daikininc.com</title> 
</head> 

<body> 
<div id="body"> 
<header> 
<div> 
<div style="text-align:center" id="banner"> 
<title="daikinincbanner"> 
<img src="daikinbanner1.jpg" border="0" alt="daikinbanner1"> 
</div> 
<!-- 
<nav> 
<ul> 
<li><a href="index.html">Home</a></li> 
<li><a href="products.html">Products</a></li> 
</ul> 
</nav> 
--> 
<nav style="text-align:center"> 
<img style ="height:300px" width="1355" src="navbarimage1.jpg"> 
</nav> 
<br> 
<p style="text-align:center;font-family:WindsorDemi;"> 
<font size="4"> 
Welcome to daikininc.com! Home to the world's greatest 
eggorll wrappers and noodles. 
</font> 
</p> 

<br><br><br><br><br><br><br><br><br> 

</nav> 
</header> 

<section> 
<aside> 
</aside> 
<article> 
</article> 

<footer> 
</footer> 

</div> 

</body> 
</html> 

Спасибо.

+0

Могу ли я получить ссылку на сайт? – DCdaz

+0

Сайт еще не размещался, и все, что вы видите на картинке, это все, что у меня есть. – HappyHands31

+0

было действительно просто получить дополнительную информацию о вашем коде, что вы предоставили, на самом деле ничего не дает. – DCdaz

ответ

0

УС:

body {background-image: url("daikinbackground1.jpg"); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: 126px 50px;} 

фон-позиции управляет х и у координаты фонового изображения.

Смежные вопросы