ブログ

トピック詳細

コメント一覧 4件中、1～4件表示

• >こちらで回答がつかない場合どうすればいいでしょうか？
  
  07.あくまでもユーザーが得ている情報の交換ですので、すべての質問に回答がつくわけではありません。
  レアケースの場合、回答が得られないこともあります。

  2010年04月14日 20:44 by pika★フォーラムモデレーター

• 前回の質問⇒ テーブルタグを使うと記事が崩れる
  http://blogsns.fc2.com/forum_community/topic/12603/41883/
  
  でご回答いただいたように、改行を入れずに記述したのですが・・
  表が右下に行ってしまいます。
  
  崩れた記事はこちらです⇒　テスト投稿
  http://kinghome.blog3.fc2.com/blog-entry-6.html
  
  　※「・テスト」のみご覧ください。
  　　 「・その１」「・その２」は、今回の質問と関係ありません。
  
  表も画像もテーブルタグで class を付けてます。
  改行もしていません。
  
  何故でしょうか？
  画像と表を並べたいのですが・・・。
  
  画像のCSSは↓
  table.gazou
  {
  width: 305px;
  margin-left: 5px;
  }
  
  右の表のCSSは↓
  table.migi
  {
  border-collapse: collapse;
  width: 255px;
  margin: 0px 5px 0px auto;
  }
  table.migi th, table.migi td
  {
  border: 1px solid #cbcbcb;
  padding: 5px;
  }
  table.migi th
  {
  font-weight: normal;
  background: #f5f5f5;
  white-space: nowrap;
  text-align: center;
  width: 65px;
  }
  table.migi td
  {
  text-align: left;
  font-size: 100%;
  background: #ffffff;
  width: 190px;
  }
  （ ※　main は width: 600px; です ）
  
  と記述しています。
  間違ってるのは何処でしょうか？
  
  解決方法を教えてください。
  よろしくお願いします。　ｍ(＿ ＿)ｍ
  
  
  ※　解決後は「テスト投稿」を削除いたします。
  　　 ご了承ください。

  2010年04月14日 20:44 by pika★フォーラムモデレーター

• paruparu様、ありがとうございます。　
  
  できました！！
  style="float:left" なのですね。
  
  float を試したつもりだったのですが、やり方が間違っていたようです。
  変化しなかった理由がわかりました。
  
  width: *** px;　⇒　width=" *** "
  border: ** px;　⇒　border=" ** "
  
  といった感じになるみたいでしたので、てっきり私は、
  
  float: left;　　⇒　　float="left"
  
  と書けばいいのだと考えてしまいました。お恥ずかしい話です。
  私、ぜんぜん解ってませんでした。　もっと勉強しなければなりませんね。＾＾；
  
  ありがとうございました。　とても助かりました。　感謝です。　ｍ(＿ ＿)ｍ
  
  

  2010年04月14日 13:37 by

• http://blogsns.fc2.com/forum_community/topic/12603/42116/
  テーブルタグが崩れる（続編） の件
  
  テスト投稿の場合、最初の lightbox を入れてある <table> タグに
  style="float:left"　を付ければ解決すると思います。
  float を使ったら clear:both; などで解除するのが必須となることもあります。ちょっと説明がややこしくな るので省略させていただきますが、
  
  float:left;
  float:right;
  clear:both;
  
  この辺りの使い方を把握すれば解決すると思います。
  

  2010年04月14日 10:11 by paruparu