ホームページ制作講座

ホームページ制作のHTMLやCSS、JavascriptやDTDとかDreamweaverなどWEB制作について

画像のtext-align:centerが効かない時の解決方法


ブロック要素内でimgタグをCSSでtext-align:centerで指定しても、ブロック内の中央に配置されない。テキストを配置した場合には正しくセンタリングされるのである。

imgタグのCSSセレクタにdisplay:blockプロパティが指定されていたので、優先度の高いセレクタを新たに作成して指定することで中央配置とする。

解決方法の補足として、imgタグにdisplay:blockプロパティを指定するのは、imgタグ下に余白は表示される場合があり、それを回避するために指定があり、CSSについての特性です。


問題解決カテゴリーとしては、text-alignについてのWeb制作に分類される。


情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
text-align justify
text-align 効かない
span text-align
text-align 縦
css3 text-align
padding
text-align center 効かない
text-align html
float
position:relative

別ページ内へのアンカーテキストリンクがずれるの解決方法


別ページへのアンカーテキストリンクについての解決方法。

アンカーテキストリンクで別ページの所定の場所にリンクしたいとき、なぜかID指定した場所に移動しないのである。

今回の問題としては、JQueryによる画像制御部分がページ内に存在していたため、heightなどでブロック要素の高さ指定をすることで正常に別ページ内で遷移するとする。

解決方法の補足として、別ページに移動後、再度ページを読み込むと、所定のIDで指定した箇所へ移動するがあり、特性としては高さを指定できな画像があった場合にページ読み込み時に移動場所のずれがおこる。再読み込みで正常に移動するのは、JQueryで指定した箇所の高さが正常に認識されるためだろうことです。


参考として、ちなみに別ページ遷移後のページ内の場所を指定する場合、UR+#アルファベット+数値などで指定するが、必ずアルファベットから指定する必要があり#は、フラグメント識別子というということが、別ページへのアンカーテキストリンク
についてのおおまかな参考情報になる。


問題解決カテゴリーとしては、フラグメント識別子についてのアンカーテキスト
に分類される。


情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
アンカーテキスト分散
アンカーテキストの貼り方
アンカーテキスト seo
被リンク
ウェブマスターツール
アンカーテキスト html
アンカーテキスト ペナルティ
アンカーテキスト チェック
アンカーテキスト 色
アンカーテキスト 内部リンク

Retinaディスプレイの情報


Appleについての情報。

Retinaディスプレイ(レティナ Display)とは、アップル社製の高精細ディスプレイが搭載されたモデルの呼称、もしくはディスプレイ本体のことで、「網膜」の意味をもつRetinaは、人の肉眼で識別できる限界を超える描写が可能なことに由来しているである。

 

その他の情報としては、特徴はたとえば同じ3.5インチモニタでも、iPhone3のモニタ解像度が320×480ピクセルに対して、iPhone4からは960×640ピクセルであること。すなわちモニタサイズが同じでも解像度が4倍の高解像度を実現しているがあり、特性としては高解像度に加えて、コントラストも4倍程度上がっているとされ、Retinaディスプレイ以前のモニタに比べると色彩の深みや鮮明な描写が実現されていることです。


情報カテゴリーとしては、高解像度についてのディスプレイに分類される。


情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
retinaディスプレイwiki
retinaディスプレイ製造元
retinaディスプレイ シャープ
retinaディスプレイipod touch
retinaディスプレイ mac
retinaディスプレイ 有機el
retinaディスプレイ 比較
retinaディスプレイ macbook
retinaディスプレイ android
retinaディスプレイ 製造