Добавление тега <p>

GstarMax · June 4, 2013

Здравствуйте.

Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>??

Вот мой код:


<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Подсказка</title>
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
	 HTML 5
</header>
<div class="content">
Текст, к которому добавляю <p>
</div>
<footer>
	 © 2013 Макс
</footer>
</body>
</html>

style


body { margin:0; padding:0; font:16px Tahoma, Geneva, sans-serif;}
header { display:block; background-color:#0099FF; height:100px; padding:20px; font-weight:bold;}
.content { margin:0 auto; min-height:478px; width:900px; background-color:#CCCCCC; padding:0 20px 0 20px;}

footer { display:block; background-color:#FF9933; padding:20px; text-align:center;}

klierik · June 4, 2013


p {
margin: 0;
padding: 0;
}

June 4, 2013

А лучше вообще скачать reset и сделать его под свой лад.

GstarMax · June 4, 2013


p {
margin: 0;
padding: 0;
}

смысл его так использовать, если не будет отступов между абзацами?

нужно сделать так, что б .content не двигался, а абзац опустился.

klierik · June 4, 2013

.content > p:first-child { margin: 0; padding: 0; }

дело в том что у <p> присутствует, скорее всего, margin-top: Xpx;

и, естественно пр правилам, это отступ передается, в данном случае, родителю.

June 4, 2013

Так задай класс к абзацам к которым не нужны отступы.

GstarMax · June 4, 2013

дело в том что у
присутствует, скорее всего, margin-top: Xpx; и, естественно пр правилам, это отступ передается, в данном случае, родителю.

Как сделать, что б он не передавался родителю?

klierik · June 4, 2013

Как сделать, что б он не передавался родителю?

надо у <p> его убрать или сделать так:

.content  {padding-top: 1px; }

в таком случае отступ будет от самого .content

GstarMax · June 4, 2013

.content  {padding-top: 1px; }

Спасибо!! так нормально!!!

klierik · June 4, 2013

от и чудненько )

Sign In

Добавление тега <p>

Question

GstarMax

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

GstarMax

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

GstarMax

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

GstarMax

Link to comment

Share on other sites

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information