Вход

Gattsu

html, body {
margin: 0px;
padding: 0px;
width: 775px;
height: 440px;
}

Добавлено через 6 минут

  <div class="container">

	  <div class="header">

      	<div class="h1"></div>

      	<div class="h2"></div>

      </div>

	  <div class="body"></div>

  </div>

Если display: inline-block; то при переносе строки или наличии любых пробельных символов образуется не видимая область
<div class="header"><div class="h1"></div><div class="h2"></div></div>

Добавлено через 14 минут

Вот так попробуйте



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>

 <head>

  <title></title>

  <style type="text/css">

	html, body {

		margin: 0px;

		padding: 0px;

		width: 775px;

		height: 440px;

	}

   .container {

   	width: 775px;

   	height: 440px;

   }

   

   .container div {

		display: inline-block;

		float: left;

   }

   .header {

	width: 100%;

   }



   .header > .h1 {

   	 background-image: url('http://ichezzy.ru/indexupd/img/header1.jpg');

   	 width: 265px;

   	 height: 180px;

   	 border: 0px;

   }

   

   .header > .h2 {

   	 background-image: url('http://ichezzy.ru/indexupd/img/header2.jpg');

   	 width: 510px;

   	 height: 180px;

   	 border: 0px;

   } 

   .body {

		width: 775px;

		height: 260px;

		background-image: url('http://ichezzy.ru/indexupd/img/body.jpg');

   }

  </style>

 </head>

 <body>

  <div class="container">

   <div class="header">

    <div class="h1"></div>

    <div class="h2"></div>

   </div>

   <div class="body"></div>

  </div>

 </body>

</html>

~~Four-Art~~ · 01-02-2013, 05:33 PM

После того как вставил последнее что ты написал - все заработало отлично, спасибо.

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

Gattsu · 01-02-2013, 05:36 PM

ну я не знаю что там за ядро для отображения html?
пробуйте методом проб и ошибок
От рисуйте первый блок нормально, потом другой и так далее
Как отображается в программе

при наведении
.button:hover {

}

~~Four-Art~~ · 01-02-2013, 06:08 PM

Все разрезал и все сверстал.

Как правильно применить параметр? Если можно на примере 1.jpg и 2.jpg
Сссылку я так понимаю в ксс тоже прописывать?

Asmodiel · 01-02-2013, 06:18 PM

Four-Art Написал:Сссылку я так понимаю в ксс тоже прописывать?

Если хотите для каждой картинки свой hover, то да.

Пример (html):

<div id="menubox"> (это блок с меню)
<div class"site"><a href="http://"></a></div> (пункт меню)
<div class"community"><a href="http://"></a></div>
<div class"register"><a href="http://"></a></div>
<div class"cp"><a href="http://"></a></div>
<div class"heroes"><a href="http://"></a></div>
<div class"about"><a href="http://"></a></div>
<div class"donate"><a href="http://"></a></div>
<div class"vote"><a href="http://"></a></div>
</div>

Пример (css):

.site, .site a {
display: block;
width: ширина картинки;
height: высота картинки;
background: url(../images/site.png) no-repeat; - картинка в обычном сост.
}

.site а:hover {
background: url(../images/site_hover.png) no-repeat; - картинка в hover
}

~~Four-Art~~ · 01-02-2013, 09:36 PM

Огромное спасибо все получилось. Очень радует что все еще остались люди которым не тяжело уделить свое время.

Вход
Имя пользователя:
Пароль:	Забыли пароль?
	Запомнить меня

Возможно похожие темы ...
Тема		Автор	Ответы	Просмотры	Последний пост
	Проблема с капчей при верстке	SoniPro	6	2,617	01-16-2014, 01:19 PM Последний пост: Andis
	Ошибка при верстке	Double	3	1,927	09-25-2013, 02:04 PM Последний пост: Mifesto