Re: HTML - funkcjonalność znaczników... - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › HTML - funkcjonalność znaczników... › Re: HTML - funkcjonalność znaczników...

Path: news-archive.icm.edu.pl!news.icm.edu.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Re: HTML - funkcjonalność znaczników...
Date: Thu, 12 Jan 2012 10:52:01 +0100
Organization: ICM, Uniwersytet Warszawski
Lines: 39
Message-ID: <fhjypgh5byhc$.c02uczedwzmq.dlg@40tude.net>
References: <1...@4...net>
<o...@a...local>
<6fiuqroyami5$.1t4bmztj83ie9.dlg@40tude.net>
<je5bc0$chu$1@mx1.internetia.pl>
<1n68jkef44a9n.1gifje5hfyk5f$.dlg@40tude.net>
<jejsbg$ei4$1@inews.gazeta.pl>
NNTP-Posting-Host: 89-77-200-71.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: 8bit
X-Trace: news.icm.edu.pl 1326361928 8232 89.77.200.71 (12 Jan 2012 09:52:08 GMT)
X-Complaints-To: u...@n...icm.edu.pl
NNTP-Posting-Date: Thu, 12 Jan 2012 09:52:08 +0000 (UTC)
User-Agent: 40tude_Dialog/2.0.15.41pl
Xref: news-archive.icm.edu.pl pl.comp.www:400182
[ ukryj nagłówki ]
Dnia Wed, 11 Jan 2012 12:38:21 +0100, Paweł Piskorz napisał(a):

> Co się dzieje? Margines Ci wpływa na element wcześniejszy w kodzie? Daj
> przykład.

No więc właśnie tak jest.

<!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=utf-8">
<style type="text/css">
body {
margin: 0;
padding: 0;
}
h1 {
margin-top:20px;
margin-bottom: 10px;
}
p {
margin-top: 50px;
margin-bottom: 10px;
}
</style>
</head>

<body>
<div style="background-color:#CC0000">ten DIV jest odsunięty od następnego
gdyż 'babelkował' poza granice następnego elementu górny margines H1</div>
<div style="background-color:#009900">
<h1>to jest tytuł</h1>
<p>to jest P</p>
</div>
<div style="background-color:#CC0000">ten DIV jest odsunięty od
poprzedniego gdyż wyciekł poza granice poprzedniego dolny margines P</div>
</body>
</html>