タグ

htmlとtipsに関するalabaster1982のブックマーク (3)

  • offsetParentプロパティ

    <div>にはposition設定無し この<P>タグ要素の 親要素が異なる。即ち、HTMLタグ構造上では<div>が親要素になるが、表示位置決め構造上では<body>が親になる。 <div style="position:absolute;top:210;left:50;> この<P>タグ要素の 親要素は両方ともDIVで一致する。 <div style="position:relative;top:10;left:50;> この<P>タグ要素の 親要素が異なる。即ち、HTMLタグ構造上では<div>が親要素になるが、表示位置決め構造上では<body>が親になる。 ただし、子要素がposition:absolute配置されている場合は、表示位置決め構造上でも<div>になる。 <fieldset>タグ内でのoffsetParent この<P>タグ要素の 親要

  • think or die: HTML変換処理処理

    ちょっと必要があって久しぶりにJavaプログラミングをやっている。内容はテキストのバッチ処理で、このWebサイトのHTML文書のフォーマットを一括変換するという、半年に一回ぐらいは気が向いて行う処理だ。JavaAPIをあさると便利なクラスを発見する楽しみがある。今回は筆者が新たに学んだクラスについて、Javaプログラマーの皆さんの一助になればと思い書いてみた。 今まではローカルにあるHTMLファイルを読込みながら変換していたが、今回はWebサーバに直接httpプロトコルで接続して、HTMLファイルをダウンロードしながら変換する方式にした。Javaプログラムからhttpプロトコルで通信する方法はとても簡単だ。 URL url = new URL("http://www.hogehoge.com/index.htm"); BufferedReader br = new BufferedRea

  • "いろは"の先のCSS 第1回

    徳保隆夫 2003.08.21 はじめに CSSの"いろは"をご存知の方向けに、CSSを用いたリニューアルのサンプルをご紹介します。ただし、いきなり作例を示して、ハイおしまい、とはいたしません。私はこれまで、多くの方へのアドバイスの中で、CSSの活用案をいくつか作成してきました。この連載では、実際にあった活きた課題に、みなさんにも取り組んでいただきます。 すぐに解答(もちろんこれは"ひとつの解答"に過ぎません)を読んでしまってもかまいませんが、ほんの数分でもご自分で考えをめぐらせると、よりいっそう楽しめるはずです。よろしくお付き合いいただければ幸いです。 講座の構成 講義 CSSデザイン導入の勘所を解説します。 課題 教材の紹介 HTMLの修正 CSSによる表示結果の再現 CSSによる改善案の作成 まずHTMLを妥当なものに修正し、続いてCSSにより元の文書と同等の表示結果の再現を目指し

  • 1