Webサイト制作初心者用質問スレ Part 109

ホームページをソフトを使ってRSS対応にできるそうですけど、
そのソフトを教えてください。
ホームページ　RSSでググったけど分からなかった。

良いかおめーら。
>1 読め
読まずに質問して、釣りだと思われても知らんぞ。

回答者御中

　風も冷たくなり、すごしやすい季節もあと少しとなりそうな末秋をどのようにお過ごしでしょうか
私は最近、インターネットでウェブページを作る事に興味を抱いて様々なウェブベージで情報を得ているのですが、
複数どうしてもわからない事があるので教えていただけないでしょうか、回答お願いします。
まず一つ目です。説明し辛いので例を出します。(http://web2ch.s31.xrea.com:8080/index.php?BeginnerFAQ)ここのサイトの
左川の「メニュー」と書かれた所にマウスポインターをあてて少し待ってください、すると白枠の上に「BeginnerFAQ」
という文字が浮かび上がります、これの方法を学びたいです。
　二つ目の質問をします。これは私の文章力では説明できないのでAA(アスキーアート)で説明したいと思います
即席なのでズレはご勘弁下さい

☆　　　　

「￣￣￣￣|
|　 　 . .　　 |
￣￣￣￣~
☆と四角(四角らしいもの)が図です、☆の部分にマウスポインターを当てる(クリックすると)と四角の部分に
設定した文字がでてくるようにしたいです。
以上質問は二つです。お願いします

　 　∩＿＿＿∩　　 　　　　　　｜
　　 | ノ＼　　　　 ヽ　 　　　　　　|
　　/　　●゛　　● |　　　　 　　　|
　 |　∪　　( _●_)　ミ　 　　　　　j
　彡､　　　|∪|　　 |　 　　　　　>>866
/　　　　 ∩ノ ⊃　 ヽ
(　 ＼　／ ＿ノ　|　 |
.＼　“　　／＿＿|　 |
　　＼ ／＿＿＿ ／

>>866
上のほうはオンマウスで説明表示

参考サイト　ttp://hp.xrea.jp/m/link/38.html

下はオンマウスでテキストエリアに表示かな

参考サイト  ttp://hp.xrea.jp/m/link/31.html

CGI不可の無料鯖でも
忍者のようなアクセス解析はOK？

>>869
OK
なんでタメ口やねんカスが

忍者のようなアクセス解析のできるCGIってありますか？
ページには表示がされない物を探しているのですが、なかなかなくて・・

>>871
{display:none;}

>>870
せんくす
＞なんでタメ口
きみとあっとほーむなじかんをすごしたかったから

元はテンプレート配布サイトのcssを利用して、大枠の中に縦に枠をいくつか並べ、その小 枠の中に左に
サムネイル画像、その右に画像の解説を配したいと、以下のように記述しました。

<div class="waku1"><dl class="waku2"><dt>
<img src="th.jpg" width="119" height="140">
</dt><dd>th.jpgの説明</dd></dl>

画像と解説の左右への配置には以下のように
.waku1 .waku22 dt{float: left;
floatプロパティを利用したのですが、これでは右側に回りこんだ解説が、画像の高さより下に
なるまで長くなってしまった時、下になった分の文字列先頭が画像の下に戻っていこうと少し
それまで揃っていた位置より左にずれてしまいます。
なんとか綺麗に揃えたいと、解説部分だけにもうひとつ枠を作ってみたりとしたのですが、次から次にまた
別の問題が出てきて、始末に終えなくなってしまいました。
なんとかシンプルに、解説部分の先頭を縦一列に揃える方法は無いでしょうか？

@niftyの「@pay（デジタルコンテンツの売買ツール）」
のスレってありますか？
知っている人がいたら教えてちょ。

>>874
ddのmargin-leftでよさそうな…。

>>872
すみません意味がわからないです・・・

>>876
アドバイスありがとうございます。
早速試してみます。

レイアウトを整える為にスペースを入れたいと思っているのですが、
皆さんはどの様にスペースを入れておられますか？
参考の程にしたいので(´･ω･`)

>>879
スペース　特殊文字　HTML　でググレ

>>877
width=1 height=1　にしてしまえば見えない。

>>879
880はもしかして＆nbsp;のことを言いたかったんだろうか・・・？

レイアウトとしてスペースをとるときには透明ＧＩＦでやることもあるね。
ケースバイケース。

>>880
ありがとうございます。
調べてきます。
m(__)m

>>879
CSSでmarginやらpaddingやらtext-indentやら。

>>876
……ダメでした。
よくよく思い返して見ますと、ddのマージン設定をどういじっても画像ふらの回りこみに伴う
文字先頭列の崩れが直せないため、もう一つ開設部分に枠を作ってみるなどという複雑化に
手を出したんでした。

>>879
＞参考の程にしたいので(´･ω･`)
これ、変じゃない？

>>882
はい、&nbps;　や透明gifの事です。
&nbps;　は使いづらいと聞いたもので・・・。
ならば、皆はどの方法を？・・・と思い・・・です。

>>884
調べてみます。ありがとうございます。

あげちゃったよorz
ごめんなさい・・・

>>886
そうですか？

>>887
やっぱりケースｂｙケースよね。スタイルシートオフしてたらmargin設定もおじゃんだし。
文字の大きさを固定していない場合、その行間のスペースとるならIMGやCSSで
絶対的な間隔を取るよりは、＆nbsp;<BR />で相対的にスペースを空けた方が
しっくりくることもある。

>>868さん、ご解答ありがとうございます。一つ分からない点がありますので質問させて下さい
オンマウスでテキストエリアに表示とありますが、
<FORM NAME="a">
<INPUT TYPE=text NAME=b SIZE=35 style="color:#00FF00;background-color:#404040;" value='説明文が表...'>
<A HREF="index.html" onMouseOver="document.a.b.value='テストペ...';" onMouseout="document.a.b.value=''">
テストペ…</A>
</FORM>

この状態で貼り付けると、2行以上の文を説明することができません。どうすれば良いでしょうか？
それと、この状態だとリンク先を指定しないといけないので、ボタンを押しても移動しないようにするにはどうすればいいでしょうか？

>>890
868じゃないけどどうぞ

<FORM NAME="a">
<textarea name="b" cols="40" rows="5" wrap="VIRTUAL">説明文が表...</textarea>
</FORM>

<A HREF="javascript:;" onMouseOver="document.a.b.value='テストペ...\nですよ';" onMouseout="document.a.b.value=''"> テストペ…</A>

>>889
なるほど・・・。ありがとうございます。
実際に試してみようと思います。
皆様ありがとうございました〜<m(__)m>

補足
そのスクリプトは恐らくリンク先の説明を表示するためのものなんじゃないかな。
単にテキストを表示するだけのものなら通常のリンクと紛らわしいので、
Aタグ以外でやるか、CSSでアンダーラインなどを消してしまうとよかろう。

<!-- 今後ｽﾚとは関係ない話題にはコメントアウトをお願いします -->

いくらいじっても相変わらず解説部の先頭はずれているのですが、面白いことに、
スレイプニル等のＩＥ系ブラウザで読み込むとずれ、Ｍｏｚｚｉｌａ系のＦｉｒｅｆｏｘで読み込むと
ずれはなく、きちんと整列して表示されました。

これは、ＩＥでは適用されず、Ｍｏｚｚｉｌａ系では適用させるタグが関係しているのだなと
解して良いのでしょうか？

>>895
IE6.0、Firefox1.0で>>876のやり方でできたよ。
ddに画像の幅+αのmargin-leftを指定してやればいいだけじゃないの？

おっちゃんには開設部分とか読解できないからよくわからんが、
一度余計なものを取っ払うことをお勧めします。
がんばれ。

>>895
そもそもやろうとしていることがおかしいような気がするんですよ・・・。
なぜDLタグにこだわるんですか？

>>896
なんと……。上手くいくわけですか。
となるとやはり、一歩進んで５歩戻るって感じで基本に戻ってみますか。
他の部分を削ってそこだけ頑張ってみます。

>>897
それを言われてしまいますと身も蓋も無いのですが、今までtableを組んでやっていたことを、
参考にしたそのサイトではcss利用のそのやり方で記述を少なく済ませていたので、真似
してみようとしたわけなのです。

>>899
ちょとさあ。これコピペしてみ。

<style type="text/css">
<!--
.waku1 {float: left; }
.waku2 {float: left; }
dt{float: left; }
DD{margin-left:0px;}

-->
</style>



<table width="300" border="1" cellspacing="0" cellpadding="3">
<tr>
<td><dl class="waku2">
<dt><img src="th.jpg" width="119" height="140"> </dt>
<dd>ここに長〜い文章入れて。〜〜〜</dd>
</dl></td>
</tr>
</table>

加えて、大枠と小枠の一部をずらせて重ねる見せ方が大変に見栄え良く感じまして、
理解できているtableの知識では出来そうにないなと思い、再現には真似てみるのが
早かろうと考えたのです。

>>900　わざわざありがとうございます。貼り付けてみましたところ、このような形になりました。

↓画像
■■文字
■■文字
文字文字
文字文字
文字文字
文字文字
文字文字

出来れば、以下のような形にしたいのですが、

■■文字
■■文字
□□文字
□□文字
□□文字
□□文字
□□文字
↑空白

――って、ここでこそ、ddのmargin-left設定を使うべきですかね？　ちょっと試してみます。

ホームページ作りたいんですが、何から始めればいいのか全く分かりません。
まずは何から始めればいいんでしょうか？だれかアドバイスください。

>>902
そ・・・そういうことか・・・。
すまん、勘違いしてた。えーと・・・さて、どうしようか。

>>903
>>2を読んできてください。

わけわかめですわ・・・

>>906
おまー・・・。　┐('〜`；)┌

ttp://kanzaki.com/docs/html/htminfo10.html
とりあえずこのページぐらい読めるだろう？
その前に日本語の勉強をしといた方がいいならｽﾚ違いだ。

>>907
<!-- ちがうよ！903はちゃんと>>2を読んだんだよ！
でも読んだだけでクリックしなかったからわけわかめ -->

>>874
おまいもしかして
ttp://msugai.fc2web.com/web/CSS/colup.html
このページのこと言ってるわけじゃないよな・・・？

>>902
勉強始めて間もない者ですが、例えばこういうのではﾀﾞﾒなんでしょうか？
------------------------------------------
(css)
div.waku1 { width: 100px; float: left; }
div.waku2 { width: 400px; float: left; }
--------
(html)
<body>
  <div class="waku1"><img src="test1.gif" width="100" height="200" alt="テスト画像１"></div>
  <div class="waku2">（長い文章）</div>
</body>

携帯からのアクセスを弾く方法を教えてください。

>>911
CSSだ

>>909
いえ。ぶっちゃけた話が、ttp://wdt.pekori.jp/template/link/?no=08　このリンクテンプレート紹介ページにある
中段、「Web素材」とタイトルされた段の枠組みをそのまま、バナーを119*140の画像に差し替えて利用しようと
したのですが、

バナーサイトの紹介で書かれているよりも遥かに長文の解説をつけようとした時、長々とここに助けを求めるような
「長文化に伴い伸びた文字列先頭が、画像の下辺以下になった辺りからＩＥ系ブラウザでは画像の下に向かって
ずれる」という問題が発生してしまったわけです。