画像をぴったり表示

[新着] Webテンプレートを仮オープンしました



0   名前: レイラ : 2006/11/24(金) 21:26  ID:lSJ/2qFi
はじめまして。
最近HPを作り始めた者なんですが
画像を左上(若しくは右下)に隙間無くぴったりと表示させる方法はないでしょうか?
普通にimgタグだけではどうやっても隙間が…
背景ではなく利用したいのです。
よろしくお願いします。

1   名前: モノ ◆7YMtX/NYmu : 2006/11/24(金) 21:26  ID:1CHu6Lsc
画像が文脈上どう扱われるか質問からは汲み取れませんでしたので
適当に改変してください。

HTMLファイル

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<link rel="stylesheet" href="style01.css" type="text/css" />
<title>画像を左上ぴったりに表示させるテスト</title>

</head>
<body>
<h1><img src="img.jpg" alt="" />画像を左上ぴったりに表示させるテスト</h1>
</body>
</html>


style01.css

@charset "Shift_JIS";

html,
body,
h1
{
margin:0;
padding:0;
border-width:0;
}

2   名前: 匿名 : 2006/11/24(金) 21:26  ID:yUR38eOg
多分、こういうことでは
<img scr="???.gif" style="margin:0;padding:0;">

style〜が隙間をなくせのおまじないです。

外していたら、ごめんなさい。

一覧へ戻る