お好み焼きDining komugi様(四條畷)
メニューに変更がありましたので変更しました
新たに焼酎の価格を載せました
IE6以外では正常に見れます
なぜかIE６では焼酎のメニューが正常に見えません
テーブルタグを使えば簡単なんですけどね
今はCSSの勉強の為CSSのみでがんばります
原因不明
floatを使用して＜ul＞タグを４カラムにしようとしています
＜li＞のタグで4カラムにして、＜br＞タグで改行という手もありますが
まだ、挑戦していません
いろいろやり方はあると思いますがすっきりしたソースを目指す為＜br＞のタグでの改行は最終手段にしたいと思います
＜div＞でfloat left right で２カラムに分けて
その中は＜ul＞でfloat left rightにしてみましたが駄目でした
IE６嫌い!!
＜li＞に背景画像を入れ高さを24に設定しましたが画像が途切れ途切れになります
そこで一緒にライン高も24に設定すると隙間がなくなりました
これだけの設定で結構かわるのでまだまだCSSは難しいですね
それと＜li＞に高さを設定することによって３カラムの高さ合わせが容易にできるようになりました
やっぱり簡単だけどお洒落なホームページ作成には無理があるのでしょうか？
お店毎にや会社毎に雰囲気を変えないと見栄えも悪いですからね
それでも、まぁくんの店の手間をかけずによりよいホームページ作成に勉強しないと!!
背景やメニューの背景を変えるだけでも全然違う雰囲気になりますね
朝からCSSを使ってホームページ作成しました
ベースは先に作った四條畷美容院SHINE様です
背景画像を無くしてメニューの飾り枠を変更しラインを入れて見ました
ラインは後で変更する予定です
四條畷 お好み焼き&Dining komugi
内容
3カラムを使ったホームページにしようと思っています
お洒落に作成したくいろいろ考えて悩んでます
お洒落に作るのは難しい
お洒落って!!って感じです
あまり凝った物を作成するとホームページ作成を500円でできないって言うのが本音です
まずは
左、真ん中、右でブロックを作成し左ブロックfloat:left 真ん中ブロックfloat:left 右ブロックfloat:right
でホームページを作成しましたが残念な事に真ん中のマージンが合わない
マージンを取ると右が下に落ちてしまう
左ブロックfloat:left 真ん中ブロックfloat:left 右ブロックfloat:leftでもあまり変わらず
仕方なく
まず二つのブロックに分けて左のブロックをまた二つのブロックに分ける方法にしようと考えています
まだ、作成していません
やっている最中に新たな収穫
当然と言えば当然だが
ホームページ内のリンクでidを付けた所に簡単に飛べます
リンクの設定
地図に行かせたいなら
＜div id=”map”＞を作成
＜a href=#map target=”_self”＞地 図＜/a＞
これでページ内移動ができます
他のページからのリンクも
ページhtml#mapで目的ページに移動してそのページの地図に移動することができます