« ケアンズと森とビーチの休日 レイアウトの崩れを修正 | トップページ | 沖縄・子連れで体験旅行!*子連れ沖縄旅行記3 レイアウトの崩れを修正 »

画像入り旅行記のレイアウト崩れに関する覚書 自分用のメモ

自分用のメモ

スタイルシートから以下を削除

.b{
       text-align:center;
       margin:0 auto;
}

HTMLに以下を追加

align="center"

それからスタイルシートのテーブル内の

td                {
        font-family:MS UI Gothic,Osaka ;
}

が無効になっていたが、個別にtdにidを指定してやれば有効になった。

td.mojia{
       line-height:1.3em;
       text-decoration:underline ;
}

写真風に張った画像の右の空白の調整。

画像が width=320なら枠は300、ただし画像が一枚なら適当に縮めて大丈夫。

問題は横に二枚並べている場合。

320×2で640だが、コメントを入れるTDだけ600で指定する。

注意するのはこの場合サイズを指定するのはコメントを入れる黒い枠だけで、画像を入れている白い枠にサイズの数値を入力するとうまくいかない。自動で作業すると白枠にも数値が入ることがあるのでその都度確認すること。

テーブルの中のリンクに関して

.a A:link           {  color:#ffffcc; text-decoration:underline ;}
.a A:visited       {  color:#ffffff; text-decoration:underline ;}

|

« ケアンズと森とビーチの休日 レイアウトの崩れを修正 | トップページ | 沖縄・子連れで体験旅行!*子連れ沖縄旅行記3 レイアウトの崩れを修正 »

パソコン・インターネット」カテゴリの記事

日記・コラム・つぶやき」カテゴリの記事

更新情報」カテゴリの記事