ＣＳＳで段組
ＣＳＳで２カラムっぽく段組をするには・・・
例えばコンテナを大きな枠と考えてみると
これを、ｈｔｍｌのタグでページ内に記述すると
例えばコンテナを大きな枠と考えてみると
div#a_container{
width: 100%; ←まず枠の大きさを指定
}
div#a_content{
width: 70%; ←そして次に枠内の左の大きさを指定
float: left;
}
div#a_sidebar{
width: 30%;
float; left; ←今度はサイドバーの大きさを指定する。
}
これを、ｈｔｍｌのタグでページ内に記述すると
<div id="a_conttainer">
<div id="a_content">
メインの内容を記述
</div>
<div id="a_sidebar">
サイドバーの内容を記述
</div>
</div> ←最初のコンテナーを閉じる。
div ブロック要素の使用
文字を中央に揃えるとか、センタリングするには、<div align="center">文字</div>と記述し、右に揃えるには、<div align="right">文字</div>。
その逆に、左に揃えるには、<div align="left">文字</div>という記述をし、文字だけでなく、図や写真などの画像も、こうしたブロック要素で括ることにより、全体のレイアウトなども鑑みながら配置し使い分けることにより、大変みやすくなります。
これを実際、この画面に記述すると、下記のように
このような配置が出来上がります。
その逆に、左に揃えるには、<div align="left">文字</div>という記述をし、文字だけでなく、図や写真などの画像も、こうしたブロック要素で括ることにより、全体のレイアウトなども鑑みながら配置し使い分けることにより、大変みやすくなります。
これを実際、この画面に記述すると、下記のように
<div align="center">中央</div>
<div align="right">右</div>
<div align="left">左</div>
このような配置が出来上がります。
プライバシーポリシー 【google adenseプライバシーポリシー兼用】
プライバシーポリシー 【google adenseプライバシーポリシー兼用】
＊当ブログのでの個人情報の取り扱いについて説明しています。
当ブログでは、第三者配信による広告サービスを利用しています。
このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報を使用する場合がございます。
なお、その際に「氏名・住所・メールアドレス・電話番号」といった大切な個人情報が含まれるようなことはございません。
＊クッキーの無効化と有効化
ブラウザの設定を変更すると、クッキーの受け入れ可否を選択できます。
また、ブラウザのクッキー・フォルダに保存されているクッキーを削除することもできます。
ただし、クッキーを無効化したり削除すると、当社サイトで一部の機能が使用できなくなることがあります。
ご利用のブラウザでクッキーを無効化したり削除する方法がご不明な場合は、ブラウザのヘルプ機能で「クッキー」を選択し、詳細を確認してください。
＊当ブログのでの個人情報の取り扱いについて説明しています。
当ブログでは、第三者配信による広告サービスを利用しています。
このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報を使用する場合がございます。
なお、その際に「氏名・住所・メールアドレス・電話番号」といった大切な個人情報が含まれるようなことはございません。
＊クッキーの無効化と有効化
ブラウザの設定を変更すると、クッキーの受け入れ可否を選択できます。
また、ブラウザのクッキー・フォルダに保存されているクッキーを削除することもできます。
ただし、クッキーを無効化したり削除すると、当社サイトで一部の機能が使用できなくなることがあります。
ご利用のブラウザでクッキーを無効化したり削除する方法がご不明な場合は、ブラウザのヘルプ機能で「クッキー」を選択し、詳細を確認してください。
ＦＣ２ブログを携帯からも閲覧できるようにする。
このＦＣ２ブログをＰＣからの閲覧オンリーだけでなく、携帯からも閲覧できるように設定する。
左サイドの環境設定 → テンプレートの設定 → 携帯（テンプレート管理 公式テンプレート追加 共有テンプレート追加 共有申請・管理 ）のいずれからかスキンを選定する。
このスキンの選定は、ＰＣ用と同じ方法で設定するが、ＰＣサイトと同様のその他の手順もある。
まず、metaタグでgoogle 並びにyahoo 又はmsnのサイトマップのキーやブログの諸情報をセットする。
また、アクセス解析のコードの記述も必要となってくる。
左サイドの環境設定 → テンプレートの設定 → 携帯（テンプレート管理 公式テンプレート追加 共有テンプレート追加 共有申請・管理 ）のいずれからかスキンを選定する。
このスキンの選定は、ＰＣ用と同じ方法で設定するが、ＰＣサイトと同様のその他の手順もある。
まず、metaタグでgoogle 並びにyahoo 又はmsnのサイトマップのキーやブログの諸情報をセットする。
また、アクセス解析のコードの記述も必要となってくる。
linuxは再配布自由なunix系のＯＳ
LINUXにUNIXそしてWINSDOWSにOpenoffice.ORG・・・
ＩＥ（インターネットエクスプローラー）にFirefox（ファイアフォックス）とＯｐｅｒａ（オペラ）にＳａｆａｒｉ.（サファリ）。
この中に無料のものはいくつあるか？
ＵＮＩＸは有料でWINDOWSも有料、そしてＩＥはバージョンアップは無料だが最初はWINDOWSにインストールされているので有料かな？
となると、LINUXは再配布自由なＵＮＩＸ系のＯＳで無料で、ＦｉｒｅＦｏｘは前身はNetscapeでありこれも無料でその次のOperaはあのＬｉｖｅｄｏｏｒが力を入れていてこれも無料で配布されていて、最後のＳａｆａｒｉは、今やいや今後の世界のﾓﾊﾞｲﾙ（携帯）事情を大きく塗り替えそうな、iPhoneでお馴染みのMacが同じく無料で配布している。
また、このサファリはipodとかituneとかを使用しているとくっついてくるシロモノだ。
最近のyahoo事情にしろmicrosoftの業績の低下は、こうしたＬｉｎｕｘだとかOpenoffice.orgについては、Linuxはオペレーティングシステムだが後者のOpenofficeについては、表計算やワープロソフトそしてプレゼン用のものや、描画するものにファイル変換がpdfという、ＭａｃでもUNIX,LinuxでももちろんWindowsでも、またDOS-Vであってもファイルを読むことが出来るものも、みんな無料でダウンロードできそして使用できるものが数多く出てきた。
ＩＥ（インターネットエクスプローラー）にFirefox（ファイアフォックス）とＯｐｅｒａ（オペラ）にＳａｆａｒｉ.（サファリ）。
この中に無料のものはいくつあるか？
ＵＮＩＸは有料でWINDOWSも有料、そしてＩＥはバージョンアップは無料だが最初はWINDOWSにインストールされているので有料かな？
となると、LINUXは再配布自由なＵＮＩＸ系のＯＳで無料で、ＦｉｒｅＦｏｘは前身はNetscapeでありこれも無料でその次のOperaはあのＬｉｖｅｄｏｏｒが力を入れていてこれも無料で配布されていて、最後のＳａｆａｒｉは、今やいや今後の世界のﾓﾊﾞｲﾙ（携帯）事情を大きく塗り替えそうな、iPhoneでお馴染みのMacが同じく無料で配布している。
また、このサファリはipodとかituneとかを使用しているとくっついてくるシロモノだ。
最近のyahoo事情にしろmicrosoftの業績の低下は、こうしたＬｉｎｕｘだとかOpenoffice.orgについては、Linuxはオペレーティングシステムだが後者のOpenofficeについては、表計算やワープロソフトそしてプレゼン用のものや、描画するものにファイル変換がpdfという、ＭａｃでもUNIX,LinuxでももちろんWindowsでも、またDOS-Vであってもファイルを読むことが出来るものも、みんな無料でダウンロードできそして使用できるものが数多く出てきた。
