" > STINGER 8:PREV, NEXT(前のページ、次のページ) の表示を調整してみた。 – てててのて

ブログいじり 雑記

STINGER 8:PREV, NEXT(前のページ、次のページ) の表示を調整してみた。

投稿日:

STINGER 8:PREV, NEXT 今回手直し後の状態
STINGER 8:PREV, NEXT 今回手直し後の状態


前回、 見かけは少々いびつながら一応は「PREV」「NEXT」を横並びにすることができました。

今回は、この微妙におかしな表示を修正して、横並び表示を完成させていきます。

・・・と、その前に。


HTMLタグに関するうんちく

HTMLタグは「<br /> (改行)」「<hr />(区切り)」「 <img />(画像)」のような、一つのタグで完結するものもありますが、基本的には

<開始タグ>要素< / 終了タグ >

のように、ある要素は開始タグと終了タグに囲まれています。

例えば・・・・・

文字を<strong>太く</strong>してみる
 ↓
文字を太くしてみる

また、下記のように入れ子にして使う事もできます。


<開始タグA>
  <開始タグB>
    要素
  < / 終了タグB >
< / 終了タグA >

文字を<em>斜体に・・・、さらに<strong>太く</strong></em>してみた
 ↓
文字を斜体に・・・、さらに太くしてみた


ただし、要素を交差するようにタグで囲むのはNG。

交差するタグのブロック

<strong><em> のような、文字の表示にだけ影響するタグは不正な配置であって問題なく表示される事がありますが・・・

文字を<em>斜体に・・・、さらに<strong>太</em>く</strong>してみた
 ↓
文字を斜体に・・・、さらにしてみた
例えばテーブルタグ ”<table><tr><td>” のように、入れ子にする順序が決まっていたり、”<div>”のようにブロック単位で表示処理されるものは表示が崩れたり意図しない位置に表示されたりと、ほとんどの場合は問題が発生します。


> 続きを読む 

-ブログいじり, 雑記
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

アフィリエイト

Google AdSense にチャレンジしてみた

アフィリエイト 何も考えず中途半端な状態でスタート切った感のあるこのブログではあるが 記事が10件書けたらやろうと思った事をいくつか設定してあのタイミングでの公開に踏み切っていたりする。 少し前の「P …

寄り添う心

男と女の間には・・・・・

そんなタイトルの歌謡曲もあるのだが、今回それとは無関係。 内容が少々アダルトなので、よい子はここから回れ右! そしてアダルトな皆様におかれましては、内容について過剰に期待されるのも、某・・・・・非常に …

セキュリティ対策

WordPress不正ログイン対策 ・・・wp-login.php の名前を変えてみた事・・・

よくある事ではあるとは思うが、ブログを公開してまもなく不正ログインの警告メールが届くようになった。 そのメールを見るにつけなんとなーく思い出したのが、昔読んだ「カッコウはコンピュータに卵を産む」という …

「JUNK LAND」玉置浩二(アップ)

太陽さん・・・玉置浩二・・・

「JUNK LAND」玉置浩二(アップ) 少し昔の話をしよう。 あれは某コーヒー飲料がオリジナル・ジャンパーを景品に販促キャンペーンをしていた頃。 そのキャンペーンは、缶に付いたシールを何十枚だか集め …

STINGER 8:PREV, NEXT テーブルタグ追加後の状態

STINGER 8:PREV, NEXT(前のページ、次のページ) の表示を横並びにしてみた。

STINGER 8:PREV, NEXT テーブルタグ追加後の状態 さて、前回は気になっていた「PREV、NEXT」の表示位置を執筆者とコメントの間に移動したところまで進めてみたわけだが・・・・・。 …

プロフィール・・・?

▼プロフィール・・・?

「楽しもうとしないヤツの人生なんて楽しくないに決まってるだろ?」
・・・という事実に気づいて以来、いろいろと少しづつ生活を変えてる真っ最中。
某の駄文、楽しんでいただけたら幸い也。