まぁくんの店 ブログ 四條畷 はんこ 名刺 サンドブラスト ホームページ作成 ライター フルカラー
2009 / 10   «« »»
01
T
 
02
F
03
S
 
04
S
 
05
M
 
06
T
 
07
W
 
08
T
 
09
F
 
10
S
 
11
S
 
12
M
 
13
T
 
14
W
 
15
T
 
16
F
 
17
S
 
18
S
 
19
M
 
20
T
 
21
W
 
22
T
 
23
F
 
24
S
 
25
S
 
26
M
 
27
T
 
28
W
 
29
T
 
30
F
 
31
S
 
meaning of mark :: nothing , comment , trackback , comment and trackback
Pageview

Online Status




Profile
まぁくん
makun200.jpg
四條畷でまぁくんの店を経営しています
取扱商品は
印鑑(はんこ)・名刺・封筒・印刷関係全般・キーホルダー・サンドエッチング・レーザー加工・オリジナル商品・ハンドメイド商品
です

にほんブログ村 地域生活(街) 関西ブログへにほんブログ村 地域生活(街) 関西ブログ 四條畷情報へ
にほんブログ村 オヤジ日記ブログへにほんブログ村 その他生活ブログ 印鑑・ハンコへ
にほんブログ村 オヤジ日記ブログ 30代オヤジへブログランキング・にほんブログ村へ
ブログランキング・にほんブログ村へ人気ブログランキングへblogram投票ボタン
ブログランキング


MyYahoo!に追加
Googleに追加

ブックマークプラス by SEO対策



Menu

RSS & Atom Feed
まぁくんの店 ブログ 四條畷 はんこ 名刺 サンドブラスト ホームページ作成 ライター フルカラー
RSS1.0 / RSS2.0 / Atom0.3
店主について
RSS1.0 / RSS2.0 / Atom0.3
はんこについて
RSS1.0 / RSS2.0 / Atom0.3
ホームページ作成(CSS勉強中)
RSS1.0 / RSS2.0 / Atom0.3
本日のお仕事
RSS1.0 / RSS2.0 / Atom0.3
新商品
RSS1.0 / RSS2.0 / Atom0.3
SEO対策 検索アップアップ ホームページ
RSS1.0 / RSS2.0 / Atom0.3
地域情報(近所のお店)
RSS1.0 / RSS2.0 / Atom0.3
フリーCGI&PHP
RSS1.0 / RSS2.0 / Atom0.3
これからやろうとしてること
RSS1.0 / RSS2.0 / Atom0.3
現在進行中
RSS1.0 / RSS2.0 / Atom0.3
豆知識
RSS1.0 / RSS2.0 / Atom0.3
雑談
RSS1.0 / RSS2.0 / Atom0.3
おやじ日記(家族の事)
RSS1.0 / RSS2.0 / Atom0.3

Pickup Photo!

Recent Diary


Recent TrackBack
お好み焼きkomugi様のドリンクメニューを変更しました
  └ ハンコとスタンプが趣味
         └ at 2009/09/16 22:13:04

Recent Comments
«« 既製認印の一覧を作る | main | 本日は朝からバタバタです(名刺) »»
«« カテゴリ内前記事(ブログを整理整頓してみました) | ホームページ作成(CSS勉強中) | カテゴリ内次記事(ペットハウスsavon様 完成) »»
2009/05/13
お好み焼きkomugi様のドリンクメニューを変更しました
お好み焼きkomugi様
バタバタと忙しくドリンクメニューのところがIEでキレイに表示されないところがなかなか変更できませんでした
今日やっと変更しました
忙しい中考えた内容が
前回まではドリンクメニューの中を左と右に分けてその中を左と右に分けて合計4等分にしてましたが、IEでは中の中のfloatがちゃんと表示されませんでした
今回はメニューを左からひとつのまとまりとしてliでくくり、4つのliにしました
liは150ピクセルfloat左に設定しました
html内容(ドリンクメニュー)
<div class="drink">
<div class="drink_waku">
<ul>
<li>
<div class="top">麦焼酎</div>
<div class="name">天の刻印</div>
<div class="name">酔麦香</div>
<div class="top">黒糖焼酎</div>
<div class="name">れんと</div>
<div class="top">芋焼酎</div>
<div class="name">黒霧島</div>
<div class="name">亀五郎</div>
<div class="name">純 黒</div>
</li>
<li>
<div class="top"> </div>
<div class="space_drink">------------ 450円</div>
<div class="space_drink">------------ 480円</div>
<div class="top"> </div>
<div class="space_drink">------------ 480円</div>
<div class="top"> </div>
<div class="space_drink">------------ 450円</div>
<div class="space_drink">------------ 500円</div>
<div class="space_drink">------------ 480円</div>
</li>

<li>
<div class="top"></div>
<div class="keep">ボトルキープ</div>
<div class="keep">ボトルキープ</div>
<div class="top"></div>
<div class="keep">ボトルキープ</div>
<div class="top"></div>
<div class="keep">ボトルキープ</div>
<div class="keep">ボトルキープ</div>
<div class="keep">ボトルキープ</div>
</li>
<li>

<div class="top"></div>
<div class="space_drink">------------ 3000円</div>
<div class="space_drink">------------ 3000円</div>
<div class="top"></div>
<div class="space_drink">------------ 3000円</div>
<div class="top"></div>
<div class="space_drink">------------ 3000円</div>
<div class="space_drink">------------ 3000円</div>
<div class="space_drink">------------ 4000円</div>
</li>
</ul>
<div class="clearfix"></div>

<div class="top">数量限定おすすめ焼酎</div>
<div class="name">田伝夢詩(でんでんむし) ------------ 550円
  赤霧島 ------------ 500円</div>

</div>
</div>

divでくくっているのが気になりますが今回はこれで行きます
たぶんspanでくくってもいいような気がしますが・・・。
CSS内容
.drink {
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #FF3300;
list-style-type: none;
width: 700px;
}
.drink .drink_waku {
padding-top: 10px;
padding-bottom: 10px;
margin-right: auto;
margin-left: auto;
width: 600px;
}
drink_waku ul {
margin-right: auto;
margin-left: auto;
}


.drink li {
text-align: left;
display: inline;
float: left;
width: 150px;


}

.drink .top {
font-size: 18px;
font-weight: bold;
color: #000000;
letter-spacing: 10px;
line-height: 30px;
height: 30px;
}
.drink .space_drink {
height: 20px;
font-size: 16px;
line-height: 20px;
}

.drink .name {
color: #000000;
margin-left: 30px;
line-height: 20px;
height: 20px;
font-size: 16px;
}
.drink .keep {
font-size: 16px;
color: #0000FF;
line-height: 20px;
letter-spacing: 5px;
height: 20px;
}



下記はまぁくんの店の情報です
記す
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)




雑貨 格安 低価格 販売 新商品なんでも雑貨サイト商品検索
こどもの本なんでもデジモン屋雑貨屋2茶道日記
posted at 2009/05/13 16:41:20
lastupdate at 2009/05/16 12:20:39
修正
 
Trackback URL

クリップボードへコピーする場合は こちらをクリック(Win+IEのみ)

Trackbacks
芋焼酎・・・・・・。芋焼酎・・・・・・。芋焼酎が好きなんですが、高いですよね?旦那が特に好きなので私も一緒に飲んでいますが今の芋焼酎って何が一番人気なん?(続きを読む)芋焼酎が好きでよく飲むんですがなかなかつまみが合わなくて困ってます。やはりさ........
blog name :: 芋焼酎ランキング@おすすめ情報銀行
at 2009/05/13 21:25:13
 
スタンプ楽しい!使う機会もないのに、スタンプばっかり買ってしまう
blog name :: ハンコとスタンプが趣味
at 2009/09/16 22:13:04
 

Comments

Post your Comment
name
mail
home
comment
文字装飾グラデーション絵文字