ホームページ作成 質問過去ログ

                                Page     982
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼レイアウトが崩れる  もり象 05/3/21(月) 1:08
   ┗Re:レイアウトが崩れる  むむりく 05/3/21(月) 1:40
      ┗Re:レイアウトが崩れる  もり象 05/3/21(月) 2:15
         ┗Re:レイアウトが崩れる  むむりく 05/3/23(水) 0:02
            ┗Re:レイアウトが崩れる  もり象 05/3/28(月) 18:29

 ───────────────────────────────────────
 ■題名 : レイアウトが崩れる
 ■名前 : もり象
 ■日付 : 05/3/21(月) 1:08
 ■Web : http://www.geocities.jp/hama_7772000/00.GIF
 -------------------------------------------------------------------------
   すいません。
昨日からサイトのリニューアルをしようとしているのですが
どうしてもレイアウトが崩れてしまいます。
どのように崩れるのかそれは、答えるのが難しいです( ´,_゛`)

で予定ではhttp://www.geocities.jp/hama_7772000/00.GIF
このようにしたいのですがどうすればいいでしょうか???
文字化けしているので一部をはります。↓

本当にすいません。教えて下さい。


<!-- /バー お知らせ&更新履歴/-->
<table width="730" border="0">
<tr>
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">お知らせ&更新履歴</font></div>
</td>


<!-- /お絵かき最優秀賞的作品/-->
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">お絵かき最優秀賞的作品</font></div>
</td>
</tr>


<tr>
<td width="270" class="size">
</td>


<!-- /作品展示/-->
<td bordercolor="#CCCCCC" rowspan="4" width="470" class="size">
<Center>

<img src="http://www.geocities.jp/hama_7772000/oekaki/1.gif">
<Br>
作品は300×300でお願いします。<Br>

</Center>
<Br>

</td>
</tr>


<tr>
<td width="270" height="120" class="size" valign="top">


<!-- /更新履歴/-->
<FORM>
<SELECT STYLE="color:#000080;background:#E0FFFF;width:180;">
<OPTION>更新履歴

<OPTION>3/19 隠しページ設置
<OPTION>2/13 アンケート設置
<OPTION>2/8  お絵かき掲示板設置
<OPTION>2/8  お絵かきチャット設置
<OPTION>12/18 メールフォームズ設置
<OPTION>12/18 日記設置
<OPTION>12/18 自動リンク集設置
<OPTION>12/18 掲示板設置
<OPTION>12/15 HP製作開始
</SELECT>
</FORM>

<P>
★アンケート実施中参加してね!
<P>


<Font Color="#ff0000">
隠しページ設置!!!<Br>
探してみてください。<Br>
見つけた人は、<Br>
一言残して行ってください!<Br>
<A Href="http://www.geocities.jp/hama_7772000/kakusi.html
">ここ</A>に載せます!
</Font>
</tr>

<!-- /チャット バー/-->
<tr>
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">チャット</font></div>
</td>
</tr>


<tr>
<td class="size">
<table width="350" border="0" cellspacing="0" cellpadding="0">


<tr>
<td bgcolor="#ffffff"><font color="#330000">

<!-- /チャット本体/-->


<APPLET code="com.daifukuya.chat.ChatApplet" codebase="http://chat.daifukuya.com/" width=350 height=200>
<PARAM name="channel" value="Area of Dragonball
">
<PARAM name="fgcolor" value="FFA500">
<PARAM name="bgcolor" value="000000">
<PARAM name="sound" value="off">
</APPLET>


</td>
</tr>
</table>


</script>
</a></td>
</tr>
</table>
 ───────────────────────────────────────  ■題名 : Re:レイアウトが崩れる  ■名前 : むむりく  ■日付 : 05/3/21(月) 1:40  -------------------------------------------------------------------------
   >本当にすいません。教えて下さい。
こちらは3列に変更したソースではないですよね?
リニューアルしようとして、崩れてしまった3列のソースを教えてください。

ところで、現在チャットと画像で充分な幅があるので、
これ以上幅を広くすると、横スクロールバーで嫌われそうな予感です。

# メール送りませんけど、隠しページ見つけますた。
 ───────────────────────────────────────  ■題名 : Re:レイアウトが崩れる  ■名前 : もり象  ■日付 : 05/3/21(月) 2:15  ■Web : http://www.geocities.jp/hama_7772000/00.GIF  -------------------------------------------------------------------------
   横スクロールバーかぁ・・・
それはまずいな・・・・
チャットなくしちゃいます(笑い
大福屋チャット重いんですよね・・・・

#隠しページ簡単すぎますかね・・・
まぁまだ来てくれる人が少ないので助かってたりして・・・
何かいいのないかなぁ〜

一様したのですが・・・
やっぱレイアウトずれるな・・・
詳細です→http://www.geocities.jp/hama_7772000/0.GIF


↓ソース↓


<!-- /バー お知らせ&更新履歴/-->
<table width="840" border="0">
<tr>
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">お知らせ&更新履歴</font></div>
</td>


<!-- /お絵かき最優秀賞的作品/-->
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">お絵かき最優秀賞的作品</font></div>
</td>
</tr>


<tr>
<td width="270" class="size">
</td>


<!-- /作品展示/-->
<td bordercolor="#CCCCCC" rowspan="4" width="300" class="size">
<Center>

<img src="http://www.geocities.jp/hama_7772000/oekaki/1.gif">
<Br>
作品は300×300でお願いします。<Br>

</Center>
<Br>


<!-- /未定/-->
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">未定</font></div>
</td>
</tr>


</td>
</tr>


<tr>
<td width="270" height="120" class="size" valign="top">


<!-- /更新履歴/-->
<FORM>
<SELECT STYLE="color:#000080;background:#E0FFFF;width:250;">
<OPTION>更新履歴

<OPTION>3/19 隠しページ設置
<OPTION>2/13 アンケート設置
<OPTION>2/8  お絵かき掲示板設置
<OPTION>2/8  お絵かきチャット設置
<OPTION>12/18 メールフォームズ設置
<OPTION>12/18 日記設置
<OPTION>12/18 自動リンク集設置
<OPTION>12/18 掲示板設置
<OPTION>12/15 HP製作開始
</SELECT>
</FORM>

<P>
★アンケート実施中参加してね!
<P>


<Font Color="#ff0000">
隠しページ設置!!!<Br>
探してみてください。<Br>
見つけた人は、<Br>
一言残して行ってください!<Br>
<A Href="http://www.geocities.jp/hama_7772000/kakusi.html
">ここ</A>に載せます!
</Font>
</tr>

<!-- /チャット バー/-->
<tr>
<td bgcolor="#000000" class="size">
<div align="center"><font color="#FFFFFF">チャット</font></div>
</td>
</tr>


<tr>
<td class="size">

<table width="270" border="0" cellspacing="0" cellpadding="0">


<tr>
<td bgcolor="#ffffff"><font color="#330000">

<!-- /チャット本体/-->


<APPLET code="com.daifukuya.chat.ChatApplet" codebase="http://chat.daifukuya.com/" width=270 height=200>
<PARAM name="channel" value="Area of Dragonball
">
<PARAM name="fgcolor" value="FFA500">
<PARAM name="bgcolor" value="000000">
<PARAM name="sound" value="off">
</APPLET>


</td>
</tr>
</table>


</script>
</a></td>
</tr>
</table>
    
 ───────────────────────────────────────  ■題名 : Re:レイアウトが崩れる  ■名前 : むむりく  ■日付 : 05/3/23(水) 0:02  -------------------------------------------------------------------------
   ▼もり象さん:
>横スクロールバーかぁ・・・
>それはまずいな・・・・
840を想定している時点で、大きいかも。

>#隠しページ簡単すぎますかね・・・
Tabキー連打ですぐ見つかりました。

>一様したのですが・・・
>やっぱレイアウトずれるな・・・
>詳細です→http://www.geocities.jp/hama_7772000/0.GIF
colspan, rowspan について調べてみると吉です。

# 「一様」→「一応」ですね。失礼。
 ───────────────────────────────────────  ■題名 : Re:レイアウトが崩れる  ■名前 : もり象  ■日付 : 05/3/28(月) 18:29  ■Web : http://www.geocities.jp/hama_7772000/00.GIF  -------------------------------------------------------------------------
   有難うございました。
風邪で返信遅れてしまいました。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 982