(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ8

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML / CSS / Dreamweaver の事なら何でもOK
ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ

回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人は このスレを見るな！！

質問側も節度あるレスで！
質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ7
http://hibari.2ch.net/test/read.cgi/hp/1276329188/

----------------テンプレここまで----------------

※書き込みは必ず前スレが埋まってからお願いします

乙

■HTML・CSSについて
・ごく簡単なHTMLの説明
　　http://www.kanzaki.com/docs/htminfo
・PC Tips
　　http://members.jcom.home.ne.jp/pctips/
・脱初心者をめざす人のためのホームページ作成講座
　　http://az-store.nrym.org/archive/mynotes/lecture/

■文法チェッカー
・Another HTML-lint
　　http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
・The W3C Markup Validation Service
　　http://validator.w3.org/
・CSS検証サービス
　　http://jigsaw.w3.org/css-validator/

■仕様
・HTML 4.01 Specification
　　http://www.w3.org/TR/html401/
・XHTML Mod TOC
　　http://www.y-adagio.com/public/standards/tr_xhtml_mod/Overview.html
・XHTML 1.0 目次
　　http://www.y-adagio.com/public/standards/tr_xhtml10/toc.htm
・Extensible Markup Language (XML) 1.0 (第五版)
　　http://w4ard.eplusx.net/translation/W3C/REC-xml-20081126/
・正しい知識を得たい人の爲のCSS2リファレンス
　　http://hp.vector.co.jp/authors/VA022006/css/
・Cascading Style Sheets, Level 2
　　http://www.y-adagio.com/public/standards/tr_css2/toc.html

テンプレのつもりか？

宣伝入って無いか？

宣伝しかない

http://hibari.2ch.net/test/read.cgi/hp/1286969289/3n からの移植＋α
テンプレじゃない

>>4
まあ、乙

おつです。
http://www.balancextreme.jp/　です。
プロバイダに確認したがよく解らない。(プロバイダもわかってるのか？)
とにかく、やたら「http:」が無いとエラーが帰ってくるので

絶対パスに「http:」を入れたい。

と言ったら

Xcartで自動生成するページの一部URLについては、プロトコルは
相対パスでの表示が固定となります。
これは、非SSLとSSL画面にて共通で読み込まれるコンテンツが存在
するため、SSL通信時のセキュリティー警告が出ないようにするための
対策となりますので、ご了承下さいませ。
以上、何卒宜しくお願い致します。

と返信があった。

意味わかる？

と言っている私の質問がおかしいのか？

>>9


プロバイダも、>「http:」を省略してるとは夢にも思っていない


に10000点

>>9
121ware.com > サービス＆サポート > Q&A > 情報番号 010576
http://121ware.com/qasearch/1007/app/servlet/qadoc?QID=010576
Internet Explorer 7 における HTTPS セキュリティの強化点
http://msdn.microsoft.com/ja-jp/library/bb250503%28VS.85%29.aspx

結局、FTPは使ってないんだな

>>9
ようやくプロバイダの言い分がわかった。とりあえず、このサイト(特にトップページは)プロバイダ提供のショッピングカートを使っている。それの仕様かも。
以下プロバイダの言い分。

こちらのjavascriptやCSSについては、各ページで共通して使用されるファイルとなります。
つまり、非SSL（http://）とSSL（https://）で表示されるページにて
共通で使用されるファイルとなります。

そのため、各ページのプロトコルによって相対的にプロトコル部分を
表示しなければならないため、仕様上、相対パスでの表示で固定となります。

例）「http:~」でアクセスした場合
　　⇒http://xc520.xbit.jp/prototype.js

　　「https:~」でアクセスした場合
　　⇒https://xc520.xbit.jp/prototype.js

※もし、「https:~」で表示されているページでjavascript等の
　ファイルが「http:~」で読み込まれてしまった場合、IE等で
　セキュリティー警告が出てしまいます。

だととさ。
でも、カートや会員登録程度httpsのリンクにとどめてくれれば良いのにと思う。
(言っていること合っているか？)
ま。所詮、初心者にも簡単にトップ画面の変更や作り込みができるように
したことが帰ってこうなっているのではと、、、、、。
>>12　使えるけど、どこをいじれば良いか不明。とにかく、FTPで変更できなさそう？。
トップページは自分が作ったhtmlに出来るみたいだけどそれでは、時間がかかって困る。

無理やりプロバイダが用意したindex.phpを利用するのがデザイン的にはるかに効率が良い。ああ。葛藤が　クマった熊った。区真っ田。

>>13
混合コンテンツの件は>11にあるけど読んでないの？
CSSをそのサーバにUPして相対パス指定ではダメな理由はある？

通常はHTMLファイルをテキストエディタやDW等で入力してFTPでUPすればOK
HTMLを作り込みたいのにCMS使っている時点で矛盾してる
CMS は簡単に作れるけど制限も多いよ

絶対URIで外部CSS読み込むなら、ある程度自分で管理できることが前提だろ
https, http はサーバサイドで自動的に切り替える仕組みが必要
自分で仕組みを作れないなら、該当サービスの仕様に納得するしかない

>>13
お前にはもうどうしようもないわ

>>13
プロバイダの言い分は妥当だと思うがな
初心者が適当にいじくり回せるようにするより、カスタマイズ可能な部分を制限した方が良い

Windows 以外は読めない仕様？

@CHARSET "windows-31j";
http://xc520.xbit.jp/xc_base.css

>>18
それ not valid. http://jigsaw.w3.org/css-validator/
>>13は>>4で再検証＆勉強すべき

みな。スマソ。結局これ以上厳しいか。

>>18
ゴメンナサイ。よくわかりません。おそらくそんなことないです。

>>20
回答をもらったら、キーワードでぐぐるぐらいしなよ
http://www.google.co.jp/search?ie=UTF-8&q=windows-31j

FTPの件もそうだけど、よくわからないのに「そんなことないです」なんて根拠のないことをいうもんじゃない
もっと自分で調べる努力をしなさい

>>19
これですね。(CHARSET_SYM でぐぐると面白い)
http://www.w3.org/TR/css3-syntax/#lexical
http://www.y-adagio.com/public/standards/tr_css2/grammar.html#q2

色々悪いけど、検索したり調べたりしてもよく分かんないんだよね。→
すでに調べた。

CSSでエラーになっているのって削除して大丈夫なのｶｲ？
カナリ不安で躊躇しているフウ。

CSSについての質問です。
あるサイトのリンク付き画像の一覧を、わかりやすいようにユーザーCSSで
「a img:after { content:"("attr(src)")"; }」と画像のURLが表示されるようにしてます。
ところがそのうち、URLが以下のようになってることに気付きました。
http://xxx12.net/img/papa/123456.jpg
http://xxx3.net/img/sasisuseso/456.jpg
http://xxx54.net/img/aiueo/18863.jpg
img/〜以降を多少不揃いでもいいから抜き出した感じで表示させたいのですがうまくいきません。
floatにして中の文字を右寄せにしてclipすれば…と思ったのですが付け焼刃の知識ではできませんでした。
CSSだけで無理なら諦めます。
どうかご教示ください。

>>23
もうあきらめろ

>>24
もうあきらめろ

<p style="float:right"><img src="jpg.jpg"></p>
<p>もじもじもじもじ</p>
<p style="clear:right">もじ</p>


以上のように書いた場合、上端がどうしても揃わないのだが、

１．なぜ揃わないのか
２．そろえるためにどうしたらいいのか

を知りたいと思っています。

画像の段落にmargin:0を入れるとうまく行ったのだが、
もじもじもじ…の段落にmargin入れてない。
何で、画像の段落にはmarginが必要で、文字の段落にはmarginが不要なのか…。

悩んでいる。

>>23
君>>21を読んでないでしょ

よくわからないのに「そんなことないです」なんて根拠のないことをいうもんじゃない

>>27
【もじもじもじ…】の上マージンは【画像＋もじもじもじ…】の上に取られてるから
【画像】の上マージンだけ消せば、両者の上端が揃う

あとfloat有りwidth無しは文法違反

質問です。

問い合わせフォームで、入力確認画面に遷移した際、
IE6とIE7で何も入力していないセルのボーダーが表示されません。
IE8は表示されます。
テーブルの空白セルのボーダーを表示する方法はありますか？

このような場合です↓
http://www.gazo.cc/up/21063.gif

>>30
あります。

>>31
おしえてください

それくらい調べたら？

ここ質問スレですよね・・・
調べたんですがわからなかったので・・・

border-collapse: collapse;
を使えば出来るよ＾＾

>>35
なるほど！ありがとうございます！できました！

>>32
文字を入れる

ドリームウィーバー8でFTPに接続の際に一回一回ID・PASSを入れないとアクセスできないのでだが何でだろう。
いままでは問題なかった。保存にチェックをいれていてもだめ。IE8に変えてからのような気がする。
わかる方教えてください。

>>38 このへんは？
http://forums.adobe.com/thread/407863
http://forums.adobe.com/thread/679050

>>39

ヒントありがとうございました。
Dreamweaver8をDreamweaver8.02 にアップデートしましたところ解決したように思えます。

metaタグのキャッシュで有効期限というものがありますが
キャッシュの有効期限って一体なんですか？
ブラウザにキャッシュされる有効期限って解釈であってるでしょうか？

>>41
キャッシュの有効期限です

input[disabled] {~~}
これはどういう意味なのでしょうか？
[disabled]という記述は見たことがありませんでしたが
~~というのもわかりません
なんか入るよということを示すだけで特に意味はないのでしょうか？

>>43
属性セレクタ - CSS2リファレンス
http://hp.vector.co.jp/authors/VA022006/css/selector.html#attribute-selectors

input要素 -- HTML 4.01リファレンス
http://az-store.nrym.org/archive/mynotes/lecture/html4ref/input
属性セレクタ -- CSS 2.1のエッセンス
http://az-store.nrym.org/archive/mynotes/lecture/css21/selector#attribute

ありがとうございます
日々進化してるんですね
idとclassでしか指定したことなかったので
これからはちゃんとドキュメントも読むことにします

>>46
id, class で属性セレクタを指定してはいけない (大丈夫とは思うが念のため)

>>41
http://www.spencernetwork.org/reference/rfc2616-ja-HTTP1.1.txt (1.3 [クライアント], 13.2, 14.21, 14.9)

＞id, class で属性セレクタを指定してはいけない
ってdiv[class="hoge"]がダメってこと？

>>48
div[class="hoge"] は <div class="hoge foo"> に対応できない

46は.と#でしかってことだろ
そんなのも理解出来ないのか

>>50
それはわかるよ。[]指定より書きやすいからね。
>>49確かに。でもidと一つだけのclassなら問題ないんだよね？

6: line i: <input> には name 属性が必要です。 → 解説 86

>>4のAnother HTML-lintでXHTML1.1文書をチェックしたところ、上記のようなエラーが出ます
解説を見ると「文法的に間違っているもの。」として扱われています
The W3C Markup Validation Serviceではエラーが出ませんが、これは単にlintのバグでしょうか

>>49
ああ、逆に対応したくない時はそう書けば良いのか

>>52
そうです

>>51
class="hoge" なら [class="hoge"] もあり得るが、普通はあまりそういう書き方をしないな…

/* class="hoge" */
.hoge { }
/* class="hoge foo" */
.hoge.foo { }

.hoge は [class"=hoge] に相当する
http://www.w3.org/TR/CSS2/selector.html#class-html

#hoge は [id=hoge] に相当しない
idセレクタは2つ以上の同じid属性値が存在したとき、初めに一致する要素のみにセレクタを適用する
idセレクタの固有性は 100 だが、属性セレクタの固有性は 10 となる
http://www.w3.org/TR/CSS2/selector.html#id-selectors

>>52
name属性は XHTML1.1 では必須ではないが、フォームの性質を考えれば必要なものということだろう
The W3C Markup Validation ServiceはHTMLの文法のみをチェックするが、Another HTML-lint は宗教的なエラーも表示する
出典を明示しないのでわかりにくいが…

最近DWのCS5に変えたのですが

複数ファイルを開いていると全部のファイルが同じ内容に書き変わることがよくあるのですがバグでしょうか？

それとも知らずにショートカットをしているのでしょうか？

>>55
[id^="hoge"]見たいな事もできたっけ？

>>57
割れ対策ですね

57
単純に開くページ間違ってるだけじゃね？
それなら俺もよくやるが・・・

>>58
可能だが、通常は別の方法でセレクタを指定する気がする
[id^="hoge"] は文法的には問題なくても、論理構造上は問題があるような (マークアップを楽するために書いている印象)

#hoge>.index { }
[id^="hoge"] { }

<div id="hoge">
　<p id="hoge1" class="index">hoge1</p>
　<p id="hoge2" class="index">hoge2</p>
　<p id="hoge3" class="index">hoge3</p>
　<p id="hoge4" class="index">hoge4</p>
</div>

>>61
IEで対応してるのは8からだっけ

あと、やはりカスケード処理の問題
属性セレクタは固有性が低いので、idセレクタと同じように書くと意図せずして他のスタイルに上書きされることがある
自己管理できるなら助言することはないが、面倒だと思う

>>62
属性セレクタは IE7 から対応する
http://msdn.microsoft.com/ja-jp/library/cc351024%28VS.85%29.aspx#%E5%B1%9E%E6%80%A7%E3%82%BB%E3%83%AC%E3%82%AF%E3%82%BF%E3%83%BC

>>55 を訂正

×　.hoge は [class"=hoge] に相当する
×　.hoge は [class~=hoge] に相当する

>>64
あー、読めないのは互換モードのせいかもな
古いページ全部消しちまいてー

IE6 は .hoge.foo が正しく働かない。IE7 は正常。

複数のclassをセレクタに指定した際のIEのバグ | Blog hamashun.com
http://www.hamashun.com/blog/2007/05/classie.html
Webの道草 Internet Explorer6,7,8によるCSSの違いについて
http://webmitikusa.blog47.fc2.com/?mode=m&no=25

IE6のCSS修正するJavaScriptライブラリ無かったっけ？

あとCSS3は先行実装だから乱用しないようにね

画像の透過に関する質問です。

【目的】
アルファチャンネルPNGの画像を<img>で設置し
指定透過色を透過しつつ、画像全体の透明度を変えたい

【状況】
・透過PNGを設置して表示する　→　普通に綺麗に透過される
・そこにstyleでfilterを指定する　→　非透過部のエッジが黒くなる
（filterを設定すると問題が起きるようで、filterの中身は何でも同じ）

【やってみたこと】
・filterのChroma()で、PNGの透過色（#FF4499）を指定してみる　→　変化なし
・filterのChroma()で、黒（#000000)を指定してみる　→　変化なし

エッジが黒くなる理由がよく分かりません。
アルファチャンネルPNGの透過を有効にしたまま
alpha() で画像全体をさらに透過したいんですが
どうすれば良いんでしょうか。

>>68
IE7.js のことかな。>>67にも対応するみたいだね。
http://code.google.com/p/ie7-js/

それどうなの？
IE9.jsとかIE6あたりだととても重そうな予感が

重いよねー
自分で必要とする部分だけ遣えればいいんだけどさ

質問お願いします。
たとえば、
あいうえお、の文字のあを青色
いを黄色という風に楽に変える方法がわかりません。
cssですかね？
cs5を使ってます。
よろしくお願いします。

hahaha、こやつめ

>>73
塗ればいいよ
塗るのがいやならセロファン

>>73
spanでどうぞ

spanばっかり使ってると、スパンキングってよばれるよｗ

範囲王様

<span style="color: rainbow;">

>>79
できました！
ありがとうございます！！

うそっ？？！！

>>80
ばーろー
試しちゃったじゃねーかww

ﾜﾛｽ

>>82
わらた

本人成りすましか

CSSで疑似フレームを作ろうと
ttp://desperadoes.biz/style/p_frame.php
このページを参考にして

#leftbox {
margin: 0;
width: 417px;
padding: 0;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
}
#mainbox {
padding: 0px;
overflow: auto;
height: 100%;
margin: 0 0 0 450px;
}

としたのですがスクロールバーも出ずマウスの中央ボタンを押してスクロールさせようとすると
画面全体（leftbox、mainbox共に）が動いて疑似フレームページになりません

mainboxのheightにちゃんと値（例えば700px）を入れるとスクロールできるのですが
100%でない分ブラウザのサイズにスクロールバーが合わず混乱しております

どうしたらいいのでしょうか？よろしくお願いします

あきらめる

<br>と<br/ >の違いは何なんでしょうか？
使うならどっちのほうが良いのでしょうか？

HTML4.01では閉じタグが必ず必要だから、imgやbrみたいな閉じる必要のないタグも閉じる
閉じなくても普通のブラウザなら動作するから問題ないけど、文法上は閉じないといけないことになってる

4.01以前のHTMLなら必要なし

ちなみに<br/ >じゃなくて<br />

なるほど！
今は特に問題ないけど念のために閉じといたほうがいいって事ですね！

>>89
適当なこと言うのやめてくれ

HTML4.01では <br> 単体じゃないと駄目
XHTMLでは <br /> や <br></br>　とかじゃないと駄目

ただの勘違いなのか、マジbokeなのか…

けっきょくどれが本当なの？

勘違いとマジbokeって違うの？

HTML4.01なら <br> が正解。

<br />が仕様上ダメかどうかは知らないけど、古いブラウザでも問題がおきにくい
ように、スラッシュの前に空白を入れてある、と聞いたことがあるよ。
使うなら「空白＋スラッシュ」付きでいいのでは。

>>96が>>89じゃないことを願う。

質問があります

http://konbanwa/gazou/
というページを作ってそこにリンクを貼ってから
http://konbanwa/gazou/1/
http://konbanwa/gazou/2/
http://konbanwa/gazou/3/
って飛べるようにしたいのですが
FFFTPとかでアップロードする時最後に.htmlとかつけないでも大丈夫なのでしょうか？
gazouフォルダとgazouファイルという同じ名前のファイルが同じ場所に存在する事になってしまいますが・・・。

はい

わかりました
ありがとうございます

<img src='sample.gif' alt='' width='100' height='100' />

と記述しています。
画像が見つからなかった場合（サービス上そういうこともあるので）
Firefoxだとwidthとheightのサイズでボックスが表示されなくて（altの要素でサイズが調整される？）レイアウトが崩れてしまいます。
他のブラウザだと、中身は空でも100x100にしてくれるのですが…。
解決方法はないですか？

ありゃ、ほんとだ。
サイズ指定の意味ないじゃん。いままで気が付かなかった。
Firefoxがこれだと困るねぇ。
対策はcssか？

altの情報よりもレイアウトが大事だって言うなら、alt空でいいんじゃね？

<script type="text/javascript">
(function(){
window.onload = function() {
var imgs = document.images;
for (var i = 0; i < imgs.length; i++) {
var im = new Image();
im.src = imgs[i].src;
if ((!im.width && !im.height) || (navigator.userAgent.match(/MSIE/) && !im.complete)) {
imgs[i].src = "NotFound.jpg";
}
}
}
})();
</script>

画像見つからなかったときに別の画像に差し替えるスクリプト書いてみた
NotFound.jpgのとこに見つからなかったときの画像のパス（スクリプトからの相対もしくは絶対パス）いれて試してみて
まぁこんな事しなくてもいいと思うけど

お世話になりました。
プロバイダのからみがあるので、これくらいでなんとかという感じの点数まで
上げて終了で。なんとか普通の点数になりました。

http://www.balancextreme.jp/

点数を揚げたからって、検索上位が上がることではないことがわかりましたので
他の方法を探してみます。さらに点数を上げるよう少しづつがむばりますよ。

またおまえか

>>104
やっぱりこういう力技ですかね。
ありがとう〜。

今まで気が付かなかったよ…。
phpから吐くHTMLなんだけど、
php側でHTTPリクして見つからなかったら画像差し替えしようかと
考えたが、重くなりそうなのでやめた。
あとは、JSしかないかなぁ…と思いつつCSSで
解決できればいいなと思ってこのスレに書きこんでみました。

いちいちJSじゃなくてもdisplay:blockでいいだろう

JavaScriptとかが必要だったら御免なさい

ポップアップで書き込みフォームが出るようにしたのですが
<textarea name="contents" cols="60" rows="5"></textarea>
とあるのですが、この書き込みフォームのサイズをブラウザのサイズに合わせたいです

つまり例えばですが、大きい画面でブラウザを最大化したら700*300、小さいサイズにしたら120*50とか
一言で言うとJaneStyleの書き込みフォームみたいにしたいのです

document.documentElement.clientWidth;
document.documentElement.clientHeight;
で取れるはず

やっぱりJavaScriptでしたか、スレ違いすみませんでした
そんでもってありがとうございます！

>>105
ここで聞いても意味が無いよ
評価スレ行けばアドバイスもらえるよ

下記のソースで width 指定はそのままで
ボックスCをボックスBの横に表示するにはどうすればいいでしょうか？

B,Cの合計のwidthがAのwidthを上回ってしまうので、Cが下に表示されてしまいます。

よろしくお願いいたします。


<html>
<head>
<style type="text/css">
.a{ width:200px;border: solid 1px black; }
.b, .c{ width:150px;background-color:red;height:100px;float:left; }
.c{ background-color:green; }
</style>
</head>
<body>
<div class="a">
　　<div class="b"></div>
　　<div class="c"></div>
　　<div style="clear:both;"></div>
</div>
</body>
</html>

>>113
width指定はそのままにする理由は？

div.aにボーダーが入ってるからじゃね？
widthを201pxにしてみたら？

>>115
すまん勘違いしてた

まず150+150が200になる理由を教えてくれ

今独学でHTML+CSSの勉強してるんですが
自分で作ったHTML+CSSのファイルをアップして
アドバイスとかしてもらうのってスレチになりますかね＞＜

>>117
見てくれる暇人がいるかは知らんが、
具体的に質問があるならソース例示して書け。
評価してほしいならこのへんに行け。
■■ HP評価スレッド vol.55 ■■
http://hibari.2ch.net/test/read.cgi/hp/1232028045/
CSSデザインのサイトを評価するスレ
http://hibari.2ch.net/test/read.cgi/hp/1187492274/

>>118
具体的な質問というよりかはここでこうCSSを使うのが正しい、間違ってる等のアドバイスがほしかったんです
なのでHP評価スレッドに書き込みしてきました！

ありがとうございます！

winXP cs5 dreamweaver にて。
複数ファイルを開いて「全てを保存」を選ぶと画像リンクが相対パスからローカルパスに変更されて
保存されてしまい難儀しているのですが、そんな現象にぶち当たっている方っていらっしゃいませんか？
自分だけだろうか・・・？ハァ〜・・・

CSSで
{ width:100%;height: 100%;}
としたのですが高さ、横幅を100%-50pxとしたいのですがどうしたらよいのでしょうか？

大元のサイズからの差を計算する、paddingを使う、{width:100%;height:100%;}の中にdivを作り、そのwidthをx%にする
これしか思い浮かばない

>>121
calc

>>117,119
移動先でアドバイスもらっても無視するんだな…。もちはいつものことだが。

超初心者でごめんなさい
html、xhtmlの国家資格とかってありますか？

そんなのあったらその国の将来が心配だ

検定のことを言いたいんだったらWebクリエイター能力認定試験

>>127
thx！

おまんこ検定なら自信ある

Amazonはマジで厳しいわ。手数料高いし、同じ商品ページで価格競争だし・・・・。
楽天の営業は本当に都合いいことしか言わなくて勧誘してくるよな。
カテゴリーの売り上げトップになれば、その商品が楽天発行のメルマガに乗るから売り上げUPできます。
って言うけど、そのトップになれる商材が無いし、あっても価格競争で利益なさそうだし。

間違えました。申し訳ないです。

間違えました。申し訳ないです。

入力された数値の数だけフレーム分割した画面を作るcgiを作りました。
テキストタイプのinputで数字をname="number"で受け取り
cgiで<frame>のタグを繰り返すという内容にしたつもりです。

read(STDIN,$str,$ENV{"CONTENT_LENGTH"});
$str=~tr/+/ /;
$str=~s/%([0-9A-Fa-f][0-9A-Fa-f])/pack("c",hex($1))/eg;

foreach (split(/&/,$str)){
my ($key,$value)=split(/=/,$_);
$input{$key}=$value;
}

$height=100/$input{number};

print "<html>\n";
print "<head><title>first_result</title></head>\n";
print "<frameset rows=\""."$height%,"x($input{number}-1)."$height%\">\n";
for($n=0;$n<$input{howmany};$n++){
print "<frame src=\"second_part.html\" name=\"second\">\n";
}
print "</frameset>\n";
print "</html>\n";

しかし、実行結果のページでは何も表示されません。
何がいけないのかご指摘お願いします。

スレ違い

>>133
このスレで聞いた事

CGIもHTMLに含まれるかと勘違いしていました。
すみません

あいうえお
なにぬねの

あいうえお　という文字をクリックするとペロンと
か行さ行た行　が出現。

あいうえお
　かきくけこ
　さしすせそ
　たちつてと
なにぬねの

もう一度　あいうえお　という文字をクリックするとスッと
か行さ行た行　が元通りに隠れて収納。

こういう表記をしたいんですが何という方法なのか分からずじまい。
html 開く 閉じる ページ内
等で検索したんですが、お手上げです。お助けください。

アコーディオンメニューの事か？

原理はかきくけこさしすせそたちつてのの部分displayをnoneにしておいて
あいうえおをクリックしたらdisplayをblockに戻すということをJavaScriptでやるわけです

<a href="http://wwwaaaa.html#a133">あ</a>
<a href="http://wwwaaaa.html#a144">あ</a>
<a href="http://wwwaaaa.html#a155">あ</a>
「あ」の部分のみを残してリンクのタグだけを一括書き換えで消すにはどういう正規表現を使えばいいですか？
DWCS4です。

|<a href="http://wwwaaaa.html#a1(\d)\1">(あ)</a>|\2|

<a href="http://wwwaaaa1.html#a_1332">あ</a>
<a href="http://wwwaaaa2.html#a_3423">い</a>
<a href="http://wwwaaaa3.html#a_2333">う</a>
の場合はどうなりますか？
<a href="http://wwwaaaa<\1>.
までは認識して置換してくれるんですが
.htmlのhを追加するだけで全く認識しなくなります。

140のタグをコピペして141をそのまま使ってみましたが認識してくれませんでした。

遅ればせながら、
>>138 >>139両氏ありがとうございます。
助言を元に学んでいきたいと思います。

PCを買い替えるのですが、
DreamWeaver　CS4を他のPCに移す場合、
ネットにつないでライセンス完全解除をしてからでないと
ただアンインストールして新PCにインストール、ではライセンス上の問題がでますか？

今使っている旧PCがもうネット接続できる環境ではなく、PCを初期化して売却しようと
思っているのですが、その際のライセンスが埋め殺しみたいになってしまわないか心配です。

ちゃんとライセンスを解除しないと新PCで認証もできなくなるんじゃないかな

dreamweaverＣＳ3です。
以前のホームページを修正しているのですが

ドリームウィーバー上では正常な配置になっているのですが、ＦＩＲＥＦＯＸやＩＥではデザイン用のＣＳＳが適用されていません。
どうしてか分からず困っております。
助けていただけると助かります。

DWのデザインビューを宛にしちゃイカんよ

cssがローカル適用になっている

ライセンス認証番号が分からないので電話したら廃止されたとか言われたんですが本当ですか？
社員の嘘？
認証数解除はしてくれましたけど

#target{
-webkit-transition-duration:10s;
-webkit-transition-property:-webkit-transform;
-webkit-transform:translate3d(0px,20px,0px,0px);
}

変化が完了していない(10s経過してない)#targetの現在の位置を知りたいんですが
どうやったら取得できますか？

遅れましてすみません

>>54
ありがとうございます

>>56
宗教的なチェックを無効にしても出ます
文法エラーと宗教的エラーを分類するときに間違えたということでしょうか

>>152
ああ、「WAI Content Accessibility Guidelines」の方だった。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>XHTML1.1</title>
</head>
<body>
<form action="foo.php">
<p><input type="text" /></p>
</form>
</body>
</html>

「WAI Content Accessibility Guidelines」のチェックを外せばこれで100点。

しかし、WAI のチェックが入ったままでも「<input> には name 属性が必要です。 → 解説 86 」のエラーにはならないな。
何か勘違いがあるのでは？

>>153-154
すみません、type属性を省略しています
属性値がbutton、hidden、reset、submit、text以外の時はHTML-lintで文法違反になるみたいですが、これは仕様書のどこかに書いてあるのでしょうか
The W3C Markup Validation Serviceではtype="checkbox"としてもエラーは出ません
初期値はtextですが、type属性が指定されていないときもname属性は必須なのでしょうか

>>155
条件を後出ししないで初めから全て書いて欲しかったのだが。(初めから前ソースを出せば手間をかけることもなかった)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>XHTML1.1</title>
</head>
<body>
<form action="foo.php">
<p><input /></p>
</form>
</body>
</html>

確かに HTML-lint で「<input> には name 属性が必要です。 → 解説 86」を返す。

input[name] は XHTML1.1 では必須ではない。
http://www.w3.org/TR/xhtml-modularization/dtd_module_defs.html#a_module_Basic_Forms
だから、http://validator.w3.org/ では警告を出さない。

HTML-lint が警告を出すのは他の理由によるものだろう。
他の規約によるものかバグか作者の独自判断によるものか、正確には作者に聞いてみないとわからない。
書いてないものをこちらで勝手に予測するのは無理。XHTML1.1 の規定による警告ではないことは確かだが…。

×　前ソース
○　全XHTMLソース

文章の説明からXHTMLのソースを組み立てる手間を考えてくれ。

>>156-157
もうしわけございません
ありがとうございました。作者様に問い合わせてみます

>>158
出来たら報告をくれると嬉しい。結末が気になるので。

http://www.google.co.jp/
カーソルを持って行くとその枠が大きくなるこの技術はなんて言うものなんでしょうか？
もしやってもらうとしたらなんて言えば通じるのでしょうか？

>>160
「カーソルを持って行くとその枠が大きくなる技術」

これって言う用語はないってことですか？

アクセシビリティの低下

>>160
クリティカルな用語ではないが、あえていうならロールオーバー？

マウスに反応してあれこれするのを総称してそう呼ぶんだろうけど、
「枠が大きくなる」のに特に名前が付いているかというと果たして

カーソル接近時枠自動拡大技術

て呼んでます。

接近じゃなく接触だなｗ

名前がついてなくてもそのページを見せればイメージはつたわると思う。

こんなの作ってってよく言われたわｗｗ

Googleの原型がもはやないな

質問します。

ブラウザ上で選択してクリップボードにコピーする際に、
CSSがdisplay:noneであるような要素の内容もコピーされてしまうことがあります。
ブラウザ上で見たままのテキストをコピーさせたい場合に、
要素ごとにコピーさせるか否かを制御する方法はありますでしょうか。

無理じゃね？
どんな細工してもソース見れる奴ならコピー出来るだろうし

>>171
jsで消しちゃう

jsも万能じゃない
クリップボード関係はIE(JScript）しか制御できないだろう

removeChild でノードを削除する

質問いいですか？多分類似になるっぽいけど

studio8を持ってるんですが
一度も基本的な勉強をしたことがないまま
見よう見まねで実務に就いてる状態です。

この年末年始を利用して
一度ちゃんと基礎を勉強し直したいんだけど

Dreamweaver8の基礎を押さえつつ
Fireworksと連動させた「練習本」のオススメはないですか？

1.本屋へ行きます
2.自分の目で選びましょう

176じゃないけど、DWとCSSを学べる良い本あったら教えて欲しい、何冊か持ってるけど、初心者向けすっ飛ばしてしまった。
本屋で見ても両方となるとあんまりないんだ、大きい本屋も近くにないし

DWとCSSは別々の本でもいいので、CSSの入門書で良書があれば教えて欲しいです。
DWはCSSにも触れているとありがたいんだ。

本屋でチェックして、amazonや楽天でレビュー見てもいまいちピンと来るモノがないもので。

追記、DWはCS4です。

Dreamweaver CS5 スーパーリファレンス

HTML/XHTML&スタイルシートレッスンブック

作れる!わたしのWebサイト

なぜ初心者なのにDW買った？

>>158
作者からの返答はあったのかな…？

HTML+CSSある程度理解してたら
DWとかすんなり使いこなせるだろ

HTML+CSS初心者ならビルダーでも買えよ

DWの本って読んだことねーわ

HTML+CSS初心者が比較的新しいDW持ってるのは8割方割れ

メモ帳で開くと大丈夫なのですが、ナゼかphpファイルを開くと
全角の部分が文字化けします
思い当たる原因とかありｍすでしょーか？

ちなみにDreamweaverで開くとって意味です・・・。

ありｍせん

>>186
最後の行はこっちのセリフｗ
文字コードじゃねえの？

htmlのcheckboxでデフォルトでチェックが入っている状態にする場合、
checked属性には何を入れるのが適切なのでしょうか？checkedでしょうか？trueでしょうか？

>>190
ためしにfalseを入れてみれば答えは出るよ

>>190
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/forms.html#h-17.4
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.4.2

前任者の作ったサイトの変更作業をしております。
タイトル部分が
<MMString:LoadString id="insertbar/linebreak" />
となっているのです。

Adobe Dreamweaver CS4 * ローカライズされるストリングの提供
http://help.adobe.com/ja_JP/Dreamweaver/10.0_Extending/WS5b3ccc516d4fbf351e63e3d117f508c8de-7ffe.html

このあたりのことが関係していると教えていただいたのですが、読んでもよく分かりません＞＜
<MMString:LoadString id="insertbar/linebreak" />を消して、普通にタイトルにしてしまっても問題ないのでしょうか？
教えていただけると助かります。

>>193
問題あります。

CS5でサーバ上のファイル（wordpressのphp）を編集しながら
デザインビューでチェックしたいのですが動的関連ファイル設定は使えないのでしょうか？

wordpressのphpを編集する場合はローカル環境にサーバ構築しないとダメでしょうか？
よろしくお願いします。

持ってないけどCS5にPHPが組み込まれてるとは到底思えないわけだが

＞wordpressのphpを編集する場合はローカル環境にサーバ構築しないとダメでしょうか？
一般的にはそうするべきだと思う
サーバにテスト用のディレクトリを作って逐次アクセスして確認しながら作るやつもいるけど
普通はそれはやっちゃいかんね

>>196
回答ありがとうございます。

となると、複数人でやる場合は各マシンにCS5とApache+php+MySQL環境を作成して
それとは別にsubversion等でバージョン管理するって事なのかな

現状一人だから自マシンに全部構築すればいいのだろうけど
Apache+php+MySQL環境いれたら重くなりそう（+環境構築メンドイ）だったので
別マシンに既にある環境かテスト用レンサバをそのまま使いたいと思ったのですが無理なのかな・・・

重くないだろ…
8年前のボロですらそれら入れても余裕で動くというのに…
面倒ならxampでも入れとけ

>>198
ありがとうございます。

重くならないんですね。xampp入れてきますわ。

サービスの登録だけしないように注意すればOK

<table>
<td>テスト</td><td>赤点</td>
</table>

このテストと赤点の間にちょっとスペースを作りたいのですが
どのようにしたらよいのでしょうか？
間にもう一つ<td></td>を入れるのはナシで

>>201
marginでもpaddingでもcell-spacingでもお好きにどうぞ
ていうがググれよ何が「ナシで」だよ

そのレベルならDreamWeaverはムリ

>>201
<table>
<td>テスト</td><td>　赤点</td>
</table>

DreamweaverのFTPソフトを使ってパーミッションを変更するのってエラーが出たりしますか？
サーバーに接続できなくなりました。
やっぱりffftpのほうがいいのかな

テキストエリアのサイズをブラウザーのサイズに合わせて表示させたいのですが
CSSでできますでしょうか？

ふつうにwidthで

ふつうに%で

マウスが上に乗るとtable内のカラムの背景色が変わるようにCSSを作成しました。
example.css
div.target tr:hover {
background-color: #ffcccc;
}
example.html
<div class="target">
<table>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>
</div>
Firefoxだとうまく背景色が変更されるのですが、IE8だと機能していません。
何が原因なのかちょっとわからないのですが、問題あればご指摘いただけると助かります。

>>209
IE8が問題です。

こんばんは。
DW CS4を使用しています。
テーブルに画像を挿入すると幅が上手くそろいません。
教えて下さい。

1行8列（920×50）のテーブルを作成し、1画像（115×50）を
16枚用意し、ロールオーバーとして挿入しています。
各々のテーブルに挿入すれば、計算上115×8＝920
でキチキチに収まるはずなのですが、全てのセルで1ピクセルずれます。
余白、間隔、ボーダー共に0です。
※ロールオーバーではなく、各セルに1枚ずつ、計8枚であれば
ちょうど収まります。
なぜなんでしょうか？
宜しくお願いします。

dreamweaverＣＳ3です
画像・html・php・cgi等必要のないデータを削除しようとしてるのですが、そのデータがどこからも呼び出されていないか確認するにはどうしたらよいでしょうか？

>>210
なるほど。IEに問題があるわけですね。
そうなるとちょっとやり方がわからないですね。
IEでは出来ないということなのでしょうか？

>>209>>213
文書型宣言にURL入れ損ねてIE5モードになってるんじゃないの

>>213
頭に問題があります

ここで告白すんな

>>216
大好き

>>214
他の上位にしているクラスも含めて指定していくということでしょうか？

>>215
CSSの指定部分がおかしいということでしょうか？

>>217
ありがとう。本当に嬉しい。でも・・・

コンテンツをdiv"contents"で囲んで、その裏に背景画像を作ることで、
コンテンツ部分の左右に画像デザインを設置したいと思ってます。

ところが、bodyに背景画像を設置すると、ＤＩＶで囲んだコンテンツ部分の背景も、その背景になってしまいます。
"contents"の背景を白色にしても駄目でした。
どうしたら出来るでしょうか？

transparent

221様
レスありがとうございます。
ただ、すいません。説明下手でした。

コンテンツ部分にも背景の色をつけたいのではなく
背景の色がコンテンツ部分にもついてしまって困っているので、それを直したいのです。

http://oshiete.goo.ne.jp/qa/5120707.html
こちらの方と同じ現象のようです；；

>>220
白にしても白にならないんだったら、なにか間違ってる

>>220
>div"contents"
と記述してるってオチじゃないよな？

>>218
文書型宣言でぐぐれ

>>159
http://www.w3.org/TR/xhtml-modularization/dtd_module_defs.html#dtdelement_input.qname_2
問い合わせる前に仕様書をもう一度調べ直したところ
【submit、reset以外ではname属性が必須】とされている記述が見つかりました
読み漏らし失礼致しました

>>225
サンクス
宣言が間違ってたみたいで、直したらうまくいった。

プロの皆さま教えてください。

当方、スタイルシートとＨＴＭＬの段組で作ってます。

旧ＩＥへの対応は、どこまでするのがプロのお仕事なのでしょうか？

ＩＥ５やＩＥ６で表示がずれるのは、プロとしてアウトですか？

>>228
アウトですね。

IE5までサポートしちゃうのは人としてアウト

↑　230さん

レスありがとうございます。

IE5は無視してよい、ということでしょうか？
個人的にはその方が助かりますし、
今どきIE5を使ってる人はいないんじゃないかな･･･と思ってます。

>>231
プロなら3から対応

IE6とIE7だけ、phpのサイトで、画像の周りにボーダーが出てしまい、サイト上部に空白が出来て後ろの背景が見えてしまいます。
どうしたら直るでしょうか？

自己解決しました。

areaとmapで画像に幾つかのリンクを貼って、
通常クリックするとリンク先に飛ぶんだけど、
Javascriptで処理するだけの場合に
GoogleChromeだけで変な動きをします。

mapで指定した画像内のどれかのリンクをクリックして（javascriptで制限されているのでページは移動しない）
そのまま下のほうとかにスクロールします。
その状態で画面の何も無いところとか、他のリンクとかボタンとか何でもいいんで
ページをクリックすると、Area,mapがある付近に画面スクロールが勝手に移動するんです。
これ何とかならないですかね？

movabletypeで作成した新着情報ページを、TOPページのPHPで読み込んでます。

新着情報のRSSを設置して、トップページを開いているとき、アドレスバーの右にRSS登録ボタンを表示させたいのですが、どうしたら表示されるのでしょうか？

>>235です

clickの時のJavascriptでvoid(0)返すだけではなく、
返す前にblur()走らせると解決しました！！

はじめまして。こんにちは

fierworksで作った画像はＤＷに入れるときは画像の拡張子をpeg.gifなどに
変えないとダメですか？
それ自体はPNGなので入ってもインターネットでは表示されませんか？
初心者ですがよろしくお願いします。

ＦＷからＤＷへの画像の挿入のしかたはわかっています。

はい、だめです

>>238
結論から言うと拡張子を正しく変えるべき。

MIME typeってものがある。
Webサーバがコンテンツを送信するとき、そのコンテンツはどんな内容かを
クライアント（ブラウザとか）に知らせるための値。
HTMLだったら「text/html」、PNG画像だったら「image/png」、
謎のバイナリファイルだったら「application/octet-stream」とかになる。
ブラウザはこのMIME typeによって、「HTMLだから普通に表示しよう」だとか、
「これは知らないタイプだから『ファイルの保存』ダイアログを出そう」とか決めるわけ。

そしてファイルを普通に送信する場合、Webサーバはファイルの拡張子を
手がかりにMIME typeを出力する。
つまり、内容がPNGであったとしても、拡張子が.gifならば
Webサーバは「このファイルのMIME type＝種類はimage/gifです」と
嘘を言ってしまうことになる。

こういった場合、ブラウザが取る道は3つある：

1. 拡張子だけを信用する（→PNGをGIFとして読み込もうとするので表示されない）
2. MIME typeだけを信用する（同上）
3. ファイルの先頭を読み込み、その内容によって判別する

どれになるかはブラウザの種類や設定によって異なる。
成功するまで1〜3の全部を試すこともある（かもしれない）。
何にせよ、ファイルの内容と拡張子が一致していなければ
正しく表示できなくなる人は確実に出る。

助けてください
自分はＰＣ初心者です。
ＣＳ５でアップさせようと思って、いざサーバーって所でＦＴＰのアカウントとか
入れたけど、ホストに接続できないって出ます…
ＣＳ５のテキストを買って同じようにしてるのですが…接続できずに出てくるメッセは同じです。
何か、ここが悪いとピンポイントで指摘してもらえると分かるのですが
毎度、同じです。
windows7　で　ＦＴＰはLaCoocanというniftyです。
ソフトはＤＷのＣＳ５です。

全く分からないでいます( ﾉД`)

十中八九タイプミス

２４１です

タイプミス以外に何か考えられることってありますか？

タイプミスはないと思うのです( ﾉД`)

思いました
思いました

241です

タイプミスでした…すみません！
でもまた問題が発生しました…
テストサーバーは接続できたのですがファイル転送のときに
アクセスが拒否されたかファイルがないというメッセが出てきました
これはどうやって解除すればいいのでしょうか？教えてください( ﾉД`)

＞タイプミスはないと思うのです( ﾉД`)

＞タイプミスでした…すみません！

こういうタイプには何も教えない事にしてるんだ。
すまんな。

>>245
割れだとそう言うメッセージが出ます。
正規品を買い求めないと、adobeから連絡が

自社のサーバーで前任者が設置したサイトのあるページに入れなくて困ってます。
入ろうとするとＩＤ・ＰＡＳＳを聞いてくるのですが分かりません・・
ＦＴＰ上で.htpasswdの中身は空になってます。
.htpasswdが空の時は、どのようなＩＤ／パスワードを打ち込めば入れるのでしょうか？

この書き込み欄はそれを書くには狭すぎる

>>248
PHPに認証の設定が書かれてるんじゃね？
あとスレチだぞ、「突撃365毎日目標勝利」さん

TEXTAREA内で入力して、いくつか改行された文字をPHP側に送信した場合、
HTMLSPECIALCHARSを通しても、その改行は<BR>タグで表してくれてるんだが、
これって仕様？
どの時点で<BR>タグに変わってるのか知りたいんだが。

PHPスレとどっちがいいか判断付かなかったのでこっちに聞いてみました。

nl2br

>>252
ありがとうございます。
この関数は実行した覚えはないんですけど、PHP側が勝手に実行してくれてるのでしょうか？

ほかの方法で対処してたの忘れてました。忘れてください。

質問させて下さい。

flashlite2が動く端末向けに、
３キャリア共通１ソースにて、xhtmlで携帯サイトを作成しております。
その際の画像のwidth、heightですが、
ピクセルで指定しておいたほうがいいのでしょうか？

指定しておくと、画像が全て読み込まれる前に全ページ表示される為、
読込の体感速度が速いと思うのですが、
指定しておいたことでの不都合などあれば教えていただければ助かります。
よろしくお願いします。

お好きに

害はないということでしょうか？

マウスをdivブロックの上に置いたときの背景色を変えたいのですが、
div:hover{
background:#aaa;
}
としてもかわりません。
考えられる原因をあげてください。

>>258
お前がバカ

>>257
画像サイズが変わったりしたときの保守が面倒
あともし画像サイズが間違っていたらリサイズで余計遅くなる。それだけ

>>258
IE

Web製作に使用するモニターはどの大きさのを使っていますか
大きければ大きいほどやりやすいのか、24型のデスクトップにしようか
16型くらいのノートにしようか迷っています
個人的にはノートの方が省スペースで生活的に楽かなとは思っているのですが
実際のところどうなんでしょう
プロはやっぱり大きなモニターですかね

プロはさまざまなサイズを取り揃えています。

>>261
仕事で使うってのなら・・・
デスクトップ＋24を強力に推します。
ノートで16インチは、ガンジーでさえ「死ねーー！！」って叫びながら右ストレート放っちゃうレベルの嫌がらせ。
まぁどこまでをもってweb制作なのかってこともありますが。。。

私はメインで27・24・22(縦)使ってます。
ちなみに24で解像度1920pxよりは27で解像度1920pxの方がドットピッチが広くて見やすかったりします。

最低でもL997レベルはかっとくべきだな

初心すぎる質問でごめんなさい
http://hibari.2ch.net/test/read.cgi/hp/1290925772/のURLなんですけど
とりあえずフォルダ階層とか絶対パスとかはわかったんですが、↑のread.cgiの部分がわかりません
URLにCGI入れることでどうなるのでしょうか？

>>265
/hp以降はcgiに対する引数という位置付けだけど、
read.cgiというフォルダが実際にあっても別に問題はない

htmlメール内で、ページ内ジャンプを使うことはできるでしょうか？

<a href="#test">TESTへジャンプ</a>

文章.....

<span id="test">TEST</span>

こんな感じで目次と下の長い文章をメール内部でジャンプさせたいです。

板違い

てか、なんで確認しない・・・

質問です。
htmlでホームページ作ってたんですが、
途中でDOCTYPE宣言を入れ忘れてたのに気がついて
いろいろと入れてみたんですが、どのタイプを入れても
表示が微妙に崩れてしまいます。
DOCTYPE宣言入れたほうがいいんでしょうが、
正直面倒くさいんで入れたくありません。
ここ見てる人で入れてない人はいますか？

まあ正直仕事で作ってるわけでもないなら入れなくてもいいかも。

質問です。
複数のフォームに入力された文字を一つのボタンを押すことでそれぞれテキストとして表示したいのですが、どのようにしたらいいでしょうか？
<script type="text/javascript">
function print(arg){
document.getElementById("out1").innerHTML = "<br/>" + arg;
}
</script>
<input type="text" id="text1"/><br/>
<input type="button" value="print" onclick="print(document.getElementById('text1').value)"/>
<div id="out1"></div>
一つのフォームだけなら出来たのですが…

質問です。宜しくお願いします。
Flickrの画像をebayの出品フォームにアップしてみたんですが
画像のふちが紫で囲ってあるんですがその色を変えたいです。

何をかえたらいいんでしょうか？

<a href="http://www.flickr.com/photos/58861809@N04/5398909326/"
title="Hirano-Aya-1731 by esaki1, on Flickr"><img src="http://
farm6.static.flickr.com/5133/5398909326_515f8b7585_z.jpg"
width="640" height="512" alt="Hirano-Aya-1731" /></a>

素人ですいませんが、詳しい方お願いします。

>>272
JavaScriptなのでスレ違いですが、深夜に暇だったので答えてみる

<script>
window.onload = function() {
　　document.getElementById('print').onclick = function() {
　　　　var texts = document.getElementsByName('text');

　　　　for (var i = 0, l = texts.length; i < l; i++) {
　　　　　　var text = document.createTextNode(texts[i].value);
　　　　　　document.getElementById('out1').appendChild(text);
　　　　}
　　}
}
</script>

<input type="text" name="text" /><br/>
<input type="text" name="text" /><br/>
<input type="text" name="text" /><br/>
<input type="text" name="text" /><br/>
<input type="text" name="text" /><br/>
<input type="button" id="print" value="print" />
<div id="out1"></div>

>>273
imgタグにborder="0"を指定

divだけで、div内のテキストの量に応じて、borderの長さを自動的に綺麗に変えることって
むり？

縦の長さが伸びることには伸びるんだが、ちょっと短くてこまってるんだが。
テーブル使わなきゃ無理かな？

↑これはdivをdiv内に放り込んで、テーブルを表現してるようなレイアウトの場合の話です。

>>276
どこのborderの長さ？
普通はdiv内の量によって自動的に調節されると思うけど、こういうことと違うの？

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
div {
margin: 0 0 5px;
border: 1px solid #999;
}
</style>

</head>
<body>

<div>一行</div>
<div>一行<br>二行</div>
<div>一行<br>二行<br>三行</div>

</body>
</html>

>>278
ちょっと説明しにくいんですが、
<div>
<div>あいうえお</div>
<div>かきくけこ</div>
<div>あいうえお</div>
<div>かきくけこ</div>
</div>

↑こうやってdivをdivで囲むんんですが、これを一行4列のレイアウトにしたいと思っています。
中のdivについてはfloatをleftに設定して、一番外側のdivのborderを全部設定。
ここまではいいんですが、中の一つ一つのdivに区切り線を入れたいんです。

なので、中のdivに対してはborder-rightだけ設定していったんですが、
その縦線の長さが短いんです。
テキストが長ければ長くはなりますが、短いブロックは短いままなんです。

たとえば、
先頭列のブロック内のテキストが３行あったとして、他の列のブロックは1行分のテキストしかなかったとします。
すると、先頭列だけは3行分のborderが引かれますが、同じ行のほかの列に関しては、
一行分のテキストしかないので、borderは一行分の長さにしかなりません。

でも、その行自体の幅はその行で一番縦幅の長い先頭列の長さに合わせられてしまいます。
なので列ごとのborderの縦幅が違うというちぐはぐなレイアウトになってしまうのです。

何かアドバイスいただければと思います。

>>279
親divか、子divに定数値のheightを設定するしかないでしょうね。

もしくは、CSSでテーブルと同じことをする手もあります。
親に　display: table;
子に　display: table-cell;
と指定すればtableタグを使うのと同じことができます。
この方法がベストかも

>>280
ありがとうございます。tableでやってみます！

<a href="#">link</a>と
<a href="?#">link</a>と
<a href=".">link</a>と
<a href="">link</a>の違い、というかそれぞれの意味を教えてください。
ググろうとしても記号なので引っかかってくれません;

#はハッシュタグ
?はクエリ
./はカレントディレクトリの相対パス
""は指定なし

>>283
ありがとうございます。助かりました。

>>282
> #はハッシュタグ
ハッシュならわかるが、タグではないような…。Twitter のハッシュタグと混同しているような気がする。
正式にはフラグメント識別子と呼称する。ハッシュはURLとしての名前。

>>274
ありがとうございました。次から気をつけますm(__)m

CSSの:hover疑似クラスの記述の仕方について質問です

.sample1 { color: #DDD !important; }
.sample1 a:hover { color: #F00 !important; }

―略―
<a href="..." onclick="..." class="sample1"><span style="color: #FF0">◎</span>TEST</a>
―略―

と記述したらCSSのa:hoverが動作しなかったので
CSSの「.sample1 a:hover」を「a:hover.sample1」に変えてみたら、a:hoverが効くようになって希望通りの動作になりました
本題なのですが、いったいどういうことが関係して「.sample1 a:hover」が動作せず、「a:hover.sample1」が動作したのでしょうか？
多くのCSS解説サイトでは「.sample1 a:hover」が例として記述されていて、さらにそれはちゃんとa:hoverが効くものだったので気になったんです

.sample1 a:hover
<div class="sample1"><a 〜>〜</a></div>

そのソースなら
.sample1:hoverでも同じ

>>287
「.sample1 a:hover」は子孫セレクタを使っている。
http://zng.info/specs/css3-selectors.html#descendant-combinators

>>288-289
子孫要素なら親要素に包まれていなければならないし
CSS側ではスペースで区切ったことでa:hoverが子孫セレクタになってしまっていたんですね・・・
教えてくださってありがとうございます

初歩的な質問で申し訳ありませんが、教えていただけると助かります。

index.htmlの中に
<form action="input" method="post">
と書いてあった場合、inputとは、どこのアドレスを指すのでしょうか？

index.htmlと同じ階層に置いてあるinput.htmlでしょうか？

それとも、index.htmlと同じ階層に置いてあるinputというフォルダの中にある
index.html もしくは　index.php もしくは　index.cgiでしょうか？

同じ階層の「input」
input.htmlでもinput.cgiでもinput.phpでもinput.plでもinput.jspでもinput.aspでもない

その結果どうなるかはwebサーバの設定次第
上に挙げた中のいずれかが起動されることになるかもしれないし、
まるで違うスクリプトが動き出してwebサーバがシャットダウンするかもしれない

なおwebサーバの世界では基本的に拡張子というものはたいした意味を持たないので、
「index.html」を呼んだら画像ファイルが返ってきたりphpが実行されたり、ということもあり得る

すみません、top.htmlじゃなくて
http://www.yahoo.co.jp/top.htmlじゃなくて

http://www.yahoo.co.jp/
や
http://hibari.2ch.net/hp/みたいなURLをトップページにしたいのですがどうすればいいのでしょう？

.htaccess DirectoryIndex

質問
シフト押しながらエンターを押すと<br>タグを打てるって知ってた？

Wordでもなんでもそうだろ。Shift + Enter で改行。Enter で改段落。
Windows意外はシラネ。

ソフトウェアの設定によるものを知ってた？なんて聞かれても困るな

センターに大きなブロックがあります。、
こいつを<center>で囲むとちゃんと真ん中にきます。
ですが、そのブロックの左上隅にあるコンテンツを置きたいと思って、
大きなブロックにfloat:rightを設定すると、この大きなブロックは
右端に移動してしまいます。

大きなブロックの位置をセンターに置きつつ、float:rightを適用させる
方法はないでしょうか？

まあ左上隅にコンテンツをおければどんな方法でもよいですが。

わかりにくかった。
左上隅にあるコンテンツ
↓
左上隅に、「あるコンテンツ」を置きたい

という意味です。

>>298
Dreamweaverの質問というよりcssの質問だな
大きなブロックにセンター指定して、中のブロックにフロートレフト、右にフロートライト指定すれば良いんじゃないの？
余談だけど、さらに、その下にコンテンツを入れるためには回りこみを解除しろよ

二つのページ(携帯用とPC用)にSSIで同じメニューを呼び出しているのですが、
一方では一行ごとに改行、もう一方では改行せずに表示したい場合はどうすれば良いんでしょうか？
〈p style=white-space:nowarp:>かな？と思ってやってみたんですが改行されたままになってしまいます。

>>294
あざっす！

flvをWEBに埋め込みたくて、フリーのFlvPlayerを探してるんだけど
なんかお勧めあれば教えてクレヨン

ちなみに自分で探したのは、FLAVER、JW FLV PLAYER。

DreamWeaver CS5 を使用しています。

php_editorでいえばコードエクスプローラに該当するような
現在表示しているPHPファイルのユーザー定義関数を取得し、
一覧表示するような機能は無いのでしょうか？

ないです。

>>305
ありがとうございます

divの入れ子のレイアウトって限界あるよね？

3列の場合で、真ん中が異常に長かったりするとき、
片側だけ、回りこんでdivを放り込めなくなるんだ。

>>307
そんなことないよ。君のやり方が悪いだけ。

>>307
div使ったリキッドレイアウトは限界があるって言いたいの？

CS5を最近使ってます。
リンク先のアンダーラインを消す方法はどうするのでしょうか？

自己解決しました

てきすとでこれーしょん　なし

二分で自己解決する質問を2分くらいかけて書き込んでるのか…

質問です。
ttp://sein.rejec.net/m/design/sample/forget/main.html
こちらのWebテンプレートの右側の背景が見えている部分の上に、
花びらが舞うようなFlashを載せたいのですが、どうにもうまくいきません。
とりあえずFlashを作成して、ブラウザ上で表示されるようにはしたのですが、
黒い部分の後ろ側に背景として表示させることが出来ず、
コンテンツ部分がすべてページの下のほうにズレてしまいます。

背景として表示させる方法も色々調べたのですが、
どうにも出来ないので質問させてもらいました。

皆さんありがとうございます。
ちょっと伝わりにくいので、コードはります。
div.box1{
width:100px;
height:100px;
background:#222;
float:right;
}

div.box2{
width:100px;
height:300px;
background:#cc2;
float:right;
}

div.kaijo{
clear:both;
}

<div class="box1"></div>
<div class="box2"></div>
<div class="box1"></div>
<div class="kaijo"></div>
<div class="box1"></div>

http://www.2step-css.com/Begin/step4/item_135.html
↑ここの練習ページのリアルタイムエディタにそのままはりつけていただければ
わかると思います。

こうやってはいちすると、真ん中だけ長い3列のレイアウトができると思います。
やりたいのは、この両側に新たなdivブロックを入れることです。
ですが、今やってる方法だと、隙間に上手くはいってくれません。

どうすれば、両側の隙間にdivブロックを入れることができるでしょうか？

http://desperadoes.biz/style/dan/
こういう解説サイトが沢山あるから
「css レイアウト 3カラム」とかでググって勉強したらいいと思う。

レイアウトは難しいから、本気でやるならきちんと勉強した方がいい。
その場しのぎでいいならネットで探してテンプレをコピペして使った方がいい。

>>317
ありがとうございます！

基本は何もないブロックでブロックを囲んでから、隙間に入れろって感じですね！
思い通りのレイアウトができました！
助かりました。ありがとうございました。

<table bgcolor="red">
<th>こんにちは</th>
</table>

このテーブルの上にマウスが来たらbgcolorの色が変わるというのをやりたいんですが、どうしたらいいのでしょう？
CSSで hoverとやればいいのは知ってるんですが
<table style=""></table>みたいな形でやりたいのですが

style指定は無理。
CSSに書かないなら、JavaScriptでやるしかない。

<table bgcolor="red" onmouseover="this.style.background='blue';" onmouseout="this.style.background='';">
<th>こんにちは</th>
</table>

なるほどー、ありがとうございます

<tr>は省略できないよ

テーブルタグを使わずにcssで疑似的にテーブルを作った方がWebサイトとしていいと聞きました
そこで、カレンダーを作るんですが定義リスト（dl,dt,dd)とdivのどちらで作った方がよりスマートなんでしょうか？
きちんとdtの用語・解説・内容がddに入っているとき以外は、定義リストでテーブルは作らないものなんですか？
定義リストとdiv以外でのテーブル作成もあったら教えて下さい

div厨で検索するとよい

悪い事は言わねぇからtable使っとけ

>>323
これがスマートかどうかは知らんが
CSS
.cln{
width:498px;
}
.cln ol{
width:498px;
border-top:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
}
.cln ol li{
width:70px;
height:70px;
text-align:center;
float:left;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}
.cln ol li dl{
width:100%;
}
.cln ol li dl dt{
padding:5px 0 10px;
font-weight:bold;
}
.cln ol li dl dd{
padding:0 0 10px;
}
.cln ol li.fst dt{
color:#EE0000;
}

html
<div class="cln">
<ol>
<li class="fst">
<dl><dt>1</dt><dd>スタート</dd></dl>
</li>
<li>
<dl><dt>2</dt><dd></dd></dl>
</li>
<li>
<dl><dt>3</dt><dd></dd></dl>
</li>
<li>
<dl><dt>4</dt><dd></dd></dl>
</li>
<li>
<dl><dt>5</dt><dd></dd></dl>
</li>
<li>
<dl><dt>6</dt><dd></dd></dl>
</li>
<li>
<dl><dt>7</dt><dd></dd></dl>
</li>
</ol>
</div><!--cln-->
あとはliをダーと並べて。改行制限あるから省いた。
数字は適当に。pxでもemでも。リセットCSSとfloatのクリアもお忘れなく。
これで分からなかったらあきらめた方が良いかと。

あ・・・これ以外だったか(；´Д｀)
liの中をspanにするとか・・・。
でも俺ならdlで作ってしまうなぁ。

レスありがとうございます
なんでもかんでもdivは良くないみたいなので
>>326-327を参考にdlを使って作ってみたいと思います

カレンダーは表と見做していい気がするんだが

HTML5の超簡単なテンプレートってないですかね。
とは言ってもttp://html5doctor.com/html-5-boilerplates/#html_5_complete_compatibleのようなものではなく、bodyの中身が知りたいです。

というのも、昔どこかで「インライン要素は原則としてブロックレベル要素の中で使われる」というのを読んだのです。
(HTML5の要素に、インラインとかブロックとかいう概念があるのかは知らないですが。)
それに従えば、(body要素内の)文章は
<h1>aaa</1>
<a href="bbb">ccc</a>
ではなく
<h1>aaa</h1>
<section>
<a href="bbb">ccc</a>
</section>
という風になるのではないかと思います。

さらにこの予想が正しければ、HTML5の雛形は
<h1>1</h1>
<section>
aaa
<h2>1-1</h2>
<section>
　bbb
</section>
<h2>1-2</h2>
　(以下略)
</section>
となるはずです。

質問は3つで、
・この考えは合っているのでしょうか？
・合っているのならば、hxはsectionの中に入れるんでしょうか、それともhxに続けてsectionを置くんでしょうか？
・合っているにしろ間違っているにしろ、この問題を解説、または雛形を紹介しているページはないでしょうか？

>>323
>テーブルタグを使わずにcssで疑似的にテーブルを作った方がWebサイトとしていい

んなこたねぇ。

本来の目的以外にtableを使うのがNGなのさ。
カレンダーならtableでおけ。

リストにしときゃ、jsでフレキシブルなカレンダーにできるような気がしないでもない

>>331
全然違う

hoverを使ってある要素の背景色を変えたいんですが、
hoverって基本的にa要素しか反応しないんですか？

すいません。質問を変えます。
IEでhover時にdiv要素の背景色を変えるにはどうすればよいのでしょうか？

>>331
公式サイトあるし、解説もググればいっぱい出てくると思うけど
ttp://www.html5.jp/
ttp://hail2u.net/documents/diveintohtml5-semantics.html
ttp://codezine.jp/article/detail/5600

>>336
IEの話をするときはバージョンも書けよ。
基本的にはこれでできると思うけど

div:hover {
background-color: red;
}

>>338
ごめんなさい。
IE6,7,8です。
IEはa要素以外にhover効果はないので、それではできません。
他の方法でおねがいします。

>>330
>>332

俺もそう思う。
他をキッチリとしたcssで書いてて、カレンダーとか表になってる所はtableで書いてあると
「こいつ・・・デキる！」と思う。

まぁ>>326書いたの俺なんだけど。

ie7〜はa以外でもhover使えるはずだぞ・

>>339
a以外の要素に:hoverが使えないのはIE6だけです。
IE6は、まともな方法では無理だから、どうしてもやりたいならCSS以外でやるしかない。
「IE6　ハック」で適当にググってください。

ie7,8でやりましたが、div:hoverしても背景色は変わりませんでした。

疑うわけではありませんが、ie7,8でa要素以外でもhoverって本当に効きますか？

気を悪くしてると思いますがごめんなさい。

doctype

<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01 Transitional//EN">

はこうかいてるのですが、これではダメなのでしょうか？

>>345
これだ
ttp://backslash.ddo.jp/wordpress/index.php/archives/122

>>346
ありがとうございます！
このURLいるんですね・・・
ちゃんと反応するようになりました。ありがとうございました！

>>337
ありがとうございます！
「アウトライン」と言うのですね。

>>331
すみません。
「アウトライン」の概念を知らなかったので、変な説明になってしまいました。
インライン要素の話を引き合いに出しましたが、実際に知りたかったのはセマンティック
(というと正確には意味が違うみたいですけど)なHTMLの構造です。

<div class="sub_tit" style="width:850px;padding-left:10px;height:40px;line-height:40px;border-bottom:solid 5px #cc0000;color:#cc0000;font-size:35px;font-weight:bold;">
Payment
</div>
<p class="sub_text" style="width:820px;padding-left:20px;padding-right:20px;">I accept PayPal only.<br><br>Please payment is due within 5 days of auction end.
</p>

<div class="sub_tit" style="width:850px;padding-left:10px;height:40px;line-height:40px;border-bottom:solid 5px #cc0000;color:#cc0000;font-size:35px;font-weight:bold;">
Shipping
</div>
<p class="sub_text" style="width:820px;padding-left:20px;padding-right:20px;">
SAL: Free (2-4weeks)<BR>Registered AIRMAIL: $5 (1-2weeks) <BR>EMS: $15 (3-8days)<BR><BR>Combine ship OK!<BR>

</p>

無料テンプレ使ってるんですけど黒字の部分は小さい字で表示したいです。
どこいじったらいいでしょうか？
宜しくお願いします。

初心者なんですが
Ｗindowsのメニュー内のマイピクチャの画像一覧のような横スクロールバーの作り方を教えてください。
今は縦のスクロールになってます。あ　この書き込むボックスも横スクロールですね。　

>>349

<p class="sub_text" style="width:820px;padding-left:20px;padding-right:20px; font-size:10px;">
最後の「 font-size:10px;」を加えた。10pxでなくてもお好きな大きさに。

>>351

ありがとう。

a
---------------

b


と言う様にフレーム分ける方法はわかったのですが

a
---------------
b
---------------
c
という様に分けるにはどうしたらいいのでしょうか

<frameset rows="30%,30%,*">でやればいいという事はわかるのですが
aとbの間のボーダーは固定、bとcの間のボーダーは変更可能というようにしたいので
<frameset rows="30%,*"　noresize>
フレームa
<frameset rows="30%,*">
フレームb
フレームcというようにしたいのですがどうしたらいいでしょうか？

個人的な感情を言います。
インラインスタイルシートも文字サイズ固定も氏ね。

>>349
知恵袋のほうはどうするの？

>>353
noresizeはframeタグの属性
30%,*の中に30%,*があるとbは21%

>>355
あ、すみません
aとbの間のボーダーを無しにしたりってのが抜けてました

携帯サイトを作ってるのですが

携帯で見ると、リンク画像を選択時に画像周辺に枠が出ますが
この枠の色や太さを変えたいのです。
どうしたら変える事が出来るでしょうか？

個人的な意見として
与えられた条件に即応できない上に人様をどうこう言う口だけの低能はなる早で氏ねば良いと思うよ。

>>358
なる早ｗｗ

>>356
それはどう考えても>>355へのレスとしてはおかしいだろｗ

影ができるようなデザインの表を考えています
cssはこんな感じで書きました
このcssだと外枠が表示されないので、表示させられる方法があれば教えてください

.ver{
border-collapse: separate;
border-spacing:2px;
border:1px solid #333333;
}

.ver td,th{
padding: 5px;
border: solid 1px #333333;
border-width: 0 1px 1px 0;
text-align: left;
}

.ver th {
background: #999999;
}

>>361
自己解決しました…
すみません

ttp://www.newcredge.com/IT/www/html/tag/page/jump.html
＞ <meta>タグを使用することで、自動的に指定した秒数後に特定のページにジャンプさせることができます。
＞ <meta http-equiv="refresh" content="秒数;URL=URL">

こちらにこのような記述があるのですが<meta>タグというのはjavascriptによって動作するのでしょうか。
挙動がまるでjavascriptのようなので、htmlとjavascriptのどちらの範疇の技術なのか分かりません

もしhtmlによるものでしたら、ユーザー側でこの<meta>タグを使用しているページで<meta>タグを無効にするにはどうしたらいいのかお教えください

>>363
javascriptではありません

metaタグを無効にすると言うのをもう少し具体的に

>>363
HTMLだよ
どこも「まるでjavascriptのよう」ではないし、HTMLが「javascriptによって動作」なんてありえん
ところで「ユーザ側で、読み込んだHTMLのうち特定の部分を無視する」方法なんてあると本当に思うか？
ついでに無効にしたい理由と無効にするメリットを教えてくれないか？煽りじゃなくマジで理解できんので

>>363じゃないよ
危ないサイトに自動で飛ばされるのを防ぐため？

エスケープキーを押しつづける

自動で飛ばないように設定してやる

meta http-equiv（笑）

みなさんレスありがとうございます

>>364-366
javascriptではなくてhtmlなのですね

無効にしたい、というのは以下のサイトを閲覧しているときに勝手にページが更新され、それが鬱陶しいので閲覧者側で無効に出来ないのかなと思いまして。
ttp://stealth50.homelinux.net/2007/12/20133733.html

ソースには <meta http-equiv="refresh" content="600" /> とあります。
Proxomitronなどを使ってmetaタグを無効には出来ないでしょうか

カレンダーは表としてとらえても別に不自然じゃないし
table使ってもいいと思うけどね

8からCS5に乗り換えると幸せになれますか？

8からCS5にしたら僕は幸せになれました。

8からCS5にしたら彼女が出来ました。

8からCS5にしたら定員オーバーと降ろされました

DW CS5です
↓のように間にスペースを挟んだだけのテキストに
リンゴ　バナナ　メロン　イチゴ

↓のようにliタグを一括で挿入することはできないでしょうか？
<li>リンゴ</li><li>バナナ</li><li>メロン</li><li>イチゴ</li>

formで入力項目を並べるのにtableを使うのはどう思いますか？

tableならtable使うべき
リストならリスト使うべき

>>376
できます。

>>379
どうやればいいのでしょうか？

javascriptのスクリプト上で
<form>
〜
</form>
</from>
となってしまいますが、これって問題あったりしますか？

>>381
formが入れ子になることはできないから終了タグが多いくらいでブラウザは変な動作しないはずだけどHTMLとしては間違ってるんだから「なってしまう」ならなってしまわないように直せよ

>>370です。
このタグはProxomitronのAnti-Auto-Refresherルールを使って無効に出来ました
お手数とご迷惑をおかけしてしまってすみませんでした

DW Cs3 使ってます。
デザインビューが使えないのですが、理由はなんでしょうか？
コードビューしか使えません。

>>384
どういうふうに>使えない　のか解らないので
答えようがありません。

>>376
これのやり方をご存じの方がいましたらご教授お願いします

>>386
ご教示

なんかのテキストエディタ使って行頭とスペースと行末を処理しろよ

>>384
割れだと使えません。

tableで

|----------------|------------|
|　　　　　　a　　　　　|　　　　　　　　 |
|----------------|　　　　b　　　　|　
|　　　　　　d　　　　　|　　　　　　　　 |　
|----------------|------------|
こんな感じにしたいのですが、どういう風にしたらいいのでしょうか？

>>389
縦線をがたがたにするのは無理ですね。

>>389
rowspan
http://www.tagindex.com/html_tag/table/td_span.html

線じゃなくて形的にこんな感じに

>>392
そんながたがたな形にするのは無理ですね。

>>393
そういうのいらないから

>>391
ありがとでしゅー

393みたいなの見ててすっごいうざい

>>394
たしかに、そんながたがたにする方法は必要ないよね

>>390
そうでもない

なぜそんなに突っかかるんだ？
>>389はごく標準的な質問者だと思うんだが。

　　　　　　　　　　　YES　→　【ヒットした？】　─　YES → なら聞くなよ。死ね。
　　　　　　　　　／　　　　　　　　　　　　　　　　＼　　
【検索した？】　　　　　　　　　　　　　　　　　　　　　NO → なら、ねぇよ。死ね。
　　　　　　　　　＼　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　 NO → 死ね。

>>400
それがまともだと思っているのか。

初心者で申し訳ありませんが
ホームページを作成するとき
どうしても上が１行あいてしまいます。
上から隙間無くしたいのですが
どうすればよいのでしょう？

>>402
html, body { margin: 0; padding: 0; }

>>402
一番上の行を消す

>>402
http://okwave.jp/qa/q6516296.html

質問失礼します

cssのdisplayのblockで作るメニューバーをDreamweaverCS4で作ろうとしているのですが
デザインビュー・ブラウザでプレビューすると正しく表示されるのですが
Dreamweaverのデザインタブでみるとレイアウトが壊れています･･･
スクリーンショットを撮ってきました
http://www.gazo.cc/up/28232.jpg
http://www.gazo.cc/up/28233.jpg
黄色で囲っている所が同じ部分です。
参考書ではデザインタブ･デザインビュー･ブラウザでプレビューは全部同じに表示されています
参考書に付いてるCDの中の完成品なので何もいじくってはいません。

文字をリンクタグで書いて、ボックスのwidthとheightを指定して
text-indentを-9999ptにして、displayをblockにして、背景に画像を設定して
floatをleftに、という感じで作られています。
おかしくなってる部分だけ上記の設定とclearをbothに設定してあります。
作業しにくく、困っています･･･orz
長文失礼しました

なぜかエラーがでる時が多いので別のサイトでUPし直します
http://freedeai.saloon.jp/up/src/up3458.jpg
http://freedeai.saloon.jp/up/src/up3459.jpg

>>406
「観光スポット」の背景画像パスとかその辺を
確認してみたらいんじゃね？

>>406
ああ、割れだとダメらしいよ

回答ありがとうございます。
>>408
bothをなくせば背景画像が表示されるので多分間違っていないと思います。
>>409
割れというと海賊版みたいなものでしょうか？
学生の頃にアカデミー価格で購入したものです。

>>406
>デザインビュー・ブラウザでプレビューすると正しく表示される

ここがもうあやしいからまともに相手してくれないんじゃね？
すべて一致したら、だれも苦労しないし、DWは神ソフトになるわ。

ここにいる人は（多分）デザインタブ、デザインビューなんて
あてにしてないと思うぞ。

納得できないなら、作者か出版社に問い合わせてみろ。
十中八九、ねつ造だと思う。

>>411
全てが一致しない事はよくある事なんですね
勉強になりました。ありがとうございますorz

goliveがoperaのレンダリングエンジンを使ってたような記憶があるがそこらへんドリに受け継いでくれちゃったりしないもんだろうかなぁ

ライブビューはWebKit採用でSafari同等だよ

Dreamweaverの設定？について質問なんですけど
cssで } を入力すると自動的に左詰になるよね？
div{
}
みたいな感じで。
それを、
div{
(タブスペース)}
という形にしたいんだが・・・自動的に}が左詰になるのをかえられないかな？

書き忘れましたがバージョンはCS5です。

test

すみません、規制解除したかどうかテスト送信してしまいました。
質問です。

アンカータグでページ上部にページ内ジャンプする場合についてです。
<a name="pagetop" id="pagetop"></a>とかしますね。

その際、aタグの中を上記のようにカラにしていたら、
Windows7/ IE8の時だけ動作しないことが分かりました。
Mac OSXでは各ブラウザ、vistaでも各ブラウザ動作します。

ANAサイトのトップページ<http://www.ana.co.jp/>では、
cssレイアウトにも関わらず
<a id="PAGETOP" name="PAGETOP"><img src="/common/image/spacer.gif" width="1" height="1" alt="PAGETOP"></a>
と1pixの透明GIFを置いています。
Windows7/IEでの動作不良回避策かなと。

ちなみに<h1></h1>などをaタグの中身に設定すると動作しませんでした。
そこで関係ない画像を挟んでみたところ動作はしましたが
cssレイアウトのためかDreamWeaver上でのレイアウト画面が
著しく崩れてしまいます。
更新作業はクライアント側で行うために、これは避けたいところです。

なにか回避策があれば教えてください。
ちなみにヘッダ部分はLibraryにして、更にページ全体にはTemplate機能も使っています。
問題のaタグはLibrary内に記述しています。

>>418
a要素の中にブロック要素は入れられないよ
素直にh1にid設定すればいいんじゃない？
こっちはWindows7/IE8で普通に機能するけど、再現出来るソースは？

>>419
ありがとうございます！
<h1 id="pagetop">ロゴ</h1>
で動作しました。
<a>を使わないとだめだと思っていました。

>>415
かえられるよ

>>421
どうやって？

簡単に教える訳にはいかないな

>>423
了解。ここがそういうところだと思わなかったよ。
他で聞いてみます。

そうしてくれ

聞いてきました。ここはもう用なしです。

>>426
良かったな。
そうやって、自分で調べると言う事を教えたかったのだよ。

自分で調べることも重要だけど、このスレッドの存在意義を真っ向から否定してるよね。

もしかして今マジレスした？

したよ

>>428
甘やかすだけが優しさじゃ無いんだよ

>>431
具体的なアドバイスは何一つせず、「簡単に教える訳にはいかないな」で済ませるだけなら誰でも出来ると思うけど、それが回答者のあるべき姿なの？

前略、それが質問者のあるべき姿なの？

略されたら何が言いたいのかわからん。

るせー後略

ヘッダーとフッターが固定で（現在地で微妙に変わる程度）
サイドがコンテンツごとに切り替わります
こういうのってテンプレートがいいのでしょうか
ライブラリがいいのでしょうか？

画像を貼り付けてその上に文字を入れたいんですけどどうしたらいいですか？

初めてホームページを作ってみようと思い、alphaEDITというソフトを使ってホームページを作ろうとしているのですが画像がうまく表示されません。
htmlは

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title></title>
</head>
<body background="../../koiki/myhomepage/image/kabe.gif">
<p><img height="401" alt="" src="sora.jpeg" width="535" border="0"></p>
<p>青空です。</p>
</body>
</html>

となっています。
プレビューや外部ブラウザではきちんと表示されるのですがインターネット上だと背景も画像も表示されず真っ白です。

解説サイトや本などを見るとhtmlに原因があるようなのですがどこがどうおかしいのかよくわかりません
原因がわかるかたがいらっしゃったら助けてください。

・画像もアップロードしたか
・http://hibari.2ch.net/test/read.cgi/hp/1296794731/195-196

さすがにそんなミスしないだろー
バカにしすぎ

画像を横に並べて表示したいんですがどうしたらいいんでしょうか？

<div style="width:100%;text-align:center">
<div id="wrapper" style="width:860px;margin:0px auto;font-family:Arial,
Helvetica, sans-serif;font-size:23px;color:#000;text-align:left;">
<table><tr>
<td><a href="http"><img src="http/></a><br><center>文字列</center></a></td></table>
<table><tr><td><a href="http"><img src= /></a><br><center>文字列</center></a></td></table>

素人ですいません。詳しい方おしえてください。お願いします。

＜ｂｒ＞を削除

いろいろちがうね
これでおｋ

<img src="" /<img src="" />

<img src="" /><img src="" />

ありがと

XHTMLは終了タグ省略出来んよ

<img src=images/aa.jpg>
前からずーと気になってて調べても分からないので質問させてください。
まだアップしてない状態でブラウザで確認してるのですが、Google ChromeとFirefoxでは画像が表示されます。
Internet Explorer 8で開くと画像だけが表示されません。何が悪いんでしょうか？？

関係ないけど引用符とalt属性忘れてるよ

>>439ありがとうございます！
サイトを参考にいろいろいじったらできました！

dreamweaver　CS3を使ってます。
サイトの左側のメニューボタン部分はCSSが正常に動いているのですが
右側のコンテンツ部分だけ、Dreamweaver上でだけCSSが正常にレイアウトが出来ているのに、ブラウザではサーバーに上げてもCSSが機能してません。
なお、フォームを使ったアンケートページです。

どうしたら直るでしょうか？

cssを正しく設定してやれば直るよ

すみませんお聞きしたいのですが、
製品版を購入し今学生証画像を送付してアドビからのシリアル返信待ちです。
自宅のPCに入れている体験版の期限が切れてしまったのですが、作業で必要です。
ネットカフェや漫画喫茶のPCでも、
会員登録を別のアドレスで行なえば体験版の使用は可能でしょうか？

いいえ、できません

抜け穴の幇助してくれと言われても教えてもらえるわけないでしょう・・・
メリットがないのに誰が好き好んで危ない橋を渡りますか

ないとしか言えない

<div id="container">

<div id="header">
<a href="index.html">
<img src=".." width="300" height="70" class="logo" alt=".." /></a>
</div>

この場合の</div>はどちらの<div>に対応しているんですか・

内包された方さ

すみません。教えてください。板違いかもしれませんが他に適当なところがなく･･･難民です。

Macを新しくしたのでDreamweaverMXは使えなくなってしまいました。
新しくDreamweave CS5を買う予算もないので、iWeb、FreewayPro、Rapidweaverやらの試用をしてみましたが
テーブルひとつろくにつくれません。特にFreewayProは制限つきまくりで試用できない状態。
miやCodaで手打ちでやるしかないのでしょうか？

用途は、外部リンクとかのある簡単なメンバー表をつくりたいのと、
過去に自分がDreamweaverMXで作成したHPを更新することです。

テキストエディター最強伝説！
ソフトに頼るんじゃねーよ禿！

<　　　　　div id="head"　　　　　>
<　　　　div id="contents"　　　　>
<div id="main">　<div id="menu"> mainとmenuはcontensの中
float:left;　　　　　　　float:right;

こういうレイアウトでページの背景には
画像でパターンを繰り返して、
コンテンツの部分には白の背景をしています。
ですがコンテンツ内容の少ないページでは
背景色background-color:#FFFFFF;が
コンテンツの最後の部分で切れてしまいます。
これをCSSでブラウザの下いっぱいまで伸ばすには
どうすればいいでしょうか？
伝わりにくいかもしれませんがよろしくお願いします
つまりは何もなくてもブラウザの下まで背景白が伸びてほしいです

>>460
こういう話かな？clearfixと呼ばれる手法での対処法
http://blog.d-spica.com/entry/070307clearfix.html

>>450
違うFTP使ってみたら。
内蔵してるやつじゃなくて

>>462
なにが変わるの？

すみません。
youtubeをブログに埋め込んだ時、画面を上にスクロールしたら、
埋め込んだyoutubeだけが最前面に表示されるのが嫌で、背面に直したいのですが。。。
対応できるCSSとかありますでしょうか＞＜
Firefoxでは問題なく背面でスクロールするのですが、IE8では最前面になります＞＜
初心者ですみません。。。

テンプレート内だけで使える変数ってできませんか?
いろいろ使い回すので変数にしてるのですが
<!-- TemplateParam name="サイト名" type="text" value="〜サイト名〜" -->
これだとテンプレートを変更した時に、他ファイルに反映されないのです。

なんのテンプレートだyp

Dreamweaverです。

-- template.dwt --

<!-- TemplateParam name="サイト名" type="text" value="〜サイト名〜" -->
<title>@@(サイト名)@@</title>

これを index.html に適用させてます。
ただ、元のtemplate.dwt の"サイト名"を変更しても適用時の値がそのまま残ってしまって・・
もっとも残るのは当然だと思いますが、テンプレート内だけで有効な変数とかって
できないでしょうか? (コピーペーストすれば済む話ではありますが・・)

マジで言ってる意味が分からない

置き換えしかないな

フロートによるレイアウトがうまくいかないので教えていただけるとありがたいです。

↓左のように配置したいのですが、右のように下にずれてしまいます。
#Area_cでclear: bothでフロート解除していますが、#Area_dで
どう設定してもうまくはまってくれません。
違う設定をしなければだめなのでしょうか？　よろしくお願いします。
http://up.cool-sound.net/src/cool20514.jpg

そりゃArea_cで左右解除したならdはカラム落ちするんじゃないか？

>>470
#Area_c で float を指定してないんじゃない？
#Area_c で clear しなくてもいい気はするけど。

>>470
難しく考えすぎなんでは？

#contents { width: 900px; }
#Area_a, #Area_b, #Area_c, #Area_d { float: left; width: 400px; }

これだけでいい。

>>467
変数にする理由は何？

<FORM>
<TEXTAREA rows="4" cols="40"></TEXTAREA>
<input type="submit">
</FORM>

とあるのですが、この送信するのをボタンではなく <th>〜</th>のエリアにしたいのですがどのようにしたらいいのでしょうか？

レスありがとうございます。

>>469
とりあえず置き換えでしてみます

>>474
3箇所ぐらいに使用してるので変数にしました ; ;

もっと勉強したらいいよ

DWには定数はない

>>476
サイト名をサイト名2とかにしてやればいんじゃねえ？

CSSの質問なのですが
<h3><img src="icon.gif"> タイトル</h3>

文字の高さを中央に揃えたいのですがどうしたらいいですか?

vertical-align

>>475
あまり質問の意味が掴めなかったけど、<th>〜</th>のあいだに<input type="submit">を置けるのか？
という質問であれば答えはおける。
ただし、文法的には激しく意味不明。

>>480
というか、そもそもhtmlがおかしい。
アイコンはbackgroundに配置しようぜ。

h3{
padding:0 0 0 20px;
background("../images/icon.gif") no-repeat 0 50%;
}

paddingの数値は適当だから、アイコンの大きさみながら適当に。
縦位置が微妙だったら50%の部分を増減させて調節すればいい。

>>482
なるほど ありがとうございます。

>>471, >>472, >>473
お礼が遅くなりすみませんでした。時間がとれずまだ試していないのですが、
>>473のやりかたで上手くいきそうだと思いました。
ありがとうございました！

>>482
実は>>475はJavaScript質問用スレにこっそり移動していて解決済み…。
質問者も一言いえば良かったのにね。
http://hibari.2ch.net/test/read.cgi/hp/1298561109/252-258n

DWCS3のライセンス認証番号って廃止されたの？

サイトで小説を載せています


今まではテキストエディタのマクロ機能で全行に<br>タグを打ち込んで改行を実現していたのですが
iPhoneで開いてみたところ

ここからここまでが本
文です

と言うように変な風に改
行されます


テキストの表示領域の差が原因だと思われるので、<br>タグ無しで
ある程度の文字数や何かで自動改行するように設定したいのですが
marginやtableは使わず、これを実現する方法が分かりません。

どなたかご教授お願いします

ちょっと情報が足りない。

ここからここまでが本
文です
の「本」の右にはまだスペースがあって、そこまでいっぱいに表示させたいってことでおｋ？
いや、でもその場合は
ここからここまでが本文
です
みたいに文節で改行されるはずだな。

「本」の右にスペースが無いなら文字サイズ小さくしないと無理だぞ。それ以上横に表示できないんだから。
あと、普通はブロック要素に文字いれると指定幅（ブロック要素の）で自動改行はいるよ

>>488
ううむ、例がかなり悪かったです…ごめんなさい

ここからここまでが本文です<br>
と言うように変な風に改行されます<br>

と指示通りにならないのでいっそ

ここからここまでが本文です。と言うように変な風に改行されます

という一文を画面の幅に合わせて自動的に改行されるようにしたいんです。
PCのブラウザで画面の端から端まで文字を並べると
読むときにかなり目が疲れるのである程度の文字数で自動改行を挿入したいのですが…

すみません、ブロック要素の件を見逃してました。
ありがとうございます、出来ました

日本語の文節の途中に<br>ぶっこんで改行してたのか。
そりゃずれるわ。

数年ぶりにhtmlをいじることになったのですが
巷ではもうhtml5でコーディングの時代なのでしょうか？
それともまだ4.01やxhtmlあたりでも問題ないのですか？

html5オンリーですね

>>493
ありがとうございます！
久しぶりにエディタとにらめっこしてきます。

スレ違いかもしれませんが、適切なスレがわからなかったのでこちらで聞きます。
他のサイトに行くときに、ブックマークからアクセスしてる、または
ような偽装はどのようにすればできますでしょうか？

ブラウザで設定する方法ではない方法でお願いします。

串

串もなしでお願いします。
ソースに付加するようなものがいいです。

まぁたお前はここでUA何とかをやる気かよ
帰れ

どうせ長くやるんだろうから、トリップぐらいつけなよ。でないと他の質問者の迷惑になる。

他のスレでははぐらかされたのでここに来ました。ここが最後の砦です。どうかお願いします。

Webサイト制作初心者用質問スレ part223
http://hibari.2ch.net/test/read.cgi/hp/1296794731/297n-
△▲　WebProg 初心者の質問 Part23　▼▽
http://hibari.2ch.net/test/read.cgi/php/1294318320/173n-

スレ違いです、お引き取りください

>>500
この板の答えとしてはできませんと言うしか。

初心者です。
とあるソースを見ていたら、
n 一文字のタグが出てきたのですが
HTML一覧でさがしてもわかりません。
どなたか教えて下さい。

>>503
スレ違いです。

例えばこんなこともできるんだぜ

<html><head>
<script>
document.createElement("hoge");
document.createElement("piyo");
</script>
<style>
hoge {
color: red;
font-size: 3em;
display: block;
}
piyo {
color: blue;
font-weight: bold;
display: block;
}
</style></head>
<body>
<hoge>あいうえお</hoge>
<piyo>かきくけこ</piyo>
</body></html>

>>505
そういうときはせめてXHTMLにしないか？
DTDがないし、hoge, piyo がどういう要素かブラウザにはわからない。

DTD書くのめんどくさかった
すみませんですた

fc2でホームページ作り始めたんだけど
htmlはもう出来てるんだけどアップロードにFTPが必要で
FTPとゆうのはアップロードに使うらしいんだけど
fc2のページ上に参照とアップロードのボタンがある場合はFTPとゆうのはいらないの？

管理画面のページでブラウザ上でアップロードや編集ができるようになってる。
FTPのソフトを使ってアップロード・ダウンロードをすることもできるはず。
FC2のヘルプでも読め。

なぜここできいたし
こっち池
http://hibari.2ch.net/test/read.cgi/hp/1296794731/

CS5使ってるんだけどcssで
> で指定すると反映されないのだがそういう仕様?

ul#list > li {
----------
}

うん

DreamweaverでCMSで言うカスタムフィールドみたいな機能ってありますか？

うん

>>514
それは、どういったワードで検索すればいいでしょうか?

カスタムフィールド DW

知らないならレスしなくていいのに

Dreamweaver CS5のアップデート エラー。このエラーはwin、mac、OSは関係ないようです。
グーグル先生は再インストールしなさいといっていますが基本設定の再設定が面倒です。
解決策はありますか。Adobeにはありませんでした。

>>518
困ったときは再インストしたほうがいい。
うまくいかないときはOSから入れなおしてみろ。
それくらいなんの手間でもないさ。今の日本の状況にくらべたら。

>>518
基本設定を削除する事でアップデートできる可能性があります。

Dreamweaver CS5 Mac版を購入してようやく勉強を始めた者です。

新規作成からページのレイアウトを選択してデフォルトのレイアウトに
画像を貼ったりするだけでサイトがゴリゴリ作れるので感動しているのですが
CSSがすべてHTMLに直接書きこまれていることに気づきました。

CSSパネルから「新規」で外部ファイルに書き出せるかと思ったのですが
そのやり方だと新規に関数を作って外部ファイルに書き出すだけで、いままでの
デフォルト生成されたスタイルごとまるまま外部CSSにする方法が分かりません…
もしよろしければヒントください。よろしくお願いします。

>>521
カッペでおｋ

以下のようなテーブルで、IE7ではどうしても「あああ」のサイズが「aaa...」のサイズに影響され、指定したサイズになってくれません。
IE8なら治るのですが、mshtaで使いたいのでie7のエンジンでうまく表示しなくてはなりません。
なにかよい方法はありませんか？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
table, tr, td {border-collapse: collapse; border: solid 1pt black;}
td.left{ width: 60pt; text-align: right;}
</style>
<script language=javascript type="text/javascript">
document.write(navigator.userAgent);
</script>
</head>
<body>
　<table style="width: 100%;">
　　<tr>
　　　<td class=left>&nbsp;</td>
　　　<td colspan="2"><div>aaaaaaaaaaaaaaaaa</div></td>
　　</tr>
　　<tr>
　　　<td rowspan="2" class=left>&nbsp;</td>
　　　<td style="width: 40pt;">あああ</td>
　　　<td>t</td>
　　</tr>
　　<tr>
　　　<td colspan="2">&nbsp;</td>
　　</tr>
　</table>
</body>
</html>

わーどらっぷ

DWCS3のライセンス認証番号って廃止されたの？

＆amp;をHTML上に&ではなく＆amp;と表示するにはどうすればいいですか？
そのまま書くと&と表示されてしまいます。

＆amp;amp;でいいじゃん

>>526
&amp;

なるほど&をampで書いて、そのあとにamp;ってことですね。
言われてみればその通りでした。
ありがとうございます。

>>524
指定した幅にならないのは「あああ」の方なので、
それだとうまくいきません…

>>530
じゃあ、できないって事で

そういうのは表じゃないからテーブルタグ以外で表現したほうがいいんじゃね？

NHKなんかで、災害支援などに役立つサイトのURLを紹介しているが、「index.html」まで読み上げるのやめれ。
俺たちなら省略できることがわかるが、本当に支援が必要な
じいさんばあさんが、最後まで間違わずに入力できるとは
とても思えん。

それより、ワードで検索させるほうがいいんじゃねーか？

それをこんなとこで吠えられましても・・・

>>534
いやいや、無関係じゃないぞ。
クライアントにサイトのURLをちゃんと教えてないウェブマスター
も多いはずだ。もしくは、コピペでindex.htmlまで入れて通知してるとか。

ユーザビリティを意識出来ないと、この先まずいことになる。

無関係すぎる
愚痴スレじゃねえんだよここは
>>1嫁

↓のサイトのように、ポップアップして
次々に画像ファイルをみられるページを作りたいのですが、これはjavascript等を
使っているのでしょうか。。
このソースでおk！というお答えがもの凄くありがたいですが、ヒントでも大歓迎ですので
教えてもらえると嬉しいです。よろしくお願いします。

ttp://www.h7.dion.ne.jp/~okome/cn6/cn20/gallerytop.html

LightBoxでググレ

>>538
LightBoxっていうんですね〜
いろいろありますね、調べてみますわ、
ありがとう！

infoseekが終了し、yahoo geocitiesに引越ししたのですが
http://www.geocities.jp/zeldaclassic1/
「ゼルダクラシック」で検索した場合前はトップだったのに、今回はいつまで経っても順位が上がりません
どこかおかしいところがあるのでしょうか？

親子要素のない左右のカラムの高さ合わせることできますか？

左<side> 　右<main> 二つの親<base>

って感じです。ちなみに親にも高さ設定してありません。

>>540
宣伝乙

>>541
テーブルでくくって、セルの小要素の高さを100%にすればいいのでは

>>540
頭がおかしいです

>>519 >>520
ありがとう。

多くのユーザーが困っているのにAdobeはサポートもなく無責任。

正規ユーザーはちゃんとアップデートできているようです。

>>533>>535
IEの存在があるからな……リダイレクトすればいい話だけど

>>546
マクロメディアからの正式ユーザ。
無責任な煽りはやめれ。

DW CS5です
複数のページに、<h3>タグが複数、あるいは一つだけ使われているとします
そのページの<h3>タグの内、ページの一番上にある<h3>タグだけを一括で
<h2>に置換することはできないでしょうか？

できるよ

>>550
どうやればできるのでしょうか

一番最初に出てきたh3をh2に置換すればいいんだよ

↓のようなページがたくさんあって、そのページの一番上の<h3>タグだけを一括で<h2>に置換したいのです。
<bady>
<h3>くだもの</h3>
<h3>りんご</h3>
<h3>バナナ</h3>
</bady>

↓つまりこのようにしたいです。
<bady>
<h2>くだもの</h2>
<h3>りんご</h3>
<h3>バナナ</h3>
</bady>

綴り間違えました
×bady
○body
です

>>553
うん、わかるよ

>>555
>>553はできるのでしょうか？また、できる場合はどのようにやればできるのでしょうか？
やり方を知っていましたら、ぜひともお教え下さい
それと、>>553では「くだもの」「りんご」「バナナ」という言葉を使っていますが、
そのページによって言葉は別のものになっていますの

preの中にcssでboxを作っています

div.box {
margin-top:20px;
}

しかしながらmargin-top:20pxが効きません。
margin-topを有効にすることは可能でしょうか？よろしくお願いいたします。

最後の行の文末に一文字余計に入ってしまいました
気にしないで下さい

>>556
うん、できるよ

さっきからこの馬鹿は面白いとでも思ってやってんのかね

>>560
わからなくて質問してる人に馬鹿とか言っちゃいけません

>>561
反対じゃね？

>>562
そうか、もっと馬鹿にすればいいんだな

>>563
お前おもしろくないよ

>>564
あ、このスレってそう言うスレなんだ？

わからなくて回答している人にも優しくする必要はあるのかな

DWは使わないんでスレチの発言になってたらｽﾏｿだが
<body>
<h3>くだもの</h3>
のように確実に<body>タグの後に変換したい<h3>があるなら
検索置換の正規表現を使えば出来たとｵﾓ
具体的なやり方は忘れてしまったんでググってくれ

>>567
確実には無いです
正規表現でできるのなら、書き方を教えてください

>>549,553
こんな感じかな。
上の人は「わかるわかる」書かないで回答すれば良かったのにね。

var s = '<body>\r\n<h3>くだもの</h3>\r\n<h3>りんご</h3>\r\n<h3>バナナ</h3>\r\n</body>\r\n';
s = s.replace(/(<body>[\s\S]*?)<h3>([\s\S]*?)<\u002Fh3>/i, '$1<h2>$2<\u002Fh2>');
alert(s);

>>569
やってみましたができませんでした
いい加減なこと書かないでください

教えてくんは帰れよ
いちいち煽り文句つけるくらいなら人様に聞くなゆとりが

>>571
すいません、答えられないなら黙っててもらえますか？

>>570
試した上で書いてるんだけどね。いい加減な返事をしないでくれるかな

>>549です
それっぽい書き込みをしている人がいますが、私が今日書き込みをしたのは初めてです
念のため今後はIDを出しておきます

>>567>>569
正規表現は使ったことが無いのですが、
>>553は一例で、必ずしもbodyの直後に<h3>が来るとは限らず、
また、<h3>同士の間にも色々なタグなどが入り交じり、テキストもそのページによって様々です
そういうページでも正規表現で置換できるでしょうか？

>>574
<body> の直後に何が来ようとも置換できる。
http://jsfiddle.net/XrFYu/4/
記述に一定の法則があるなら正規表現で置換できると思うよ。
(DWは使ったことがないからDWの使用法は他の人に解説を譲る。)

>>575
ありがとうございます。
ちょっと難しそうですが調べてやってみます。
他に、DWを使ったもっと簡単なやり方などがありましたら、引き続きよろしくお願いします。

丁寧になったけど言ってる事は変わってないｗｗ

↑はわからなくて煽っている人の典型

あおりは一人だろ。結構前からいるが、皆スルーしてた。
これからもスルーで。

ttp://www.geekologie.com/image.php?path=/2009/07/22/computer-hardware-2.jpg
この画像を落とす方法教えてほしい
画像で落とせなかったの初めてだわ・・・

事故解決しました
しかしＵＲＬの仕組みは理解不能

http://www.geekologie.com/2009/07/22/computer-hardware-2.jpg

<a href="/"><img class="large" src="/2009/07/22/computer-hardware-2.jpg" border="0" /></a>
だから
http://ドメイン/2009/07/22/computer-hardware-2.jpgってこと

>>583
なるほど、ソースから検索するのか
感謝です

右クリ→プロパティで大半は解決すると思うけど。

>>543
baseごとテーブルでくくるってことですか？

一度やってみます。

>>541,586
下記も参考になると思う。

CSS初心者スレッド＝9th＝
http://hibari.2ch.net/test/read.cgi/hp/1287470663/553n-

>>576
DreamWeaverにも正規表現エンジンはあるから、同じように置換できると思うよ。
http://www.adobe.com/jp/devnet/dreamweaver/articles/dw10seminar_takesato_tips.html
http://www.dreamweaver-guide.com/topics/topics3.html

>>580
別に変わった事無いが？ドラッグ＆ドロップで普通にコピーできた。
何？何？

まさか、やられた？？？

当方初心者です。

<ul class="navigation">
<li><img src="files/baner.gif" width="110" height="45" /></li>
<li><img src="files/baner.gif" width="110" height="45" /></li>
<li><img src="files/baner.gif" width="110" height="45" /></li>
<li><img src="files/baner.gif" width="110" height="45" /></li>
<li><img src="files/baner.gif" width="110" height="45" /></li>
</ul>
のように5つ横にメニューの画像が並んでるのですが、各画像にリンクをなぜか貼るとデザインがずれてしまいます。
ただ、画像にリンクを貼りたいだけなのですが・・どうすればよいでしょうか・・・

.navigation
{
float:left;
margin-left:20px;
list-style:none;
text-decoration:none;
margin-top:-1px;
position:absolute;
right:34px;
top:42px;
width: 683px;
}

.navigation li
{
float:left;
margin-left:25px;
min-width:63px;
text-align:center;
}

.navigation li.back
{
background:url(nav_aktiv.jpg) no-repeat;
color:#fff;
height: 65px;
z-index: 0;
position: absolute;
left:20px;
margin-left:4px;
text-align:center;

}

.navigation li a
{
font-size:15px;
height:45px;
font-weight:bold;
color:#d4d4d4;
padding-top:18px;
text-align:center;
text-decoration:none;
display:block;
z-index:10;
position:relative;
width:70px;
margin:auto;
text-align:center;
}

無理です。
あきらめましょう

はい。ありがとうございました。

XHTML なんですが、

<div>
あいうえおかきくけこ
<ul>
　<li>なにぬねの</li>
</ul>
</div>

上記の様に、同じレベルに要素が続く場合に、
同じレベルに要素で挟まないテキストを置いていいのかどうか迷っています。


<div>
<p>あいうえおかきくけこ</p>
<ul>
　<li>なにぬねの</li>
</ul>
</div>

とやるべきなんでしょうか？
もし <p> で挟むべきだとして、<p> は段落を表す意味から、文章を挟むべきだと思いますが、「\160-」 のような
文章ではないものを配置するときは <span> などで挟むべきなのでしょうか？

XHTML文法上の問題はない

そうですね。

３カラムのテンプレートにフリースペースを作りたくてmarginで下げてスペースを作ったのですが、そのスペースにtable等を表示させる為にはHTMLのどの部分にコードを記述していけばいいのでしょうか？

テンプレートはこれを使わせて頂いてます。
ttp://hiyokokun.blog2.fc2.com/?template=hiyoko-menu950&index

ニューエントリーと右サイドバーを下げた状態です。
よろしくお願いします。

そのテンプレートを作った人に聞いてください。

なんとか自力でいけそうです。
それをするにあたってネガティブマージンという方法を使おうかと思うのですが、
SEO的に問題は無いのでしょうか？

SEOってCSSまで見てるの？

>>600
有るとも言えるし無いとも言える

>>602
それはつまり問題があったとしても
大した問題ではないと思ってもいいでしょうか？

SEOを点数制として考えると
検索エンジンの実装にもよるけど
HTMLの構造化なんてのは微々たる配点
被アクセス数や被リンク数なんかがもっとも配点が高い

なるほど。ありがとうございました。

HTML5では「sectionやh1はそれ自身が区切りを含むから、間にhr要素はいらない」と書いてありますが、
「hr要素はアウトラインには影響しない」とも書いてあります。
sectionの間に区切りの線を入れたければ、hr要素を使ってもいいってことなんでしょうか。
駄目なら、画像でやるんでしょうか。

いいえ

>>607
すみません。
いいえと言うのは、4行目に対してでいいですか？

いいえ

>>606

悪いな。>>609が粘着して、くそスレになっちまったんだ。



>hr要素はいらない
オレはhtml5に詳しくないが、いらないと言う表現なら入れてもいいんじゃね？

もし、文法でNGなら、ボーダーだな。

>>610
わからんなら口出すなよ

記事個別ページにページランキングの横に広告を回り込ませて置きたいのですが、
広告が下に表示されてしまいます。
どこにalign="left"を記入すればランキングの横に広告を置けるのでしょうか？

クラスを指定するのはCSSで操作するためですか？

>>612
どこにやっても無理です。

>>613
違います。

>>614
スタイルシートを使って場所を指定するのでしょうか？

違います

>>616
場合によっては可能かもしれませんね。

クラスを指定するのは何のためですか？

>>617
>>618
何を使えばいいのかヒントだけでも教えて下さい
お願いします。

>>618は答えてるじゃん

>>619
クラス分けするためです

>>622
クラス分けするのは何のためですか？

>>621
場合によってはと書いてあったので
正しいやり方が別にあるのかと。

>>624
どんな場合なのかがわからないので、何が正しいのかわかりません。

>>625
何を言ってるんだ？
「場合によっては正しい」といわれたから「どんな場合が正しいか」と尋ねたんだろ？
あなたが正しいと思う場合を答えればいいだけじゃないか。

HTMLやCSSはほぼ初心者ですが、自己サイトを作りたいので明日から勉強することになりました
そこで、初心者でも読めるようなオススメの本はないでしょうか教えてください

詳解html & Css & Javascript辞典

>>625
確かに状況の説明が不十分だったかもしれません。
すみません。

記事下に横に並べて置きたいのですが<Div Align="left">と<Div Align="right">などで分けても横に並ばず困ってます。

調べても画像の横に回り込ませる方法しか見つからず本当に分かりません。

<div class="entry_body"><%topentry_body>
<!--permanent_area-->
<SCRIPT TYPE="text/javascript" SRC="http://xxx" charset=euc-jp></SCRIPT>
<A href="http://www.ziyu.net/" target="_blank"><IMG SRC="http://xxx" alt="ブログパーツ" border=0 width=35 height=11></A>
<iframe src="http://xxx" marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="http://xxx" target="_blank">広告</a></iframe>
<!--/permanent_area-->
</div>
何処に何を記述すればいいのか教えて下さい。

<div class="entry_body"><%topentry_body>

<div style="float: left; width: 300px;">
<!--permanent_area-->
<SCRIPT TYPE="text/javascript" SRC="http://xxx" charset=euc-jp></SCRIPT>
<A href="http://www.ziyu.net/" target="_blank"><IMG SRC="http://xxx" alt="ブログパーツ" border=0 width=35 height=11></A>
<iframe src="http://xxx" marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="http://xxx" target="_blank">広告</a></iframe>
<!--/permanent_area-->
</div>
<div style="float: right; width: 200px;">
ここ
</div>
<div style="clear:both;"></div>
</div>

widthは自分で調整してね

IMGとiframeと「広告」が同列に並んで表示できない、という話じゃないの？

<div class="entry_body"><%topentry_body>

<!--permanent_area-->
<div style="float: left; width: 200px;">
<SCRIPT TYPE="text/javascript" SRC="http://xxx" charset=euc-jp></SCRIPT>
<A href="http://www.ziyu.net/" target="_blank"><IMG SRC="http://xxx" alt="ブログパーツ" border=0 width=35 height=11></A>
</div>
<div style="float: right; width: 300px;">
<iframe src="http://xxx" marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="http://xxx" target="_blank">広告</a></iframe>
</div>
<!--/permanent_area-->
<div style="clear:both;"></div>
</div>

?

皆さんのおかげでうまく表示されました。
ずっと迷ってたので本当に助かりました。
ありがとうございました。

何年かぶりにサイト制作をやる羽目になって、当時はなかったChromeのことで質問です。

テキストをマウスドラッグで選択すると、Chromeだけdivに設定してある横幅を無視して、
選択範囲が画面の横幅一杯に漏れ出してしまいます。
いくつかのサイトで確認してみると、漏れるところもあれば漏れないところもあり、
ソースを覗いてみてもその違いが判然としません…。

これはどのようにすれば回避できるのでしょうか？

ソースプリーズ

>>634
選択範囲（マウスで反転したとき）だけの話？
表示したときのレイアウトも崩れてるの？
状況がよくわからないから、そうなるサイトの例をあげてほしい

<table>
<colgroup width="150" align="center" span="3"></colgroup>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr><tr>
<td>テスト</td>
<td>テスト</td>
<td>テスト</td>
</tr></table>

これでtd内のテストが中央にこないのですが間違ってますか?

HTML そのものを勉強しなおして来いｗ

はい

htmlは合ってるだろw

いいえ

間違ってるとこ言えないのねw

colgroupは使わないほうがいい
使うならwidthにね

>>643
ありがとうございます

>>638は<colgroup>を知らなかったんだろう

>>645
>>638

使い方間違えてますやん

http://www.tohoho-web.com/html/colgroup.htm
http://www.htmq.com/html/colgroup.shtml

正しいヨ

imgのtitleでポップアップ表示するのをcssで指定する方法はありますか？
（理由は…と聞かれるとHTMLソース量をできるだけ減らしたい）

無理。
jsでならtitle指定可能。

>>649
ポップアップするだけなら可能と言えない訳では無い

<colgroup><col>じゃなきゃダメと勘違いしてる奴大杉だ

そんな奴いるんだ？

なるほど…。対象のimgはSEO的に大事なものでなく、
ツールボタンでしかないので、divなどに置き換えたいと思ってます。
google botなどに見えなくても、ユーザーに見えてたらそれでいいので。
探してみます。

↓ここに載っているやり方で、Lightboxを表示させようとしてつまづきました。
ttp://journal.mycom.co.jp/articles/2007/06/14/lightbox/001.html

DWCS5を使っているのですが、考え方としては、ZIPファイルをダウンロードして（解凍し）、
これをファイルとする新規サイトを立ち上げ、上のサイトに載っているサンプルソースを
コピペして、画像のファイル名だけを書き換えればいいのだと思いました。

が、うまくいきません。javascriptが反応しない（？）というか、無反応です。

全然やりかたが違うのでしょうか。。　コードについてはほぼ初心者なので
どこが抜けているとかがわからなく、途方に暮れました。
必要な手順があったりしたら教えていただけるとありがたいです。よろしくお願いします。

もしかしたらスレ違いだったらスミマセン。

>>655
それだけだと何も判断できない。
ソースみないと分からない。

まずは、自分でサンプルソースをコピペするのでなく、
落としてきたサンプルデータが、素のままで動作するかを確認。

動作したなら、そのサンプルデータを直接
自分の好きなように改変していくのが初心者向け。

>>657
>まずは、自分でサンプルソースをコピペするのでなく、
>落としてきたサンプルデータが、素のままで動作するかを確認。

なんという有益なアドバイス〜　添付されたindex.htmlをそのままプレビューしたら
ちゃんと動作したので、これに手を入れていきたいと思います！
ありがとうございました！

質問です。cs4を使用しています。
突然上部のタブが出なくなり、重なり合うウインドウ状態になってしまいました。
編集＞環境設定でも無いしグ具ってみても判りませんでした。教えてください！

割れだとそうなるらしいです

660さんありがとうございます。
でも正規品なんです…

自己解決しました。
スレ汚し失礼しました。

曜日ごとに別のスタイルシートを適用することってできないかな
メディアクエリみたいに条件分岐ができればいいんだけど

phpとかjsじゃないと無理じゃないか？

CSS使えねえなあ
こんなんじゃテトリスがCSSだけで実現できるまで50年かかるぞ

50年かかってもできません。

お前みたいなバカにはそりゃ一生無理だろうけど
出来る奴には出来るんじゃね
テーブルだけで絵書くやついるし

CSSはプログラミング言語じゃないよ。
「HTMLでテトリスができるのはいつ？」といっているようなもの。

>>667
プークスクス

HTMLやCSSをプログラミング言語と勘違いしている人は結構いそうだよね。
OKWaveやYahoo知恵袋のカテゴリわけがさらに誤解を招いてる。

img {
border: 1px solid #f7f7f7;
margin: 0px 7px 7px 0px;
}
のマージンが記事以外でも適応されてしまうのですが、
一部だけこのマージンだけを除外して新たに
margin-left: auto;
margin-right: auto;
を反映させる事は出来るのでしょうか？

>>671
出来ますね

>>671

IDかクラスを指定してもう一個書けばいいよ

#contents img {

}
とか


>>672
こいつはわかってないな

>>673
記事以外は必要なかったので
.entry img {
border: 1px solid #f7f7f7;
margin: 0px 7px 7px 0px;
}
にしたらうまく表示されるようになりました。
ありがとうございました。

utf-8とshift-jisはどちらの方がいいのでしょうか

これからは utf-8
shift-jisなんて古い携帯向けでしか用はない

>>668
テトリスモドキならできるかもと思ってしまったｗ

United Terrible Fighter 8

文章や画像を普通に配置すると、並んで右端まで行って自動で折り返してくれますよね。
これを画像と説明の文章のセットでやりたいのですが、どのようにすべきでしょうか？

　　　┌─┐　　　　　　　┌─┐
　　　│　 │　　　　　　　│　 │　　　　　　・・・　右端で折り返し
　　　└─┘　　　　　　　└─┘
これは画像1です　これは画像2です

　　　　┌─┐　　　　　　　　┌─┐
　　　　│　 │　　　　　　　　│　 │　　　　　　　・・・
　　　　└─┘　　　　　　　　└─┘
これは画像N+1です　これは画像N+2です

イメージとしてはこうです。
画像と文章をdivで囲って、display属性でinline-blockを指定？float属性で並べる？
HTML5・CSS3に準拠させて作りたいです。

float使えばいいと思う
リキッドレイアウトでぐぐればサンプルも見つかるはず

>>679
どうぞ

>>680
遅くなってすみません。
ありがとうございます。

idに複数指定は可能ですか？
class="a b" のように。

できる

ただ同じIDはダメだよ

idは一意だから複数指定させたいときはclass

どちらが正しい？

違うって
classは1ページに複数指定できる
例えば画像に適用するとして
<img class="a b">
<img class="a b">
<img class="a b">
こんな感じに

id は1ページに1つ
これは<div id="contents"></div>とか一箇所のみに適用するブロックとかに使う
けれど<div id="contents a b"></div> みたいに複数同時に指定していい

例えが悪かった
idは <h1 id="title"></h1> みたいに
一箇所でしか使わないときに使用する

重複しないIDを適用させるなら一度にid="a b"って指定できるけど
css側で纏めておけばいいのでそんな書き方は普通はしないけどね

>>687
対応する(X)HTMLのバージョンは何になる？
少なくとも、HTML4, HTML5 では許されないはずだけど…。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.5.2
http://www.whatwg.org/specs/web-apps/current-work/multipage/elements.html#the-id-attribute

>>690
申しわけございませんでした

id の複数指定はできない。(IE8, Google Chrome 10 で確認)
http://jsfiddle.net/BVHAG/

反省しております

まあ、間違いは誰にでもあるさ

プークスクス

>>687
プークスクス


って、乗り遅れた

プークスクスしか使えない頭の悪い低脳池沼が一匹居るようだ。

ほぼ初心者の素人です。
基本中の基本かもしれませんが、調べられなかったのでよろしくお願いします。

文章（長め）をフリーフォントなどを使用して見せたかったので
画像でスライスして貼り付ける、というやり方で作成してるのですが、
その際ＳＥＯ対策としてalt属性に文章を長々と記述する。というやり方は問題ありでしょうか？

また
各段落でスライスされたimg要素をそのまま重ねて行くのと
それぞれのimg要素をp要素で囲みつつ重ねていくのと
はたまたリストやテーブルで並べていくのは
どれがオススメでしょうか？

もっとスマートな方法があり、ご指導いただければ幸いです
よろしくお願いします。

そんなクソ構成に SEO なんか求めるなよ

確かに
俺はSEOのことはわからないが、なぜSEOが必要になるのかよくわからん
趣味でやってるサイトならそこまでSEO気にしなくたってよかろうし
金儲けでもしようと思ってるんなら、手段を選べ。

ＳＥＯといいますか、よりスマートなコーディングをしたかったので・・・・
ただなんと説明すればいいかわからなかったためにＳＥＯという言葉を使用しました
間違った用法でしたら申し訳ありません
本当に素人でして・・・

個人的にはaltに長々と書くのは感心しない。
fontを見せたいと言うなら、代替なんて必要無いんじゃない？

altに書くのは最低限必要だろうけど、普通に書けと
そのフォントで見たい人だけフォントダウンロードでもさせとけば

alt の中身は簡易的であるべき。

画像置換はspamになるって言う人もいるけど、画像の内容もマークアップできるから良く使う

今さらver8を使ってるのですが、dreamweaverって、htmlだけ（.cssなども含めたテキストファイルだけ）を
アップロードする方法ってないんでしょうか？
自分が気付いていないだけなのか、ないのか、新しいバージョンならあるのか、どうなんでしょうか？

現在CSSを勉強している最中です。
基本から勉強すれば解ることかもしれないのですが、
調べても解決出来なかったので質問します。

http://www.stumbleupon.com/su/9ixWLI/
このチュートリアルを見ていたのですが
<div class="ac_subitem">内にa要素を置くと、
表示されず、レイアウトも崩れてしまいます。
この場合、CSSをどのように書き足して行けば良いでしょうか。

宜しくお願いいたします。

さあ？

.ac_menu > ul > li a{
↓
.ac_menu > ul > li > a{

>>709
ありがとうございます！

.ac_menu > ul > li > a{

よりも

.ac_menu ul li a{

ってゆう書き方をおすすめしますよん

div.AA {
margin-left:30px;
width:100%;
}
の中に
td.AA {
width:100%;
padding: 0 30px 0 20px;
}
のテーブルを入れてるんですが、
divで左に30px寄せてる分、
テーブルの端っこが切れてしまうんですが、
こういう段落みたいにテーブルを配置したい場合はどうしたらいいでしょうか？

>>712
margin-left: 0; にすればいいんじゃないの？

ちゃんと書いてれば、それは再現出来ない。
float とか position とか指定してない？
該当する要素だけじゃなく、そのテーブル前の要素に対するスタイルの設定とか見直した方がいい

対象ブラウザも書きましょう

テストページではリンク先にちゃんと飛ぶのに、
サーバーにアップしてみると、「ページが見つかりません」となり、
原因が分からず困っています。

リンク先のページはLightbox2を使っていて、サンプルデータが
セットになったフォルダをそのままダウンロードしてきて、
画像の部分などのみ書き換えて使っています。

Dreamweaverで１からつくったHTMLファイルにはちゃんとリンクするので、
おそらく、Lightboxのサンプルデータの中に原因があるのではないかと
思われるのですが、どうしたらいいのかわかりません。

何かヒントでもいただけるとありがたいです。よろしくお願いします。

あるdiv要素があって、そいつのheightをautoにしてるんです。
これでこの内部のテキスト等の量によって、丁度良い大きさに調整されるんですが、
最低限の縦幅はほしいんです。

でも100pxとかにすると、内部のテキスト量が増えたら見えなくなるじゃないですか？
これをさっきみたいに事由に変えれるようにしたいんです。
スクロールバーはなしでお願いします。

>>717
min-height

>>718
ありがとうございました

>>717
min-autoタグでいけるな

>>716
リンク先が間違ってる

>>720
そんなタグはありません

だめだボケが通じねえw

ボケにお悩みなら脳外科医へ

>>721
わかりました。
index.htmlが別フォルダに入ってたのがいけなかったみたいでした。
レスありがとうございました。

>>723
脳みそに隙間ができてますよ？

ボケた人に聞くけど、どういうツッコミが正解なの？

画面上で常に同じ位置にリンクを張る事って出来ますでしょうか？
例えば、どんなに画面をスクロールさせても常に左上に画像がくるようにして、
そこをクリックするとトップページに戻るみたいな。

できますよ。

あの、教えて頂けないでしょうか？

えーやだあ
恥ずかしいし

知ったかは帰れ

>>730
http://www.google.co.jp/search?q=%E5%90%8C%E3%81%98%E4%BD%8D%E7%BD%AE+css

ブラウザ別の表示を一括確認できるソフトは
IEtesterが主流ですか？

最近、実際のアップ画面と異なる表示（フォントなど特に・・・）があるので、
困っています。

いいえ

WEB上ならAdobe BrowserLabとか。

ホームページビルダーでは絶対出来ない、ドリーム〜の特長ってなんですか？

ローカルでインクルード
簡単に全部書き換えられる

Dreamweaver を初めて触ること３ヶ月

このソフトは EmEditor + FFFTP の組み合わせに劣ると思った。

複数人編集も自動じゃなくて、宣言が必要なみたいだし。。。

AAクラス内のimgタグのみに作用させたい場合は
.AA img { }
でいけますでしょうか？

言葉の使い方はずいぶんいい加減な気がするが、とりあえずそれで合ってる
つーかやってみりゃいいだろ

CSSでVISTAのタスクバーみたいな感じのデザインを作りたいのですが
どのような感じにしたらいいのでしょうか？
http://www.usefullcode.net/2006/12/08/vista_47.gif

SSでタスクバーを取ります
ペイントで横1px 高さがタスクバーと同じになるように調整
backgroundでx方向に繰り返し表示
あとはスタートボタンとか作ればおk

>>739
まあ、それでいいんじゃない

スレを見失って遅くなりました。
こんな感じのソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title><link href="basic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="basic">
<div id="wrap">
　<div id="header"> id "header" の内容</div>
<div id="sidemenu"> id "sidebar" の内容</div>
<div id="main">
<p>東京電力の清水正孝社長は１３日、東電本店で１カ月ぶりとなる記者会見を開いた。</p>
</div>
<div id="clear">
<p> </p>
</div>
<div id="footer">Copyright (c)</div>
</div>
</div></body></html>

body {margin: 0px;　padding: 0px;　font-family: "ＭＳ ゴシック", "Osaka−等幅";　font-size: 0.9em;　line-height: 1.4em;}
.basic { width: 850px; margin: 0 auto 0 auto; }
.basic #wrap { border: 1px solid #CCCCCC; }
.basic #header { margin-bottom: 10px; background-color: #FF0000; }
.basic #sidemenu { float: left; width: 200px; }
.basic #main { margin-left: 200px; padding: 0em 1em 0em 1em; }
.basic #footer { padding: 1em; text-align: right; }
.basic #main p { margin: 0em 0em 0.5em 0em; }
#clear { clear: both; }

firefox4 ってテキトーな xhtml 書いても、パースエラー出ないのね。

>>745
Chromeの仕様なんじゃないかな…。
http://jsbin.com/esawi5/2/

>>746
どんなXHTMLを書いたのか知らないけど、終了タグを省略したらパースエラーになったよ。

W3C の xhtml1 の DTD のページ見て書いた

ありがちなミスは Content-Type: text/html を使用してパースエラーにならないパターンかな。(HTMLパーサ使うから)
http://jsbin.com/upini5/ みたいな感じで「パースエラーにならない！おかしい！」と思ってない？
http://www.w3.org/TR/xhtml1/#media

パーサの動きはWHATWGが詳しい。
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-xhtml-syntax.html

>>746
Content-Type: application/xhtml+xml

新しいページをPHPで作れば保存時に〜.phpがつくのですが
テンプレートからだと〜.htmlになります。
新しいページをテンプレートで作り保存時に〜.phpを表示させるにはどうすればいいですか？
毎回書き換えるのは手間なので。
DWCS3です。

http://w3.podzone.net/
xhtml でわざと <p> 閉じないで見たけ、やっぱりエラーにならない。

>>753
<meta http-equiv="Content-type" content="application/xhtml+xml; charset=utf-8" /> で書き換えられたと思っているようだが、HTTPヘッダを書き換えないと意味がない。
http://httpd.apache.org/docs/2.0/ja/mod/mod_mime.html#addtype

そっちの設定もか。
さんくす設定いじってみる

とある部分だけのリンクの文字色を固定したいんですが、どうやればいいでしょうか？
通常は蒼、紫でとある部分は常に黒

iPhone（Safari）でinput（text）タグを使うと、
テキストボックスの内部にシャドウが入るんだけど、
これを消す方法はないですか？

background-color で塗るとか、background-image に白画像を指定するとか、
やることやってから聞けよカス

AddType application/xhtml+xml .html

追加したらちゃんとパースエラーでた♪

>>756
普通に色変えりゃいいと思うけど、なにがうまくいかないの

>>760
ボタン画像の上に文字を置こうとしてるんだけど、
なんかリンク済の紫になってしまうんですよね
一応<font color>で囲んでるのに・・・

あと画像にカーソルを置くと別の画像になるようにしてるんですが、
画像の上に置いた文字にカーソルをおいても別画像になるようにってできないでしょうか？

>>756
ブラウザが色変える設定にしてたら意味無いから、リンクじゃなくてonclickでやれば

>>758
いや、それやっても背景色しか変わらないから来たんだけど、変態。
自分で探すか…。

>>762
そういるルールだからです。
「ぬーやる」バーガーはしってますか？

日下部陽一の真似をしてるつもりの奴、乙。

>>761
別画像って :hover で変えてるの？
それわかってるなら :link 疑似クラス使って色変えりゃいいんじゃないの

>>761
そうですか

できますよ

>>747
仕様ですか；
試した限りではフロートさせた物からは溢れないようなんですが、全部をフロートさせるのもなんなので、
ひとまず気にしないようにします。

firefox4で見たときに、テキストに画像ごとリンクすると、
画像にも下線がついて非常に見栄えが悪くなってしまいます。
IEだと問題ありません。
img { border-width: 0px; や border: none; を試したんですがダメでした。
どうしたらいいんでしょうか。

リンク属性ならaがいるからこうだろ
img a {

いや imgは単独タグだろ

>>770
試したらダメでした。
chromeも下線なしでした。
Firifoxだけ画像に下線が入ります。

.nounderline {
border: 0px;
text-decoration: none;
}
でaとかimgに適当にクラス付けてみたら。

firefoxのバグっぽい

a:link{
text-decoration:none;
}
a:link span{
text-decoration:underline;
}
<a href=""><span>foobar</span><img src="./image.png" alt="" /></a>
みたいにするとか

バグとかｗｗｗ

>>775
じゃあOperaとかChromeの方が間違った実装なんかな
仕様書に該当する部分があったら教えてほしい

レスありがとうございます。
>>773
imgは意味なしで、aの場合は、今度はテキストまで
下線なくなってしまうのでダメですね。
>>774
逆に画像リンクだけは正常ですが他のリンクが全て
下線なしになってしまいました。

諦めて、aタグを分割することにしました。
ありがとうごいました。

アホだからしょうがないね

こいつこそカレー

再現できる最小のソースを出してみて

何のだよ

img { border: none; }

<a href="a.html"><img src="t.gif">あああ</a>

これで画像に線が付くって奴

Firefoxって書いてあるだろ……

>>783
おうおう
今から試してみてやるわ
そんなバグはないと思うけどなぁ

すみませんでした

a img { border-style: none; }

節子、それ下線やない。枠線や

バカだと思ったら大バカだった件

a img { text-decoration: none; }

text-decorationは継承されて表示されてるわけじゃないから
aがunderlineになってる限り子孫要素にも表示されるよ

<a href="#" class="img_padding">TEST</a>
<style>
a.img_padding{
padding-left: 20px;
background: url("img/icon.gif") no-repeat 0 0;
}
</style>
icon.gif は 16px ぐらい


毎回変わる画像には対応しづらいから、
JavaScript で img の幅分だけずらすようにすれば大概は対応可能か。


でもここまでしなくちゃいけないのがなぁ。。。

あ？

javascript使うんなら、文字部分だけspanに入れれば

>>791
TESTの前に同じ画像を入れてvisibilityとかopacityとか

gh4444
gh4444←
gh3333
gh3333←
gh2222
gh2222←
このように並んでいる文字列を片方だけ一括で削除する方法を教えて下さい。

(.*)
.*

↓

$1

jacascriptで表示した10個のリンクをオンマウスしたときに文字色を変えたいんですが、
どうしたらいいでしょうか？
10個のリンクを生成するjavascriptをfontで囲んだらそのなかにマウスを置いただけで、全部のリンクの文字色が変わってしまいました。
マウスを置いてるリンクの文字色のみ変えたいです

tableにoverflow:hidden,nowrapを付けて
はみ出した文字を表示させないようにしたいんですが、
tableの幅を％指定した場合にうまくいかないんですが、できますか？

>>797
:hover疑似クラス

>>798
overflow:hidden,nowrapじゃなくてoverflow:hiddenね
table-layout指定してないんじゃない

>>799
ありがとうございます！
fixedに指定したらできました

<link rel="stylesheet" type="text/css" media="all" href="style.css" id="masterCSS" />
このid="masterCSS" ってDWですか?

>>796
これを一括置換でどう使えばいいですか？

>>801
いいえ、誰でも

Dreamweaverでページ一覧の出し方教えてください。

メニューからページ一覧を選択する

SEO的に<h1>タグのすぐ下に<p>タグによるページ内容の紹介文を書いた方が
良いようですが、デザイン的に<p>タグの文章を表示させたくありません。

見えなくすることはできますか？
また、そうした場合、検索エンジンからペナルティないですか？

今後、SEO的にとか無理に意識したページ作りがスパムと取られそうな気がします。
ぶっちゃけCMSで吐き出したページの方が、SEO的にはいいんだろうなと言う気が。
クソクラエだぜ

すいません、質問です。
現在、DW CS5とXAMPPを使用し、PHPを勉強しています。
XAMPPは問題無く動いており、PHPサイトも表示できます。

DWのサイト設定で、ブラウザでのプレビューでローカルサーバーを通した表示ができると思うのですが、
サイトアドレスが参照されるべきアドレスとは異なり、とうぜん表示もできません。

例
本来は、http://localhost/php/test.php ですが
ブラウザのプレビューは、http://localhost/htdocs/php/test.php
となります。

htdocsが不要なんです。

サイト設定を親フォルダにしたりと、色々変更しても、htdocsがアドレスに入ってしまいます。
どうすれば正常なアドレスに設定できるのでしょうか？

すいません、ご教授お願い致します。

念力

すいません、自己解決しました。
ありがとうございました。

念力が効いたようです。

そう言うもんよ

正しい見出しの書き方を教えてください。
例として、山田商事のサイトを作る際、
下記の例１と例2だと、どちらの方が良いのでしょうか。


例1
<h1>山田商事</h1>
<h2>会社概要</h2>
<h3>電話番号</h3>
<h3>メールアドレス</h3>

↑全ページのｈ1は山田商事となる↑


例2
<h1>会社概要　|　山田商事</h1>
<h2>電話番号</h2>
<h2>メールアドレス</h2>

↑各ページh1は違う↑

あなたが全頁のh1を山田正二にしたいと言うならそれでいいのです。

ヘッダがあると言う事は、その後にそれに関する記事(データ)が続くわけだが、
例えば、03-1234-5678 に対してどんなデータを記述出来るの？

h 要素の意味をもっと考えよう。

>>814
h:電話番号
p:012-012-012のナンバーワン

じゃねーの？

p { font-size: 10pt; } があたっている前提で、ユーザースタイルで無効にするには p { xxxxx; } に何を書けばよいのでしょう？

p { font-size: medium; } だとブラウザのデフォルトになってくれません。

>>816
重ねかけでは不可能です。

font-size: inherit !important;

ブラウザのデフォルトにする方法なんてあるんだっけ？

>>816
ブラウザのデフォルトスタイルシートはブラウザ毎に違う。
期待するブラウザの規定値を調べてその値を指定するしかない。

リセットするがよろし

リセットはデフォルトにするわけじゃない

>>822
うん、だからデフォルトがブラウザによって違うからリセットして運用しなさいと。

ユーザースタイルの話じゃないん？

みんなって、
*{
border: 0;
maring: 0;
padding: 0;
font-size: 12px;
line-height: 18px
font-family: ほにゃらら〜
}

みたいに、一番最初に読み込む CSS の先頭に書いてたりするの？

全焼セレクタ使うのは最近の流行ではない

HTML5初期化CSSでも使えばいいんでね

画像を表示させるとき、表示したい大きさの画像を表示したほうがいいのでしょうか？
それとも大きめの画像を縮小して表示したほうがいいのでしょうか？

好きにしたら

なんでわざわざ大きめの画像を容易するんだ

ユーザーにサイズを選択させてそのサイズで表示するって感じにしたいんだけど、
いちいちユーザーの入力で画像を選びにいくのが面倒だったので質問しました

<table width="100%">
<tr>
<td width="70%">
</td>
<td width="30%">
</td>
</tr>
</table>

で、普段は70%なんですけど
この最初の<td>〜</td>の部分が100px以下になった場合、70%ではなく100pxに固定したいんですが
どうしたらよいのでしょうか？
解りにくかったらすみません

CSSのmin-width

htmlで携帯からメールを立ち上げたいと思っています。
<a href="mailto〜">ではうまくいくのですが、<form>タグだと
?subject以降の情報（タイトル、本文）がメール作成画面にセットされません。
携帯からの<form>タグのメール起動は対応していないのでしょうか？
docomoのD905を使用しています。

サンプル↓
<form method=post action="mailto:xxx@xxx.com?subject=タイトル&body=本文">
<input type=submit value=ﾒｰﾙ>
</form>

標準仕様外だから動かなくても仕方ない

データ保存するとき " に変換って意味ありますか?

>>836
意味不明。詳しく。

すみません
> を &gt; に変換するのはわかるのですが
" を&quot; に変換するのはなぜなんでしょうか?

>>838
こういう場合に使う。
<span title="&quot;test&quot;">sample</span>

>>839
なるほど、よく分かりました
ありがとうございます!

分かってないだろ？ｗ

いや分かってます!
ただ今回はXMLで保存するだけなんで子要素にしてしまえば変換は必要なかったです。
属性にする時は必要でした!

質問です。aタグでtableを囲むのってありなんでしょうか？
具体的には次のような形で画像の横に日本語と英語の文字2列に並べたリンクを貼りたいのですがこれは文法的にはありなのかわからないです
<li><a href="./english.html"><table><tr><td rowspan="2"><img src="./images/menu01.jpg"></td><td>英語</td></tr><tr><td>English</td></tr></table></a></li>

お前が有りと思うなら有りなんだろう

ブロック要素をインライン要素で挟むことが文法的にどうなのか。
それを考えれば駄目なのか良いのかが分かるかと。


個人的に、細かく書くと
<ul>
<li>
　<dl>
　<dt><img></dt>
　<dd>
　　<ul>
　　　<li><a>英語</a></li>
　　　<li><a>日本語</a></li>
　　</ul>
　</dd>
</li>
</ul>
かな。



ちなみに、img に alt は必須ですよん。

表を画像にしなきゃならない時、altどうしてる？

アクセシビリティ犠牲にしてSEO対策やらせようとする業者うぜぇ

>>845
ありがとうございますm(_ _)m

ブロック要素一つだけなのにいちいちdivで囲むのってどうなの？

うるせーな人の勝手だろカス！

何の話だ

>>846
表（画像）とでも表記する

>>846
意味を成すものであれば、その画像が何かを記述するけど、
見た目だけの問題で、データとして意味を成さないのであれば alt="" かな

こんばんわだけを1.25emにしたいのですが・・・↓

<div id="test">
<p>こんにちは</p>
<p>さようなら</p>
<p class="gogo">こんばんわ</p>
</div>


#test p {
font-size: 0.85em;
}

.gogo {
font-size: 1.25em;
}


上記のような書き方をしましたが、「こんばんわ」は0.85emで表示されてしまいます。
どうしたら、よいのでしょうか？

#test p.gogo

#でのID指定はかなり強くなる。普通のpとかでの指定の１００倍優先される。
googleれ「css 優先順位」

ぐーぐれ?

最近考えてるんだけど、ブログを作ってエントリーを表示するのに今は
<div class="entry">
　　<div class="title">〜</div>
　　<div class="date">〜</div>
　　<div class="body">〜</div>
　　<div class="footer">〜</div>
</div>
みたいにやってんだけど、

<dl class="entry">
　　<dt class="title">〜</dt>
　　<dd>
　　　　<ul>
　　　　　　<li class="date">〜</li>
　　　　　　<li class="body">〜</li>
　　　　　　<li class="footer">〜</li>
　　　　</ul>
　　</dd>

</dl>

途中で送ってしまった。。。
<dl class="entry">
　　<dt class="title">〜</dt>
　　<dd>
　　　　<ul>
　　　　　　<li class="date">〜</li>
　　　　　　<li class="body">〜</li>
　　　　　　<li class="footer">〜</li>
　　　　</ul>
　　</dd>
　　<dt class="title">〜</dt>
　　〜
</dl>
って書く方がデータの記述って意味としてはまだマシかな？と思うものの、日付や本文、フッターは決してリストで定義されるもんじゃねぇし・・・
とか色々考えてて悩む。

dd の中身は div でいいのかな？とか思ったり、xhtml でデータの意味を考えるってのが楽しい反面面倒くさいっすね。

皆さんって厳密にデータの持つ意味を考えて使う要素決めてます？

>>852-853
もちろん表なので、中のデータ全てに意味がある。

画像にするなと言うのはもっともだが、どうしても画像にしなきゃならないって時

>>856
ぐーぐるれ

>>858
dtでタイトルのを表してるのに、タイトルってクラスを振る意味がわからない。

dd並べてクラスで分けりゃいいんじゃねーの？

> dtでタイトルのを表してるのに、タイトルってクラスを振る意味がわからない。
なんかの装飾用のタグじゃないの？

ごめん、意味がわからない

afterで「新着！」とかアイコンでも付けるとか

判って言ってる？

CS4で質問なのですが、
まず、TemplatesフォルダとLibraryフォルダはローカルにあれば良くて
リモート側にはなくて良いのですよね？
なくて良い場合、
PUT（サイトまるごとPUT）や
同期（サイト全体を対象に最新ファイルをリモートにPUT)時に
TemplatesフォルダとLibraryフォルダを完全に無視してボタン１発でサイト更新させる方法はありますか？
PUT（サイトまるごとPUT）したあとリモートから消すとかしないといけませんか？

<div=コンテンツ>
　<div=文章とか></div> <div=画像とか></div>
　　　・
　　　・
</div>
<div=フッター></div>
______________
|コンテンツ　｜
|　　　　　　｜
|　　　　　　■■
|　　　　　　■■←コンテンツ右下にbgでL字型の装飾をしたい
|________■■■■
|　　　　■■■■
|フッター　　｜
|____________｜

■部分の装飾をしたいのですが、コンテンツ部分でpaddingを使って装飾した場合、
フッターとの距離がうまれてしまいます。
positonを使えば容易だとは思うんですが、出来る限り簡潔につくりたく、何か方法を探しています。

<div=コンテンツ>
　<div=文章とか></div> <div=画像とか></div>
　　　・
　　　・
　<div=フッター></div>
</div>

height固定ならば、右下の画像とフッターの表示位置をあわすこともできるんですが、
ページ毎にheightを考えなければいけないと思うので悩んでいます。
また、できるだけコンテンツとフッターをわけたく、コンテンツの中にフッターを入れたくありません。

何か良い方法は、ありますでしょうか？

すいません、図がずれてしまいました、、

だりーからポジションアブソつかえや

<table>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>
を
<div class="a">
<table>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</div>
<div class="b">
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>
</div>

としたいのですが、反映されません
何かよい解決方法は無いでしょうか？

http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7ef0a.html

>>867
全て画像にする。

>>870
htmlの勉強をちゃんとする

>>869
なるほど、だるいことになるのですか。
ポジションを使うことにします。
ありがとうございました。

>>870
<table>
<tr class="a">
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr class="b">
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>

>>875
そう言う事をしたい訳じゃありません！

>>870
できないことをしたいといわれてもな。無理としかいえない。

HTML を勉強しなおせとしか言えんわなぁ

ああそうかここIDでてこないのか・・・

まあ頑張れ！ポジアブでな！

>>870
何が>>875だとまずいのかよくわからんが、
どうしてもdivを使ってグループ化したければこんな感じかな?

<table>
<div class="a">
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</div>
<div class="b">
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</div>
</table>

>>880
table直下にdivを置くのもNG
divはtableの親要素になればいい
http://jsfiddle.net/Ukd8H/

携帯向けのサイトで、画像のパスにURLエンコードかましたんだけど、
ちゃんと読み込んでくれないorz

UTF-8ならちゃんと読み込めたんだけど、
Shift_JISだと、URLエンコード使えない？

>>882
勿論使える。
http://www.google.co.jp/search?hl=ja&ie=Shift_JIS&q=%83e%83X%83g

>>883
あるぇー？

じゃあ、エンコードが間違ってるって事かしら。。

もっかいがんばってみまする

>>880
バカは引っ込んでてください

>>884
Shift_JIS でもURLエンコードは出来るけど、URLデコードできるかはサーバサイドスクリプトに依存する
Google はie=のクエリで文字コードを指定できるけど、あなたが使用しているスクリプトは Shift_JIS エンコードに対応していないのかもしれない
UTF-8 デコードしか出来ないサーバサイドスクリプトを使用しているのかもしれない

CSSの質問です
height:100%;から100pxを引いたサイズにしたいのですが
どのように記述すればいいのでしょう

>>887
選考実装を使うしかない
https://developer.mozilla.org/en/CSS/-moz-calc

選考実装→先行実装

はい！ありがとうございます！

<body><div>
　<p>ＷＥＢデザイン<br>ＷＥＢデザイン<br>ＷＥＢデザイン</p>
</div></body>

p{ background-color:#ff0000;
　　width:30% ;
　　text-align:center;}
この状態で表示されているものをスタイルシートで中央寄せにしたいと思います。
スタイルシートにalign:center;と加えても、駄目です。
よろしくお願いします。

margin:auto;

>>892
解決しました。
有り難うございます。

p はブロック要素なので、幅を指定した上で text-align:center を。
または div に幅を指定して、div に margin: 0 auto を指定。

>>894
できませんでした。