管理人は通常15.6インチのPCで記事を作成している。
拙宅には同時期に購入したタブレット端末があり、
たまにサイトの表示を確認するのだが...
画面サイズが10.1インチと小さいので見え方がかなり違う。

■ トップページの配置
ヘッダー、フッターはそうでもないが、左右のカラム位置の調整に苦労した。
左カラム:65%  右カラム:20% で調整した。


■ 記事中の横並びの画像配置
当サイトでは float や table を使わず、シンプルにファイル挿入で
アルバムのサムネイル画像を横並びにしている。
デジカメ写真が多いので、サムネイルのサイズは
横幅 204px 縦幅 153px が原則なのだが
このサイズだと3つ並べると、2つで改行されてしまう。
用意している記事枠サイズ内には納まる筈だが、
余白(margin padding)の関係からか、はみ出してしまう。

そこで、画像サイズをアルバムのサムネイル画像の規定サイズ
「width="204" height="153"」から
「width="30%"」に変更 サイズに余裕を持たせたら
1行で3画像表示出来るようになった。
参考サイト:画像をピッタリ横並び表示させるテクニック

≪ サンプル ≫ なばなの里 ウィンターイルミネーション
なばなの里2014 「光の雲海」なばなの里2014 「光の回廊」なばなの里2014 「鏡池もみじ紅葉」
【スポンサーリンク】

 親カテゴリ : コンピュータ  このカテゴリ : HTML
同じカテゴリの最新記事 (8件)をご紹介


CM一覧 ( 0件)

まだコメントはありません。

CM投稿

NAME
TITLE
WEBSITE
COMMENT
PASSWORD
SECRET