Вход

~~Four-Art~~ · 01-02-2013, 04:30 PM

Вместо этого:
[Изображение: image.png]

Выходит это:
[Изображение: image.png]

Подскажите как правильно разрезать изображения. С меня спасибки. Работаю через фотошоп и дрим вийвер. пересмотрел кучу уровков. Отступ так и не убрал...

Asmodiel · 01-02-2013, 04:31 PM

display: inline;

~~Four-Art~~ · 01-02-2013, 04:38 PM

Asmodiel Написал:display: inline;

добавить в индекс

Цитата:<div id="h1">
<img src="http://ichezzy.ru/indexupd/img/header1.jpg" width="265" height="180" />

</div>

А это в ксс

Цитата:h1 {

display: inline;
}

Правильно?

Gattsu

display: inline-block;
margin: 0;

при верстке
<div></div>[здесь не должно быть пробельных символов]<div></div>

Добавлено через 43 секунды

Four-Art Написал:добавить в индекс

А это в ксс

Правильно?

весь код можно пожалуйста

~~Four-Art~~ · 01-02-2013, 04:41 PM

Код index.php

Цитата:<!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">
<link rel ="stylesheet" type= "text/css" href ="http://ichezzy.ru/indexupd//style.css" / >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<div id="img2">
<img src="http://ichezzy.ru/indexupd/img/header1.jpg" width="265" height="180" />

</div>

<img src="http://ichezzy.ru/indexupd/img/header2.jpg" width="510" height="180" />
<img src="http://ichezzy.ru/indexupd/img/body.jpg"/>
</body>
</html>

Asmodiel · 01-02-2013, 04:43 PM

Four-Art Написал:добавить в индекс

А это в ксс

Правильно?

Приведу пример.

Код:
<div id="images"><img...> и <img...></div>

В данном случае Css будет таким.

Код:
#images img {display: inline; и т.д.}

~~Four-Art~~ · 01-02-2013, 04:53 PM

В индексе

Цитата:<div id="images">
<img src="http://ichezzy.ru/indexupd/img/header1.jpg" width="265" height="180" />
<img src="http://ichezzy.ru/indexupd/img/header2.jpg" width="510" height="180" />
<img src="http://ichezzy.ru/indexupd/img/body.jpg"/>
</div>

а в ксс

Цитата:#images img {display: inline-block;
margin: 0;
}

Gattsu · 01-02-2013, 04:55 PM

как-то так



<html>

 <head>

  <title></title>

  <style type="text/css">

   .container {

   	width: 775px;

   	height: 440px;

   }

   .header {

	width: 100%;

   }

   .header div {

		display: inline-block;

   }

   .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>

Asmodiel · 01-02-2013, 05:00 PM

Four-Art Написал:В индексе

а в ксс

Просто display: inline;

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

http://ichezzy.ru/indexupd/img/index.php - если через браузер все хорошо

В апдейтере:
[Изображение: image.png]

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

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