ネガティブマージンは使うととても便利なのですが、
万能ではないなー（当然ですよね） と思ったことを書きたいと思います。
最近、YAHOOストアのカスタマイズのご依頼をいただいた時の話しなのですが、
YAHOOストアの「ストアツール」での表示画面カスタマイズでは、
ご存じな方も多いと思いますが、「べからず」が、とても多く、
その、主立ったものとして、
１）<html>や<body>タグはさわれない。
２）<head></head>の内部はさわれない。
３）ジャバスクリプトは使えない（onclickなどの属性としての記述も不可）
４）外部のURLはすべてはじかれる。
というところです。
作業上、一番堪えたのは、
スタイルシートを使うには、タグの属性（style=""）として書かねばならないことでした。
...続きを読む
2009年05月27日
YAHOOストアでネガティブマージン、横スクロールが消えない。
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 09:13
| Comment(4)
| TrackBack(0)
| CSSベースのHTMLコーディング
| 
| 
|
2009年05月20日
プレビューで文字サイズが大きくならない。
安心料金のパソコンサポートPPIT│ピピットさんと一緒に、
顧客さんのところへお邪魔させていただいた時のことでしたが、
ホームページビルダーで配置したテキストを大きくしても
大きくならない現象を見ることができました。
ホームページビルダーには、プレビュー画面のような感じで
レイアウトの作業ができる「おまかせモード（だったかな？）」があって、
文字を配置して、ホームページビルダー上の操作で、大きくするのですが、
実際にプレビューしてみると、何故か文字のサイズが変わらない、
という現象です。
当方自身も修復にトライさせてもらいました。
...続きを読む
顧客さんのところへお邪魔させていただいた時のことでしたが、
ホームページビルダーで配置したテキストを大きくしても
大きくならない現象を見ることができました。
ホームページビルダーには、プレビュー画面のような感じで
レイアウトの作業ができる「おまかせモード（だったかな？）」があって、
文字を配置して、ホームページビルダー上の操作で、大きくするのですが、
実際にプレビューしてみると、何故か文字のサイズが変わらない、
という現象です。
当方自身も修復にトライさせてもらいました。
...続きを読む
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 02:47
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2009年04月23日
画像を横並びにするレイアウト
一定数のボタン画像を左から右へ並べて、
順に下へ送るようなレイアウトを行う場合、
--------------------------------------------------
例えば、3コ1の場合は
以下のような感じのレイアウトです。
左・中・右
左・中・右
左・中・右
以下続く…
------------------------------------------------------------
HTMLでの表現は
１）<table></table>を使う
２）<ol></ol>か<ul></ul>を使う
方法がありますが、
まず、１）の方法では、列方向（水平方向…ここでは左・中・右）での
入替はそれほど難しいことではないのですが、
行方向での入替があった場合、結構手間がかかってしまいます。
...続きを読む
順に下へ送るようなレイアウトを行う場合、
--------------------------------------------------
例えば、3コ1の場合は
以下のような感じのレイアウトです。
左・中・右
左・中・右
左・中・右
以下続く…
------------------------------------------------------------
HTMLでの表現は
１）<table></table>を使う
２）<ol></ol>か<ul></ul>を使う
方法がありますが、
まず、１）の方法では、列方向（水平方向…ここでは左・中・右）での
入替はそれほど難しいことではないのですが、
行方向での入替があった場合、結構手間がかかってしまいます。
...続きを読む
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 09:20
| Comment(2)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2009年03月06日
ネガティブマージンをIE6.0でも使う
HTMLの構造（ソース）を、サイトを通じて考えるときに、
できるだけ同じ構造にしておくと、
修正や更新の時にも、わかりやすくスムースに作業ができるので、
ナイスなのですが、レイアウトの状態によっては、
どうしても、構造を変えなくてはならないケースが出てきます。
...続きを読む
できるだけ同じ構造にしておくと、
修正や更新の時にも、わかりやすくスムースに作業ができるので、
ナイスなのですが、レイアウトの状態によっては、
どうしても、構造を変えなくてはならないケースが出てきます。
...続きを読む
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 08:34
| Comment(3)
| TrackBack(1)
| CSSベースのHTMLコーディング
|
|
|
2009年02月23日
IE6でiframeの横スクロールが微妙に余ったのを消したい〜
トップページのiframeの横幅を660px、
iframe内に呼び込む、新着情報HTMLのレイアウト横幅は600px
（iframe内の水平方向でセンタリング）
で、
iframeのタテスクロールが表示されていても
横幅は充分なはずだったのですが、
SafariとFirefoxとOKで、
IE6では、なぜか、タテスクロール分だけ横幅が足りないような扱いをされ、
横スクロールが表示されてしまいました。
1時間ほどして、諦めかけたときにググると、
親切な方のページに巡り会えました。
▽IEでiframeの横スクロールバーを消す
http://blog.aire-project.com/entries/60.php
とても簡単に消すことができました。
まずはサイト運営者の方に感謝です。
上記で紹介されていますが、
iframe内に呼び込むHTML（今回の当方の場合なら新着情報HTML）の、
htmlタグに対してスタイルシートをあてがいます。
呼び込まれたHTMLは、iframe内で完全なセンタリングにはなりませんでしたが、
（タテスクロールの幅だけ、ズレます）
強制的に横スクロールが消されるので、見た目がすっきりします。
iframe内に呼び込む、新着情報HTMLのレイアウト横幅は600px
（iframe内の水平方向でセンタリング）
で、
iframeのタテスクロールが表示されていても
横幅は充分なはずだったのですが、
SafariとFirefoxとOKで、
IE6では、なぜか、タテスクロール分だけ横幅が足りないような扱いをされ、
横スクロールが表示されてしまいました。
1時間ほどして、諦めかけたときにググると、
親切な方のページに巡り会えました。
▽IEでiframeの横スクロールバーを消す
http://blog.aire-project.com/entries/60.php
とても簡単に消すことができました。
まずはサイト運営者の方に感謝です。
上記で紹介されていますが、
iframe内に呼び込むHTML（今回の当方の場合なら新着情報HTML）の、
htmlタグに対してスタイルシートをあてがいます。
呼び込まれたHTMLは、iframe内で完全なセンタリングにはなりませんでしたが、
（タテスクロールの幅だけ、ズレます）
強制的に横スクロールが消されるので、見た目がすっきりします。
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 23:33
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
