ADMIN TITLE LIST
えっと、ブログのちょっとしたプチテクニックなんかを書いちゃいますね

ちょっと質問もらったんですけど、
「でかい画像の横に、小さいの並べるのどうやるの?」って事で

下のような感じにしたいわけですね(過去ログ「四国旅行〜美川峰」より)
大川嶺(美川峰)〜四国カルスト
大川嶺(美川峰)
大川嶺(美川峰)
大川嶺(美川峰)〜四国カルスト
大川嶺(美川峰)〜四国カルスト





では、その方法を紹介してきまーす!

ご利用のブログHTMLCSSをサポートしてれば可能です
たぶん大抵のブログは大丈夫なんじゃないでしょうか?


簡単に言うと、左に配置したい画像と、右に配置したい画像、それぞれをDIVタグで囲み、floatで左右に流し込むという作業になります。


まず左側

<div style="float:left"><img src="画像のURL" alt="代替テキスト" /></div>


左に配置したい画像をDIVタグで囲い、DIVCSSでfloat:leftを指定するわけです。
同様に右側も

<div style="float:right"><img src="画像のURL" alt="代替テキスト" /></div>


こんな感じですね。


なお、画像を複数縦にならべるなら

<img src="画像のURL" alt="代替テキスト" />
<img src="画像のURL" alt="代替テキスト" />

と言う感じで、IMGタブ間を改行するか、

<img src="画像のURL" alt="代替テキスト" /><br /><img src="画像のURL" alt="代替テキスト" />

と、BRタグ(改行)を挟んでIMGタグを並べます。

IMGタグ間を改行せず、BRタグも挟まなければ画像を横に並べる事ができます。



左右のDIV指定が終わったら、最後にフロートをクリアしておいてくださいね。
左右のフロートを解除するために必須ですからね。

<br style="clar:both" />


まとめると下みたいな感じですね。

<div style="float:left"><img src="画像のURL" alt="代替テキスト" /></div><div style="float:right"><img src="画像のURL" alt="代替テキスト" /></div>
<br style="clar:both" />


これで一応完成です♪
が、注意すべきなのは左側のDIVと右側のDIVの間は改行せず続けて書くこと!です。
左右のDIVの間で改行してしまうと、
左側の画像の開始位置に対して、右側の画像の位置が下に改行分ズレてしまいます。


ただ、実際に表示されるページでは問題ないけど、ブログ管理者側がソースを見た時には、ずらずらっと並んで見にくいですよね。

そこでこんな方法を使ってみます。

それは…改行したい場所はコメントアウトを利用する!!という事です☆

ハイ、こんな感じで〜〜〜す☆

<div style="float:left"><img src="画像のURL" alt="代替テキスト" /></div><!--

--><div style="float:right"><img src="画像のURL" alt="代替テキスト" /></div>
<br style="clar:both" />


<!-- 〜〜〜 --> これがコメントアウトですね。
本来は実際のページには表示させず、ソース内にメモ書きする場合などに使います

コメントアウトしている間はどんだけ改行してもOKなので自分の見やすいだけ改行しましょう☆


そうそう。
さっき画像を横に並べる時も、改行を挟まないって書きましたが、このコメントアウト改行はこんな場合にも使えますよね♪

<img src="画像のURL" alt="代替テキスト" />&nbsp;<!--
--><img src="画像のURL" alt="代替テキスト" />&nbsp;<!--
--><img src="画像のURL" alt="代替テキスト" />


これで横にだらだら〜〜〜って画像をならべられます☆
ちなみに画像の間の「&nbsp;」は半角分スペースと同じ意味です。
半角スペースを入れないと、左右の画像がぴったりくっついてしまうので。

本来は、CSSstyle="margin-right: 5px" などとして、画像間のスペースを調整すべきかもしれませんが、ぶっちゃけ面倒なので自分は半角スペース入れて逃げてますww



ブログを書いてるみなさん、活用してくださいネ!!
 


↓ ぽちっと応援お願いしまーーーっす!

ブログランキング【くつろぐ】 ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
前回は天王寺動物編だったので今回は街編☆

天王寺の街のイメージは、「怖い」でした
でも、実際行ってみたら・・・やっぱりちょい怖いww

だけど初めて天王寺行った時は、周りの人みんな怖い系や危ない人に見えたんだけどなぁ

意外と活気にあふれててイイ街ですよ!

通天閣を望む通り

通天閣の真下

活気あふれる天王寺の街 通天閣を望む通りをバックに撮影 通天閣を望む通り〜スパワールドから撮影 串カツ屋 山八のビリケン



小腹が減ったときには、やっぱり大阪名物のコレでしょう!
た・こ・や・き☆

有名&人気の たこ焼屋「カンカン」

8個300円
大きさとおいしさ考えたらコストパフォーマンス大☆

人気たこ焼屋カンカン

たこ焼屋カンカンのたこ焼

たこ焼屋 カンカンの店構え たこ焼屋 カンカン カンカンのたこ焼を食う自分 カンカンのたこ焼を食う自分

ここ大将、芸能人と写真とりまくりです♪

とろっとやわらかいアツアツたこ焼、おいしくいただきました〜☆



夕食は串カツ☆

こちらも人気の 元祖串カツ「だるま」
3、40分くらい待ちましたが、それに見合うおいしさでした☆

ただ、邪道かもしれんけど、しょうゆ的なものも欲しかったなぁ。
ソースか塩コショウのみでしたので…しょゆこと

ちなみに忠告!
ソースの2度づけは厳禁ですからね☆

行列のできる元祖串カツ屋だるま

串カツいろいろ♪

人気串カツ屋だるまのオヤヂのオブジェクト 串カツだるまも芸能人よく来てる 元祖串カツ だるま 元祖串カツ屋だるまののれん

この「だるま」も芸能人、いっぱい来てるみたいだねぇ
わっ!エビちゃんまでっ!?


「カンカン」も「だるま」も無計画に人気ありそうだから寄っただけww
いつもの行き当たりばったりが今回も結果オーライになりました♪




さて、時系列まったくお構いなしですが、こんなトコも徘徊しました。

財政難で経営放棄され、放置中のフェスティバルゲート

めっちゃ閑散としてて不気味な雰囲気!
ゴーストテーマパークだぁ

静まり返ったフェスティバルゲート

静まり返ったフェスティバルゲート

スパワールドと繋がるフェスティバルゲート連絡口 静まり返ったフェスティバルゲート 静まり返ったフェスティバルゲート 閑散としたフェスティバルゲート 閑散としたフェスティバルゲート

むむむ…これは夜な夜な何らかの犯罪が行われていそうな予感………



天王寺と言えば、通天閣 ☆
登らない訳にはいかんでしょう♪

昼にチケット買ったけど、待ちもあって、夜の方が絶対イイと考え直し
チケット渡す前に一度退散、暗くなるちょっと前に登りました

ハイ、これ正解ネ♪
“待ち”どころか人も少なく、のんびりと大阪の街を眺めれました☆

ビリケンさん、おこんばんわ
通天閣のビリケン

通天閣内〜ビリケンさんについて 通天閣のビリケンとツーショット☆


そして通天閣からの大阪の街の眺め☆
夕焼けと夜景の両方を楽しめました♪♪♪

通天閣からの景色

通天閣からの夜景

通天閣からの景色 通天閣からの景色 通天閣からの景色 通天閣からの夜景


いやぁ、満足感いっぱい!


最後にサービスショットを一枚…ちゃ〜〜〜

たむらけんじの顔ハメ看板

ちょっと似てる気がして、軽くショック…
 

テーマ:大阪 - ジャンル:地域情報


↓ ぽちっと応援お願いしまーーーっす!

ブログランキング【くつろぐ】 ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
天王寺動物園
http://www.jazga.or.jp/tennoji/
日曜日、天王寺動物園へ行ってきました。

大阪天王寺動物園チケット売り場

大阪天王寺動物園正面入り口


入園料は500円と安く、にも関わらず動物の種類は豊富で、敷地面積も広いです。
ただし専用駐車場が無く、近くに市営地下Pがあるけど、土日祝の最大料金設定はありません(平日でも最大2400円!!)

自分は、今は廃墟と化したフェスティバルゲート(メインゲート側)の道を挟んで向かいにある、土日祝12時間まで1500円のコインパーキングに停めました。

ちなみに当然、一度出て再入場OKです
半券が必要なので絶対捨てたり無くさないよう要注意!

さて園内一番のオススメはアフリカ・サバンナゾーン
ライオンやキリン、ハイエナ、シマウマなどの動物たちが檻に入れられていないので、サファリパーク的な感じで見れます♪
草木生い茂る中に居ますので結構リアルで、写真撮影にも最適☆

まずは百獣の王ライオン!
…ぇえ!?なにこのだらけ具合
さすがのライオンも暑さにバテ気味なようで
ぐーたらライオン(雌)

ぐーたらライオン(雄) だらけすぎなライオン 気持ち良さげに寝るライオン 完全夢の中・・・ライオン

でも、夕方見た時には復活☆
威厳も回復♪
目覚めたオスライオン

やっぱ眠いライオンたち 威厳回復したライオン 目覚めたメスライオン



意外とかわいい顔してるサバンナの掃除屋ハイエナ
つぶらな瞳やん♪
きょとん顔のハイエナ

意外とかわいらしい顔のハイエナ ←きょとんとこっちを向くハイエナ

…でもやっぱなんか不気味な感じするわぁ…
やっぱり不気味なハイエナ

エサを探す風なハイエナ ←獲物を探しているかのように歩き回るハイエナ



キリンとシマウマのコラボレーション☆
キリンとシマウマ

仲良しキリン親子 和田アッコ似のキリン ゼブラ柄なシマウマ

キリンってよく見ると和田アッコ様にどことな〜く似てるかもww



思ってたよりもスマートな体型をしてるサイ
スマートなサイ


こっちは期待を裏切らない巨体っぷりなカバ
水中ではその巨体もぷかぷか浮いてるっ
水中のカバ

水面に顔を出すカバ ←水面に顔を出すカバ




羊広場ではヒツジやヤギに、少し離れたシカなどにエサやりできます☆

策を乗り越えんばかりにエサをせがむヤギとかわいいヒツジにエサをあげる様子
ヤギのエサやり

ヒツジのエサやり

ヒツジと自分 ヒツジのエサやり ヤギの顔超どアップ ヤギと見つめ合い



自分が行った時、ちょうど象が係員に水をかけられていました。
水を浴びてスッキリ♪と思いきや、その後すぐ象は自分の体に砂をかけはじめました。
係員の人が言うには「紫外線」から身を守るためだとか。
ゾウ

ゾウの水浴び 砂かけ象



忘れちゃいけないのがペンギンちゃん♪
おお!ラブラブやんっ!!
ラブラブペンギン

ペンギン ぺんぺん歩くペンギン


カカトでバランス良く立つ、修行中のペンギンたちwww
かかと立ちで修行中のペンギン



その他の動物たち☆

水中を気持ちよさそうに泳ぐアシカとか
アシカとトリの群れ

水面に顔を出すアシカ 泳ぐアシカ 泣き叫ぶアシカたち


のほほん中のレッサーパンダとか
のほほんレッサーパンダ


木陰で涼むカンガルーとか
木陰で休むカンガルー


オオカミとかも
目が合ったオオカミ オオカミ


バーバリーシープ(?)とかラクダとか
バーバリーシープ バーバリーシープ くつろぐラクダ



最後ギリギリでトラだけは見ておきました
やっぱトラは男前じゃのぉ〜
男前なトラ

トラ 迫力満点のトラ 温泉気分のトラ



最後におまけ編
世界の「ツル」シリーズ
世界のツル 世界のツル 世界のツル

その他のトリたちもいっぱい
その他トリ その他トリ その他トリ

その他トリ その他トリ その他トリ その他トリ





こんな感じでかな〜り楽しめましたよ♪

実は動物園全て回りきれませんでした…
両端の「クマ」と「ヒョウ・ヤマネコ」に会えず…
じっくり見て回る人は時間要注意です☆
 
 

テーマ:動物園 - ジャンル:地域情報


↓ ぽちっと応援お願いしまーーーっす!

ブログランキング【くつろぐ】 ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
先週の金曜日は会社の同僚の結婚式前祝い☆

行ったお店は、旬香庭 麟(しょうこうてい りん) 高槻店

太陽 ぐるなび〜麟

コースは「国蓮」
旬香庭 麟 高槻店 外観 旬香庭 麟 高槻店 外観

旬香庭 麟 高槻店

旬香庭 麟 高槻店

旬香庭 麟 高槻店

旬香庭 麟 高槻店 旬香庭 麟 高槻店

旬香庭 麟 高槻店 旬香庭 麟 高槻店 旬香庭 麟 高槻店 旬香庭 麟 高槻店


色とりどりに変わる氷のオブジェクトが入ったドリンク「GREEN APPLE〜ラピュタ」♪
旬香庭 麟 高槻店 旬香庭 麟 高槻店 旬香庭 麟 高槻店

旬香庭 麟 高槻店 旬香庭 麟 高槻店


 

テーマ:グルメ情報!! - ジャンル:グルメ


↓ ぽちっと応援お願いしまーーーっす!

ブログランキング【くつろぐ】 ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング
今日は、ずっと体がだるくて気分も乗らない一日なんで
朝からダラダラ過ごしております


さて、1週間かけての「奈良観光」完結です

みたらい渓谷で美しい景色を楽しんだ後、
気分的にはもうお腹いっぱいな感じでしたが
せっかくなので他のトコもブラブラいきました

鍾乳洞があるという情報を入手し、みたらい渓谷の隣になる「洞川(どろかわ)」方面へ移動

太陽 大峯山洞川温泉観光協会

洞川温泉街付近に到着すると「あゆ・あまごの塩焼き」を売ってる露店を発見!!
もちろん頂きまーす☆
あゆとあなごの塩焼き

あゆとあなごの塩焼き あゆとあなごの塩焼き あゆとあなごの塩焼き



ちなみに川を挟んで向こう岸には、良さげな感じの「洞川温泉」がありました
洞川温泉


そして洞川温泉街到着
町並みはこんな感じです。

洞川温泉街の風景

洞川温泉街の風景 洞川温泉街の風景 洞川温泉街〜龍泉寺 洞川温泉街〜龍泉寺



いよいよ目的の鍾乳洞「面不動鍾乳洞」へ!

涼しいっ♪というか、ちょっと肌寒いくらい☆

面不動鍾乳洞(洞川) 面不動鍾乳洞(洞川) 露店にて 面不動鍾乳洞(洞川) 面不動鍾乳洞(洞川)からの眺め

面不動鍾乳洞(洞川)

面不動鍾乳洞(洞川)

面不動鍾乳洞(洞川) 洞内入口付近 面不動鍾乳洞(洞川) 洞内 面不動鍾乳洞(洞川) 洞内 面不動鍾乳洞(洞川) 洞内

面不動鍾乳洞(洞川) 洞内 面不動鍾乳洞(洞川) 洞内 面不動鍾乳洞(洞川) 洞内 面不動鍾乳洞(洞川) 洞内



太陽 じゃらんnet「面不動鍾乳洞」

ちょっとぶっちゃけ情報
確か鍾乳洞の料金は400円
ふもとの駐車場は無料
鍾乳洞入口まで登れるトロッコ(片道たしか200円)があるけど、普通に徒歩で10分くらいで上まで登れる距離です

鍾乳洞の内部の気温は8〜9℃。かなりヒンヤリ

自分の中で鍾乳洞と言えば山口の秋芳洞のイメージが強すぎるので
当然それと比べれば、あまりにも規模は小さすぎです
洞内は10分あれば回れる感じ

ひとつひとつの鍾乳石もだいぶ小さめ

あと、悲しい事に鍾乳石を持って帰る輩がいるとかで
洞内にはネットが張り巡らされて、網目が邪魔で写真もまともに撮れないです

そんな感じですので、敢えてココを目的に行くほどのものではないかも
ただ洞川温泉郷の雰囲気は悪くないし、そのついででぶらっと立ち寄ってみる感じがベスト
期待は禁物ってことですね♪


さて、鍾乳洞をさらっと回って下山後、川の反対側を少し上へ登ります

すると現れるのが「ごろごろ水 採水場
ごろごろ水〜採水場

よく知らなかったのですが「ごろごろ水」って結構有名みたいですね。
駐車料金300円で採水の料金も込みです。

自分も一応ペットボトルが7・8本ありましたが、
他の方はみなさん10〜20Lは入るポリタンクを何個も持って来て水を汲んでました
すんげっ!!

ちなみにこの採水場の前にも鍾乳洞があります

後で、ここで汲んだ水でカップラーメン食べてちょっと贅沢気分でした☆




こんな感じで今回は相方が色々下調べをしてくれていたおかげで
かなりイイ旅行ができました☆

ま、洞川とか所々やっぱり行き当たりばったり的なとこもありましたがww

感謝×2です♪
 

テーマ:ちょっと、お出かけ - ジャンル:地域情報


↓ ぽちっと応援お願いしまーーーっす!

ブログランキング【くつろぐ】 ブログランキング・にほんブログ村へ FC2ブログランキング 人気ブログランキング

| HOME | Next

Design by mi104c.
Copyright © 2009 気まぐれブログ「キマグライダー」, All rights reserved.
FC2ブログ 転職