自動的に空欄を埋めれるようにするには？

締切済

質問者：yamyamya-m
質問日時：2009/09/02 16:25
回答数：1件

お世話になります。

以下はテーブルを使ってつくられたものです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>index03のページ</title>
<style type="text/css">


</style>
</head>

<body bgcolor="#ECE9D8">
<a name="建設業"></a><br>
<table width="746" height="26" border="1" bordercolor="#9CCE39" bordercolorlight="#9CCE39" bordercolordark="#9CCE39" bgcolor="#9CCE39">
<tr>
<td width="736" height="20" align="left" valign="middle" background="color01.gif">　　<span class="style153">■</span>　<span class="style153">建設業</span>　<span class="style153">■</span></td>
</tr>
</table>

<br>
　<span class="unnamed1">（あ行）</span>
　
<table width="740" cellspacing="0">
<tr valign="middle">
<td width="367"></td>
<td></td>
</tr>
<tr valign="middle" bgcolor="FFFFCE">
<td>　　<a href="A073.htm" target="_parent" class="style132">・　あああ</a></td>
<td>　　<a href="A017.htm" target="_parent" class="style132">・　いいい</a></td>
</tr>
<tr valign="middle" bgcolor="FFCCFF">
<td>　　<a href="A069.htm" target="_parent" class="style132">・　ううう</a></td>
<td>　　<a href="A043.htm" target="_parent" class="style132">・　えええ</a></td>
</tr>
こちらはテーブルを使って書かれたものですが、
(1)テーブルを使わずに
(2)「あああ」を消した場合
(3)自動的に「いいい」が「あああ」のあったところに移動

させるには、どうしたらよいでしょうか？
ヒントでもかまいませんので、ご協力よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1

回答者： noname#119957
回答日時：2009/09/03 04:32

■HTML

<h2 class="midai-1">建設業</h2>
<h3 class="midai-2">あ行</h3>
<ul class="list-1">
　<li>あああ</li>
　<li>あああ</li>
　<li>あああ</li>
</ul>

■css

*{
margin:0;
padding:0;
}
.midasi-1{
background-color:#222222;
color:ffffff;
width:690px;
font-size:100%;
padding:5px;
clear-both;
line-height:2em;
}
.midasi-2{
font:#33333;
float-left;
padding:5px;
width:200px;
display;block;
line-height:1.5em;
}
.list-1
{
width:500px;

}
.list-1 li{
float-left;
padding-left:15px;
display;block;
line-height:1.5em;
}

こんな感じで、paddingとmarginで調整。
（適当にやり方を述べただけですから。。テストはしていません。）
上下左右はmargin,paddingで間隔を調整する。、
ただし、floatさせたものの左右の間隔はpaddingでないとまずいブラウザがある。