Расстояние от картинки - HTML и CSS

Syltan · 13.03.2010, 00:10

Создал файл CSS.

Код:

.ramka{margin-left:100px;}

Файл html.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Первая страничка</title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css">

</head>

<p class="ramka"><img src="foto.jpg"  width="150" height="150" 
align="left" ></p>
</body>
</html>

От лева не отступает 100 пискселей.

2) margin i padding - они обое делают отступ вокруг всего текста со всех сторон, они идентичны?

uberchel · 13.03.2010, 11:54

Нет, padding создаёт отступ в внутрь тега а margin наоборот!

Syltan · 13.03.2010, 13:44

Код:

padding создаёт отступ в внутрь тега

Как это понимать?

Magneto · 13.03.2010, 14:01

http://design.manual.ru/articles/box_model - вот ссылка читайте быстренько - пока "злой" админ не удалил её. )))

Syltan · 13.03.2010, 19:38

Написал файл s.css

Код:

.asa{padding:100px}

HTML:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="s.css">
  <title>Тег SPAN</title>
 <body>
<table class="asa" align="center" border="1" bordercolor="black" >
<tr>
<td>
Привет Анатолий!
</td>
</tr>
</table>


</body>
</HTML>

Фраза - "привет Анатолий!", тоже выделилась рамкой№2 ,как убрать?

Magneto · 13.03.2010, 20:48

В данном случае у фразы "Привет Анатолий" нет собственной рамки - это ячейка таблицы обтекает фразу, а так как Вы указали что таблица будет с бордюром и черного цвета - бордюр появился и у ячейки.
Вот нужный Вам код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
<title>Тег SPAN</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<style rel="stylesheet" type="text/css">
.asa{
	padding:100px}

td{
	border:0}
</style>
 <body>
<table class="asa" align="center" border="1" bordercolor="black">
<tr>
<td>
Привет Анатолий!
</td>
</tr>
</table>   
</body>
</html>

P.S. CSS стили я вписал в HTML-документ

Syltan · 13.03.2010, 21:29

А как написать в отдельном файле css,что-то у меня не срабатывает?
.asa{padding:100px}
td{ border:0px}

13.03.2010, 00:10	#1
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Расстояние от картинки Создал файл CSS. Код: `.ramka{margin-left:100px;}` Файл html. Код: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Первая страничка</title> <meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <p class="ramka"><img src="foto.jpg" width="150" height="150" align="left" ></p> </body> </html>` От лева не отступает 100 пискселей. 2) margin i padding - они обое делают отступ вокруг всего текста со всех сторон, они идентичны? Последний раз редактировалось Syltan; 13.03.2010 в 00:35.

13.03.2010, 13:44	#3
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	Код: `padding создаёт отступ в внутрь тега` Как это понимать?

13.03.2010, 14:01	#4
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	http://design.manual.ru/articles/box_model - вот ссылка читайте быстренько - пока "злой" админ не удалил её. ))) Последний раз редактировалось Magneto; 13.03.2010 в 14:12.

13.03.2010, 20:48	#6
Magneto Форумчанин Регистрация: 10.02.2008 Сообщений: 178	В данном случае у фразы "Привет Анатолий" нет собственной рамки - это ячейка таблицы обтекает фразу, а так как Вы указали что таблица будет с бордюром и черного цвета - бордюр появился и у ячейки. Вот нужный Вам код Код: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег SPAN</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <style rel="stylesheet" type="text/css"> .asa{ padding:100px} td{ border:0} </style> <body> <table class="asa" align="center" border="1" bordercolor="black"> <tr> <td> Привет Анатолий! </td> </tr> </table> </body> </html>` P.S. CSS стили я вписал в HTML-документ Последний раз редактировалось Magneto; 13.03.2010 в 20:54.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Расстояние	VictorS	Помощь студентам	2	27.06.2009 12:43
Расстояние точки до поверхности	Mikhail Bakurov	Общие вопросы Delphi	9	20.01.2009 23:05
Размер Image изменяется на размер картинки, а сама она рисуется на области первой картинки	RPGer	Мультимедиа в Delphi	6	20.10.2008 19:54
Расстояние от A до B...	Apollo_13	Общие вопросы Delphi	4	25.06.2007 08:25

13.03.2010, 11:54	#2
uberchel Участник клуба Регистрация: 19.01.2009 Сообщений: 1,453	Нет, padding создаёт отступ в внутрь тега а margin наоборот!

13.03.2010, 21:29	#7
Syltan Заблокирован Регистрация: 27.08.2009 Сообщений: 569	А как написать в отдельном файле css,что-то у меня не срабатывает? .asa{padding:100px} td{ border:0px}