お好み焼きkomugi様のドリンクメニューを変更しました :: まぁくんの店仕事内容＆雑談!! 四條畷

2012 / 11 «« ■ »»

meaning of mark ::

nothing ,

comment

Pageview

reload

Online Status

reload

Profile

まぁくん

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

MyYahoo!に追加

Googleに追加

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

■ home

■ top

■ admin

■ shop

■ blog

RSS & Atom Feed

■ まぁくんの店仕事内容＆雑談!! 四條畷
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

■ 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

■ エコ活動
RSS1.0 / RSS2.0 / Atom0.3

■ ホームページ作成(CSS勉強中)
RSS1.0 / RSS2.0 / Atom0.3

■ CMSプログラム
RSS1.0 / RSS2.0 / Atom0.3

■ お勉強(資格試験）
RSS1.0 / RSS2.0 / Atom0.3

Pickup Photo!

2009/04/17 :: はんこの印材に新しく昇龍･猛虎・跳鯉・鳳凰が出ました
日本古来の縁起物龍・虎・鯉・鳳凰の絵柄の印材
サイズ：印面(彫刻部分)12ミリ
　　　　　長さ60ミリ
材質：　　アクリル
色；昇龍(黒色に金色の挿絵)
　　　猛虎(茶色に金色の挿絵)
　　　跳鯉(紺色に金色の挿絵)
　　　鳳凰(黒色に紫色の挿絵)
!!$photo1!!
!!$photo2!!
ケースも同様の色味です
※現在、売れ筋商品の為入荷待ちです
商品の撮影が出来次第アップします
金額は彫刻代・ケース付消費税込みで5000円です
気に入った方はご連絡ください

入荷予定は黄金週間(ゴールデンウィーク)明けです

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

all photo

Recent Diary

ホームページ作成　寝屋川市new!

家族でインフルエンザの予防接種　2012edit

小学生の二女の参観日

小学生の二女の七五三

長男の誕生日

毎年恒例のカレンダー配達

水泳大会(マスターズ　セントラル)

広告作り

不具合

小学生の二女　遠足の前の日に!!

保育園の三女の顔が腫れてる

誕生日　40歳

誕生日のプレゼント

四條畷市　飲食店　作成

中学生の長女の運動会

日本脳炎と三種混合

中学生の長女の骨折がひっついた

保育園の三女の寝言

四條畷市　貸し農園　ホームページ作成

幼稚園の長男の運動会

保育園の三女の運動よこう演習を見に行く　

小学生の二女の代休

３回忌の法要

小学生の二女の運動会

あれ？題名が文字化けしている??? pplog2

なんとか開店までに看板の設置終了!!

まぁくんの店のホームページ完成!!

ホームページに新商品のページを追加しました

携帯用のページを修正しました!!

WordPressの設定!!

Recent Comments

■ Re:WebCart 質問 5
└ mariko at 2010/12/02 13:48:42
└ まぁくん at 2010/12/02 16:59:26

■ Re:WebCart 質問 4
└ mariko at 2010/12/01 19:54:10

■ Re:WebCart 質問 3
└ mariko at 2010/11/29 21:53:11

ブログパーツ型環境貢献サイト
グリムス(gremz)
http://www.gremz.com

«« 既製認印の一覧を作る | main | 本日は朝からバタバタです(名刺) »»

«« カテゴリ内前記事(ブログを整理整頓してみました) | ホームページ作成(CSS勉強中) | カテゴリ内次記事(ペットハウスsavon様　完成) »»

2009/05/13

お好み焼きkomugi様のドリンクメニューを変更しました

[ホームページ作成(CSS勉強中)]

お好み焼きkomugi様
バタバタと忙しくドリンクメニューのところがＩＥでキレイに表示されないところがなかなか変更できませんでした
今日やっと変更しました
忙しい中考えた内容が
前回まではドリンクメニューの中を左と右に分けてその中を左と右に分けて合計4等分にしてましたが、ＩＥでは中の中のfloatがちゃんと表示されませんでした
今回はメニューを左からひとつのまとまりとしてliでくくり、４つの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対策）

清き一票をお願いします

別ウインドウで開きます!!

まぁくんの店のアカウントをフォローする

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

雑貨　格安　低価格　販売　新商品なんでも雑貨サイト商品検索こどもの本なんでもデジモン屋雑貨屋２茶道日記司法書士試験アマゾン最新情報まぁくんの店通信販売 ipad&WordPressカスタマイズ小学校　中学校　高校　勉強対策

posted at 2009/05/13 16:41:20

lastupdate at 2009/05/16 12:20:39

【修正】

Comments

Post your Comment

広告募集中!!