Jump to content
  • 0

Фон на весь екран.

Mr.Black

Asked by Mr.Black,

 Share

Question

10 answers to this question

Recommended Posts

  • 0
Mr Loga Explorer

Mr Loga

Posted
Posted
У вас здесь ошибка или нет???

Не вижу никакой ошибки, фон на самом деле не умеет растягиваться, он умеет повторятся. Придумали чтоб фон расстягивался только в CSS3.

Как вариант еще есть картинку поставить и растянуть ее на весь экран, а весь контент потом сверху наложить. Но если фон позволяет, то можно и двумя фонами сделать, один картинка растягивается, а все что ниже, то крайний цвет или повторяющийся кусочек изображения.

Link to comment
Share on other sites
  • 0
deadrash Explorer

deadrash

Posted
Posted
Ребят, подскажите как вот так фон сделать?

http://www.lux-studios.co.uk/index.html

Картинка в фоне вообще как скала стоит!

(покрутить скроллом)

url("/img/1.jpg") no-repeat fixed center top transparent - фиксированный

url("/img/1.jpg") no-repeat scroll center top transparent - прокручивается

Link to comment
Share on other sites
  • 0
deadrash Explorer

deadrash

Posted
Posted
Хм...попробовал...не работает(( судя по всему там скрипт замешан :)

Есть ещё идеи? :(

Что именно у тебя не получается, покажи как используешь это свойство и как какому объекту применяешь.
Link to comment
Share on other sites
  • 0
Mr.Black Explorer

Mr.Black

Posted
  • Author
Posted

У меня есть ище один вопрос по фону.....

Я задал фон при а:ховер все нормально вот только - http://img12.imageshack.us/img12/772/48692457.png

Искал в коде где задан лишний паддинг или марган но нет.

* { margin: 0; padding: 0;}

img { border: 0; }

a, img, div, input  { outline: none; }

ol, ul { list-style-position: inside; }

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

html {background: #f4f4f4;}

body {
   font: 12px Arial, Helvetica, sans-serif;
   color: black;
   margin: 15px 15px 25px;
}

#wrapper {
	background: #e5e5e5;
	width: 100%;
	 min-width: 970px;
	border: 1px solid #434343;
	height: 1000px;
}

#headtop {
background: #d8d8d8;
padding: 5px 10px;
border-bottom: 1px solid #434343;
color: #242424;
}

#headmiddle {
	overflow: hidden;
	width: 100%;
	height: 234px;
	background: url('file:///C:/Users/Admin/Desktop/123/headrep.jpg') repeat-x;

}

#headimg { 
	width: 97%;
	height: 234px;
	position: absolute;
}

	#headright {
		background: url('file:///C:/Users/Admin/Desktop/123/headright.png') no-repeat;
		width: 257px;
		height: 234px;
		position: absolute;
		 right: 15px;
	}

	#logo {
		display: block;
		margin: 30px auto;
		position: relative;
		width: 379px;
		height: 82px;
	}



	#loginform {
		position: relative;
	}

	#headbottom {
		border-top: 1px solid #434343;
		border-bottom: 1px solid #434343;	
		height: 42px;

	}

	.speedbar {
		float: left;
	}

	.speedbar li {
		display: inline; 
	}

	.speedbar a {
		border-right: 1px solid #434343; 
		line-height: 40px;
		padding: 1px 20px;
		display: inline-block; 
		text-decoration: none;
	}

	.speedbar a:hover {
		background: url('file:///C:/Users/Admin/Desktop/123/speedbar.png') repeat;
	}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Free</title>
<link type="text/css" rel="StyleSheet" href="file:///C:/Users/Admin/Desktop/123/style.css" />
</head>
<body>

  <div id="wrapper" >

		<div id="headtop" >Четверг, 12.08.2010, 00:00</div>
		<div id="headmiddle" >
		<img src="file:///C:/Users/Admin/Desktop/123/head.jpg" alt="Head" id="headimg" />
		<div id="headright" ></div>
		<a href="#"  ><img src="file:///C:/Users/Admin/Desktop/123/logo.png" alt="Logo" title="Главная" id="logo" /></a>
		<div id="loginform" >
		11111grjgowrjg

		</div>		 
		</div>
		<div id="headbottom" >

		<div class="speedbar" >
		<ul>
		<li><a href="#" >Главная</a></li>
		<li><a href="#" >Форум</a></li>
		<li><a href="#" >Файлы</a></li>
		<li><a href="#" >Статьи</a></li>
		<li><a href="#" ><font color="red" >Ваша ссылка</font></a></li>
		</ul>
		</div>
		<div class="searchform" ></div> 

		</div>		


	<div id="content" ></div>
	<div id="footer" ></div>
  </div>

</body>
</html>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept