テーブルタグのソースの位置変更は可能か?



0   名前: みゆき : 2006/08/31(木) 17:57  [URL]  ID:75AVe8Af
こんにちは。
あまり知識がないのでおてやわらかにお願いします。

http://www.eau-du-ciel.lad.jp/tesuto.html
上記のページについての質問です。

ソースを読み込むと最初にメニューのソースが表示され
その後見出し2のソースが表示されています。
これを逆、すなわち見出し2のソースの表示が先になるようにすることは可能でしょうか?(デザインを変えずに)


質問の意味がおわかりいただけたでしょうか?
よろしくお願いいたします。

1   名前: sevi- : 2006/08/31(木) 17:57  ID:9J5RKOHs
表示したくない対象部分をCSSの
visibility:hidden
もしくは
display:none
指定にて非表示にしておき、見出し2のソースの後方もしくはloadイベント発生後に
スクリプトで上記CSS設定を解除するよう設定すれば一応可能と思われる.

2   名前: pirate : 2006/08/31(木) 17:57  ID:ZPLL9zov
ソース中では「h2>メニュ−」の順番で書いて、ブラウザの表示は今みたいにメニューが右でh2があるところを左に持ってきたいということでしょうか。
そうであれば、テーブルレイアウトやめてCSS使えば簡単にできます。

3   名前: みゆき : 2006/08/31(木) 17:57  ID:75AVe8Af
>sevi-さん

すみません。
難しくておっしゃってることの意味がわかりません。^^;

>pirateさん

>ソース中では「h2>メニュ−」の順番で書いて、
>ブラウザの表示は今みたいにメニューが右でh2があるところを
>左に持ってきたいということでしょうか。

一行目は合っています。メニューは現在のまま左表示にしたいのです。
現在のCSSを記載します。
文字数がオーバーするので2回に分けます。

#baseBlock {
width: 750px;
padding: 0px;
margin: 0px auto;
}
body{
font-family: "MS Pゴシック" ;
font-size:15px;
line-height: 140%;
font-weight:normal;
font-style:normal;
text-decoration:none;
margin:0;
overflow:auto;
}

P{
font-family: "MS Pゴシック"
line-height: 140%;
font-size: 15px;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
h1 {
font-family: "MS Pゴシック"
line-height: 110%;
color: #990000;
font-size: 15px;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
text-align:left;
}

h2 {
font-family:Verdana,Arial Black;
color: #000000;
font-size:15px;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffd0d0;
line-height: 110%;
text-align:center;
}
h3 {
font-family:Verdana,Arial Black;
color: #000000;
font-size:15px;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #ffd0d0;
line-height: 110%;
text-align:center;
}


4   名前: カヅサツ ◆ThCi95HEzw : 2006/08/31(木) 17:57  [URL]  ID:O5hEMlpW
ここは HTML質問板ですので、CSSその他に関してはスタイルシート質問板や総合質問板へ質問するとよろしいと思います。

5   名前: pirate : 2006/08/31(木) 17:57  ID:ZPLL9zov
>メニューが右でh2があるところを左に

逆でした。
メニューが左、ですね。失礼。

6   名前: pirate : 2006/08/31(木) 17:57  ID:ZPLL9zov
あ、どちらにしろCSSを使えば右でも左でも可能です。
カヅサツさんの言うようにスタイルシート質問板等で質問するといいと思いますが、多分ここら辺を紹介されると思うので、一応載せときます。

CSSによる段組(マルチカラム)レイアウト講座
http://www.geocities.jp/multi_column/

7   名前: K+S : 2006/08/31(木) 17:57  ID:nROqylMa
質問の意味がよく分かりませんが。

<table>
<tr>
<td>h2要素</td>
<td>メニュー</td>
</tr>
</table>

と書いて、
【メニュー】【h2要素】
のようにテーブルで表示する方法を聞いているのでしょうか?
これに関しては、強引な方法ですがtable要素にdirection:rtlが指定されていればそのように見せることも可能だと思われます。

実際は推奨されると思われる妥当なブロック要素でマークアップを施し、positionプロパティなんかを指定すれば表示させる位置を指定できると思いますが。

8   名前: みゆき : 2006/08/31(木) 17:57  ID:75AVe8Af
みなさん、ご協力ありがとうございました。
お世話になりました。

一覧へ戻る