1 回答

view

全般

テーブルとリストの設定またまた今晩は。今回も恐縮ですが質問させてく...

テーブルとリストの設定またまた今晩は。今回も恐縮ですが質問させてください。
ほんと、何度もすみません・・・。

いろいろな方の力を借りて、listを使ったmenuを作ることが出来ました。また、画面のサイズを小さくすることによってレイアウトがくずれる問題も、テーブルを使ってなんとか解決できました！

・・・と思ったんですけど、今度はこのテーブルの大きさと高さを指定したら、何故かその中にあるmenuが四方からみて真ん中にきちゃったんです！
menuだから上のほうにあってほしいんですけど、何故か真ん中にきちゃうんです。これってなぜでしょうか。
高さを指定しなければ、自然と上のほうに設置されるのですが・・・。
一応topとか使っていろいろ試してはみたんですが分かりませんでした。どなたか教えていただけると幸いです。

ソースをのせておきます。このほかにも、ここおかしいんじゃない？とかあったら遠慮なくおっしゃってください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK rel="stylesheet" href="style1.css" type="text/css">
<TITLE></TITLE>
</HEAD>
<BODY>
<DIV align="center">
<IMG src="1.jpg" width="800" height="200" border="0"><BR><BR>
<DIV class="menu">
<TABLE width="810" height="500">
<TBODY>
<TR>
<TD>
<ul>
<li><a href="">あ</a></li>
<li><a href="">い</a></li>
<li><a href="">う</a></li>
<li><a href="">え</a></li>
<li><a href="">お</a></li>
</ul>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</DIV>
</BODY>
</HTML>

body {background-image:url(bg_b27_20.gif);}

.menu ul{
padding: 0px;
margin: 0px;
}

.menu ul li {
list-style:none;
display: inline;
background-color:#E9E9E9;
width:160px;
border-right:solid 2px #ffffff;
text-align: center;
}

.menu ul li a {
text-decoration: none;
line-height:30px;
margin:0 auto;
font-size:18px;
}
.menu ul li a:link{
color:#000000;
}
.menu ul li a:visited{
color:#000000;
}
.menu ul li a:hover{
color:#FB8484;
font-weight: bold;
border-bottom: dotted 2px #FB8484;
}

td {
background-color:#ffffff ;
border: solid 1px #000000;
}

5502日前

コメントする

質問者が選んだベストソリューション

display: inline; では横幅固定ができませんよ。
あとブロック全体をhoverで背景色変更したいなら、
a要素をブロックレベルにしませんと。
tableの中で上寄せはvertical-align:top;で。

.menu ul li {
float:left;
width:158px;
list-style:none;
background-color:#E9E9E9;
border-right:solid 2px #ffffff;
text-align: center;
}
.menu ul li a {
display: block;
width:158px;
text-decoration: none;
line-height:30px;
margin:0 auto;
font-size:18px;
}
.menu ul li a:link{
color:#000000;
}
.menu ul li a:visited{
color:#000000;
}
.menu ul li a:hover{
background-color:#888888;
color:#FB8484;
font-weight: bold;
border-bottom: dotted 2px #FB8484;
}
td {
background-color:#ffffff ;
border: solid 1px #000000;
vertical-align:top;
}

＞それだけテーブル下（menuは上）に表示させることって可能でしょうか。
positionでどうにでもなりますけど、
せっかくtableを利用されているのだし、セル分けでもされては。
<TABLE width="810" height="500">
<TBODY>
<TR>
<TD>
<ul>
<li><a href="">あ</a></li>
</ul>
</TD>
</TR>
<TR>
<TD class="copyright">
著作権表示
</TD>
</TR>
</TBODY>
</TABLE>

td {
background-color:#ffffff ;
border: solid 1px #000000;
vertical-align:top;
}
↓
table {
background-color:#ffffff ;
border: solid 1px #000000;
}
td {
vertical-align:top;
}
td.copyright {
vertical-align:bottom;
height:2em;
}

Yahoo!知恵袋 5501日前

コメントする

参考になったと評価
　　このQ&Aは参考になりましたか？

その他の解決方法を知っていますか？

回答する

全般

Views

cssの質問です・・・。 http://www.geocities....

質問者が納得左下のdivの色が反映されない件ですよね？ブラウザ上でソースを見てみると、色の指定の仕方が｡｡background-color:black; となっており「｡｡」のせいでエラーになっている様です。その他にもheadのmarginも「｡｡」がついておりエラーになっています。backと同じ幅だから中央表示されている様に見えますが、widthを小さくすると左よりになります。余計なお世話だと思いますが、ついでに指摘します。 padding ですが、日本語の読みとしては「パディング」と言います。先の...

3642日前view18

全般

Views

エアコンの容量の選定について。色々な意見では容量は大きいほうが良い...

質問者が納得＞それが効き過ぎで風の強さは5段階の最低1にして＞温度設定は28℃～30℃にしても、夜は寒いです＞寒いと止めて暑くなるとつけて手動サーモスイッチ状態ですこの使い方が間違いです。エアコンのサーモスタットは、エアコンの本体に付いています。そこで冷房運転で風量を１にするとエアコンから出た冷気は、床面に溜まります。所が、天井付近のエアコンのサーモには暖かい空気が入るので、何時までも冷房運転をしてしまいます。その為、床面は、低温で天井付近は暖かくなっている状態になります。この場合は、風量自動にするか...

3796日前view24

全般

Views

PCゲームについて今AVAというゲームをやってるんですがいきなりF...

質問者が納得回線は有線？無線？どっちですか？

4038日前view43

全般

Views

突然「電圧異常」の表示が出てIH調理器具が使えなくなりました。困って...

質問者が納得電気屋ですＩＨヒーターが正常が前提で書きますが、基本的に各世帯ごとにわかれていますが。大元をたどれば、同じところに繋がっています。各相のバランスよく各世帯で使われていれば問題はありません。まれにバランスが悪く配線されていたり、家電品のつながり方で、バランスが崩れることがあります。一時的に電圧が下がる可能性はあります。電圧の問題は電力会社に相談するのが良いかと思います。色々と測定をして、原因を探してくれます。個人的意見ですがＨＩヒーターの点検が先だと思います。違うお部屋の違うコンセ...

4075日前view33

全般

Views

エアコンの電気代とワットモニターについて 2ヶ月前からワットモニター...

質問者が納得冷蔵庫など、他の家電製品の消費電力が増えている可能性はありませんか？冷蔵庫の場合、室温が高いほど消費電力が増えます。また、氷をよく使うようになったり、冷たいものを飲むようになったりすると扉の開閉が増えるため、消費電力が増えます。

4337日前view34

取扱説明書・マニュアル

dynabook SS M50 200C/3W 取扱説明書・マニュアル (全60ページ)

531view

http://dynabook.com/.../gx1c0008wi10_prt.pdf

60 ページ0.89 MB

よく見られているQ&A

テーブルとリストの設定またまた今晩は。今回も恐縮ですが質問させてく...

参考になったと評価
　　このQ&Aは参考になりましたか？

取扱説明書・マニュアル

関連製品のQ&A

よく見られているQ&A

テーブルとリストの設定 またまた今晩は。今回も恐縮ですが質問させてく...

参考になったと評価 このQ&Aは参考になりましたか？

取扱説明書・マニュアル

関連製品のQ&A

テーブルとリストの設定またまた今晩は。今回も恐縮ですが質問させてく...

参考になったと評価
　　このQ&Aは参考になりましたか？