ネガティブマージンは使うととても便利なのですが、
万能ではないなー（当然ですよね） と思ったことを書きたいと思います。
最近、YAHOOストアのカスタマイズのご依頼をいただいた時の話しなのですが、
YAHOOストアの「ストアツール」での表示画面カスタマイズでは、
ご存じな方も多いと思いますが、「べからず」が、とても多く、
その、主立ったものとして、
１）<html>や<body>タグはさわれない。
２）<head></head>の内部はさわれない。
３）ジャバスクリプトは使えない（onclickなどの属性としての記述も不可）
４）外部のURLはすべてはじかれる。
というところです。
作業上、一番堪えたのは、
スタイルシートを使うには、タグの属性（style=""）として書かねばならないことでした。
...続きを読む
2009年05月27日
YAHOOストアでネガティブマージン、横スクロールが消えない。
〜CSSベースのHTMLコーディング
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 09:13
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
2009年05月20日
プレビューで文字サイズが大きくならない。
〜CSSベースのHTMLコーディング
安心料金のパソコンサポートPPIT│ピピットさんと一緒に、
顧客さんのところへお邪魔させていただいた時のことでしたが、
ホームページビルダーで配置したテキストを大きくしても
大きくならない現象を見ることができました。
ホームページビルダーには、プレビュー画面のような感じで
レイアウトの作業ができる「おまかせモード（だったかな？）」があって、
文字を配置して、ホームページビルダー上の操作で、大きくするのですが、
実際にプレビューしてみると、何故か文字のサイズが変わらない、
という現象です。
当方自身も修復にトライさせてもらいました。
...続きを読む
顧客さんのところへお邪魔させていただいた時のことでしたが、
ホームページビルダーで配置したテキストを大きくしても
大きくならない現象を見ることができました。
ホームページビルダーには、プレビュー画面のような感じで
レイアウトの作業ができる「おまかせモード（だったかな？）」があって、
文字を配置して、ホームページビルダー上の操作で、大きくするのですが、
実際にプレビューしてみると、何故か文字のサイズが変わらない、
という現象です。
当方自身も修復にトライさせてもらいました。
...続きを読む
posted by CSSベースでのHTML（XHTML）レイアウト入門講座＜polka＞ at 02:47
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
2009年05月19日
ジャバスクリプトに記述したテキストは検索エンジンに拾われる？
〜javascript
あるサイトで、見出しと50文字程度の本文、
サムネール画像が格納された小枠を、
2コイチで規則的に決まった数並べていましたが、
外部ジャバスクリプトファイルに、
表示用HTMLと、変数としてテキストや画像パスを書き込んで、
小枠の並ぶ順番をランダムで入れ替えさせていました。
...続きを読む
サムネール画像が格納された小枠を、
2コイチで規則的に決まった数並べていましたが、
外部ジャバスクリプトファイルに、
表示用HTMLと、変数としてテキストや画像パスを書き込んで、
小枠の並ぶ順番をランダムで入れ替えさせていました。
...続きを読む
2009年04月30日
テーブルの項目を、クリックでアイウエオ順に並び替える「sortableTable.js」
〜javascript
Ajaxって、いろんなオっと思える動きをするものや、
サイトの使い勝手を良くするものが、次々に出てきていますが、
今回は、
行数がいっぱいあるテーブルを、
奇数行・偶数行ごとに互い違い色替えして見やすくしながら、
テーブルヘッダ（見出し）のクリックで、
パっとアイウエオ順や数字順に並び替えですることができる、
お役立ちmootool系スクリプト「sortableTable.js」を紹介したいと思います。
…続きを読む
サイトの使い勝手を良くするものが、次々に出てきていますが、
今回は、
行数がいっぱいあるテーブルを、
奇数行・偶数行ごとに互い違い色替えして見やすくしながら、
テーブルヘッダ（見出し）のクリックで、
パっとアイウエオ順や数字順に並び替えですることができる、
お役立ちmootool系スクリプト「sortableTable.js」を紹介したいと思います。
…続きを読む
2009年04月23日
画像を横並びにするレイアウト
〜CSSベースのHTMLコーディング
一定数のボタン画像を左から右へ並べて、
順に下へ送るようなレイアウトを行う場合、
--------------------------------------------------
例えば、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コーディング
