[platex,graphicx,includegraphics,(XHTML,CSS)]以下のXHTMLのソースをTeXで実現するには

締切済

質問者：himajin100000
質問日時：2007/02/04 03:45
回答数：1件

タイトルをつけたからには
ソースをXHTMLで図示したいのですが、ソースだけで800文字を上回ってしまいましたorz　削るところないのに・・・。

適当に何か回答していただき、ソースを補足しようと思います

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： ROOM-335
回答日時：2007/02/04 07:00

私には難しすぎてわからなそうですが、、

ソースの補足をお願いします。

この回答への補足

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>希望する表示</title>
<style type="text/css">

html{
margin:0;
padding:0;
border-style:none;
background-color:blue;
}

body
{
width:210mm;
margin:0;
padding:0;
border-style:none;
background-color:yellow;

}

div.page{
width:155mm;
height:242mm;
padding:27.5mm 27.5mm;
page-break-after:always;
background-color:pink;
}

div.imagebox
{
display:block;
}

div.imagebox#noodle,div.imagebox#tea
{
/* Firefox trunk nightlyじゃないならfloat:leftで。*/
display:inline-block;
}

table#pricetable{
background-color:#000000;
border-collapse:separate;
border-spacing:1px;
width:150mm;

margin:auto;/* 好みの問題*/

}
table#pricetable col#name{
background-color:#FFFF00;
width:20%;
}
table#pricetable col#price{
background-color:#FFFFFF;
width:30%;

}
table#pricetable col#discount{
background-color:#FFFFFF;
width:50%;

}
table#pricetable tbody th{
text-align:center;
}
table#pricetable tbody td{
text-align:center;
}

</style>
</head>
<body>
<div class="page">
<h1>himajinの食事</h1>
</div>
<div class="page">
<h2>今朝の朝食</h2>

<p>以下に示す写真は今朝の朝食である。</p>

<div>

<div class="imagebox" id="sunnysideup">
<div class="image"><img src="sunny.png" width="130" alt="" /></div>
<div class="caption">目玉焼き</div>
</div>
<div class="imagebox" id="milk">
<div class="image"><img src="milk.png" width="130" alt="" /></div> 
<div class="caption">牛乳</div>
</div>

</div>

<p>だからどーした？</p>

</div>
<div class="page">
<h2>今朝の昼飯</h2>

<p>以下に示す写真は今朝の朝食である。</p>
<div>
<div class="imagebox" id="noodle">
<div class="image"><img src="noodle.png" width="65" alt=""/></div>
<div class="caption">ラーメン</div>
</div>
<div class="imagebox" id="tea">
<div class="image"><img src="tea.png" width="65" alt="" /></div>
<div class="caption">ウーロン茶</div>
</div>
</div>
<p>だからどーした？</p>
</div>
<div class="page">
<h2>材料費</h2>

<table id="pricetable">
<caption>値段表</caption>
<col id="name" />
<col id="price" />
<col id="discount" />
<thead>
<tr><th>商品名</th><th>値段</th><th>割引率</th></tr>
</thead>
<tbody>

<tr><td>りんご</td><td>400円</td><td>30%</td></tr>
<tr><td>みかん</td><td>$5</td><td>60%</td></tr>
<tr><td>れもん</td><td>時価</td><td>割引なし</td></tr>
<tr><td>ぱいなっぷる</td><td>700円</td><td>割引なし</td></tr>
</tbody>
</table>

<p>何故この材料であの料理が出来るのかとかは聞かないでください</p>
<p>
なお、この文書中に出てきた画像は仮のもの(PNG)にしていますが、
実際はPSファイルをangle=270を効かせて回転させたり(Portrait→Landscape)、width=13cmを付けて拡大縮小等しています。
</p>
<p>
また、出てくる表についても、実際は7列くらいあって幅を指定しなければoverfullという警告が出るため、text-alignを適用させた上での幅の指定の仕方を教えてほしい
</p>

</div>

</body>
</html>

以上です。背景色はわかりやすくするために付けています。