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

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

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

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

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

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

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

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

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

　　　　　　 　　　　　　　_,.　-―――-　､
　　　　　　　　　　　 ／: : ‐: : : : : : :‐- ､: :＼
　 　 　 　 　　　　／: : /: : : : : : :＼: : : : ＼: :＼
　　　　　　　　　/: :/: :.|: : : : : ! : : : ＼: : : :.ヽ: : ヽ
　　　　　　　　 /: /: : 八: :!: : :|＼: : : : ヽ: : : :',: : :.',
　　　　　　　　,': /ニ7⌒!:.!: : :| ⌒ : : : : : : : : |: : : :!
　 　 　 　 　 /: :.|: :./　　V＼: !　　 ヽ: :!: :.|＼|: : : :.＼__,
　　　　　　 /: : :ﾊ: :|　　　　　ヾ　　　∨!∨: : : : : : : : :ヽ
　 　 　 　 /: : : : :.V:! x=ﾐ　　　　x＝ﾐ.　!: : : : ﾊ: : : : : :.ﾊ
　　　　　/:/: : : : /: :! ､､　 ､ 　 　 　 ､､ !: : !: : :!: : : : : : :.}
　　　　 // |: : : /| :八　　　　- ､　　　 ,ｨ: :/: : /: :ﾊ: : :|Ｖ
　　　　 {!　从: ｉ'´￣::::＞､　`ｰ '　　イ!V /: : /: /　|: :/
　_人_　　　 /Ｎ::::＿:::::/::| ` r　'　／/:／: ／‐く　　Ｖ　　　　　乙ﾀﾝ♪　乙ﾀﾝ♪
　｀Y´ 　　 /:::::::/／:::/:::::|　　><　 /:::丁´:::::::::::::Ｖﾟ}∩　　＊ 　>>1乙ﾀﾝ♪
　 　 　 　/::::ｎんh_::∧:::::}／八. ∨::::::｣::::::::::〈ヽ.ﾉ///〉
.　　　　 /:／| ! // 〉:::::>ﾍ.ノ八 ソ::::{::::::::::::/:::}　　　　っ
　　　　//:::::::＼__ノ〉::〈:::::::|/　∧〉::::〉::::::::/::::∧　 , ィ´
　　　 /:::::::::::::::::::::/::::::::＼::!　/:::::>'´::::::::/::::/:::い.ノ):〉
　　　 !:::::::::::::::::::/:::::::::::::::::ヾ厶イ:::::::::::::/:::/:::::::ヽノ:/
　　　 |::::::::::::::／ヽ:::::::::::::::<>:::::::::::::::::::/ |:::::::::::::::::::/　　*
　　　　`ｰ七:::::::::::::::::::::::::::::::::::::::::::::::::/　|:::::::::::::::::/
　　　　 ／/:::::::::::::::::::::::<>::::::::::／::::/　　ヽ:::::::::::/
　　 ／⌒〈:::::::::::::::::::::::::::::::::::イ::::::::/　　　　`ｰ‐'　　＊

けいおん豚詩ね

Dreamweaver CS4を使っているのですが、
ホームページ作成に当たり、画像の奥から文字が前面に押し出てくるような感じ(文字が浮かび上がってくる感じでも)のものは作成できないのでしょうか?

説明わかりにくくて申し訳ありませんが、方法などを詳しく教えてもらえるとありがたいです。

スクリプトで

スレチ

カーソルを当てると色や字体が変わるようなものであれば
「hover擬似クラス」とかでぐぐるといい

body {
width : 100%;
margin : 0px;
overflow : hidden;
padding : 0px;
}

.menu{
width : 100px;
height : 100%;
left : 0px;
top : 0px;
position : absolute;
overflow: auto;
}

.main{
width : auto;
height : 100%;
top : 0px;
left : 100px;
position : absolute;
overflow: auto;
}

のようなCSSを書いたら.main側のスクロールバーの右側に余白
が出来てしまうんだが、どうしたら余白を消す（スクロールバー
を右端にする）事が出来るのかな。分かる人おりませんか。

>>6
>>7
css3かもしれんぞ

スレチ

>>9
width: auto;が問題なわけだけど、そもそもその構造に無理がある
めんどうだし概略で悪いけどそのレイアウトなら↓みたいにする人が多いと思う

<div style="w: 100px; posi: abs;">menu</div>
<div style="pad-l: 100px;">main</div>

w とか posi とか pad-l とかで省略できたのか…！知らなかった…
こういう感じのが乗ってるサイトってあるんですか？

pseudocode

携帯のサイト制作なんですが
ボタンを押したら指定回数リロードもしくは
リンクでトップページに指定回数飛ばす方法ってありますか？
間隔も指定できるとなお嬉しいです

html,cssでは無理

おお！さっそくの返事助かりました
html関係でぐぐってたのでどうりで見つからない訳ですね
ｽｸﾘﾌﾟﾄでぐぐってみます！
ありがとうございました

<table border="1">
<tr><td style="border: 0px; padding: 0px">
<table border="1" style="border: 0px">
<tr><td>A1</td><td>A2</td></tr>
</table>
</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>

こんな表を作ったんだけど、左上のセルの周りの枠だけ太いのが、
paddingとかmarginとかいろいろいじっても直らない・・・

rowspanとcolspanにしなかったのは、Aだけが10*10とかになったとき、
他のセルをrowspan、colspanするのが馬鹿らしいんじゃないかと思ったのと、
例えばこの状態でCが3列になったら、
A1　 A2　 B
C1 C2 C3 D
としたいのが
A1 A2　　　B
C1 C2 C3 D
もしくは
A1　　　A2 B
C1 C2 C3 D
になるから。

その説明じゃ何がしたいのか全然分からんけど
中のtableにmargin: -2px;を加えてみるといいんじゃないかと推測してみる
2pxは目算だからもしかしたら1pxとか3pxかも

>>19
うまくいった！しかもドンピシャ
ってか-2pxなんて指定出来るんだ・・・
どのエンジンでも動くし。

ありがとう！

ネガティブマージンで検索すると色々と分かる。
こういうところで使う（使わざるを得ない）のはバッドノウハウだとは思うが……

ありがとう。
そう言えば、別のところに被り込んでるエリアとかどうなってるのかと思ってたが
こういうことだったのか

結果（値）の出力フォームで質問です。
OS：WinXP，ブラウザ：Firefox3.6.3，サクラエディタ使用

JavaScriptで例えば、　ver xA = 3; ver xB = 2; として　ver xC = xA + xB;
としたとき、xCをブラウザのフォーム（テキストフォーム？）　[ ] 内に出すには
どうすれば良いのでしょうか？
入力はinputタグの例が見つかりましたが出力の方が見つかりません。

+ JavaScript の質問用スレッド vol.78 +
http://pc11.2ch.net/test/read.cgi/hp/1273328285/

>>24
移動します。

いろいろググッたんですがform methodのgetとpostの違いが良くわかりません
詳しく教えていただけないでしょうか

お断りします

>>26
送ったurl見ろ

「GETで情報を送る」とは、送信先のURL、つまりaction属性で指定したURLの後ろに
"?<name>=<値>&<name>=<値>&……" のような書式でパラメータをくっつけて
ブラウザで普通にアクセスすることに等しい。

たとえばGoogleのトップページはだいたいこんな構造になっている。

<form method="get" action="/search">
　<input type="text" name="q" />
<input type="submit" value="Google検索" name="btnG">
</form>

だからテキストボックスに"neko"と入れて検索ボタンを押すと、
このようなURLに直接アクセスしたのと同じことが起こる。
アドレスバーにもこのような感じのURLが表示されているのが分かるはず。
http://www.google.co.jp/search?q=neko&btnG=Google検索

>>29
すいませんどうもありがとうございました
自分はそれをpostだと思っていたため
getについて説明してあるページなどを見ても違いが理解ができませんでした
失礼しました

FireFoxで子要素に指定したmargin-topが親要素に反映されるのは何ででしょうか？

忘れたけど、その方がW3C的に正しいんだったと思う
親要素にborder-topやpadding-topが設定されていない場合は小要素の
margin-topは親要素のmargin-topに反映される
親要素にもmargin-topが設定されている場合は相殺される

IEでも最新のものであれば同じようになる筈だよ

cssを利用して画像だけで枠線を作成したいのですが、
参考になるようなサイトはありませんでしょうか？

はい

table作ったら、完全に画面の左端にぴったりくっついてしまうんですが、
多少隙間を空けるにはどうすればいいですか？

>>35
margin-left
その前に今すぐmarqueeやめろ

>>35
まぁ、それ以前に突っ込みどころがいくつかあるけど…

とりあえず12行目、スタイルシートのtable内にmargin-left:**px;って入れればスペースは開く
**には数字を入れる
もし全テーブルじゃなく、menuってところだけ適用させたいなら
50行目の<table border="1"…内に直接 style="margin-left:**px;"って入れればおｋ

それからDreamWeaver使ってるならソース見やすい方が編集しやすいと思うから、
画面上のコマンド(C)からソースフォーマットの適用(A)っての選ぶと綺麗に整列してくれる

あと、俺も>>36同様marqueeはオススメしないｗ
「Another HTML-lint gateway」でググって評価してもらうと良いよ
減点方式で、自分の記述が正しいか評価してもらえるから1つの指標にはなる

ご教授ありがとうございます。マーキーもやめときました。

基本的な質問ですいません。
ページの基本文章となる文字サイズとフォントを設定するにはcssファイルにどう書けばよいのでしょうか？

セレクタ [

http://www.w3schools.com/CSS/pr_font_font-size.asp
http://www.w3schools.com/CSS/pr_font_font-family.asp

ミスった。
CSSの書式は

<セレクタ>
{
　属性名 : 属性値;
　属性名 : 属性値;
　……
}

の繰り返しなので、そこを踏まえて「スタイルシート」みたいな
キーワードでぐぐってCSSの基本を覚えてきた方がいいと思う。
とりあえずでいいのなら
body {
font-size: 文字サイズ;
font-family: フォント名;
}
だけど。

わかりやすい説明ありがとうございました。助かりました。

FC2 無料ＨＰ
ブログで次々記事書いても　上のタイトル、サイドカテムのカテゴリカラム

、広告等はずっと定位置に固定してますよね？
ＨＰ作成するときでもそーいう風に固定させたいんですが、ですが可能ですか？
やり方教えてください

position:fixedでググれ

すいません

background-color: #000000;
と
background: #FF57FF;
の違いってなんですか？

ショートハンド、それだけなら（色を除いて）変わらん
http://www.htmq.com/style/background.shtml

すでに背景画像等が指定されていた場合
後者だとその設定が初期値（none）で上書きされて、画像が表示されなくなる

超初心者です。
ＣＳ４のガイドたくさん買って勉強し終わったところＣＳ５が届いたんだが……
あんま変わってなさそうだしＣＳ５で作ってよいのだろうか？

好きにすればいいんじゃないだろうか

デフォルトのフォントサイズを2から３にしたいんだが
フォントタグで設定した場合、途中でフォントサイズ変更したらまた３に指定しないといけないよね
デフォルトのフォントサイズの初期設定を変更って可能？

まだfontタグ使ってるのか

なんだと・・・・？
昔学校でならった初級程度のhtml以下の知識しかないから、
文字サイズ可変のタグはフォントとhくらいしかしらないんだ
それともフォントとhをつかいわけろってこと？

>>53
css

>>54
しまった、俺には未知の領域だった

ところで規定フォントサイズって２なの？　３だと記憶してるんだけどかわったのかな

CSSについてなんですが
.クラス名{...の構文を記述する際、

body > .クラス名{
↑これってどういう意味なんですか？もしくは意味が無いのでしょうか

デフォルトのフォントサイズをフォントタグで変更……ってどういうことだ？　DWの話か何か？

>>56
子供セレクタ

>>57
初心者の妄想

fontのbaseみたいなものなかったっけ？

何もいえない

>>56
解決しました　解答ありがとうございました

css　のidとclassの命名について質問があります（m_ _m）

（1）命名は必ず英語を使わないといけませんか？

例えば、パンくずリストの場合、
id="pankuzuList" ではなく
id="topicPath"　のほうが、業界的には標準なのでしょうか？？

（2）英語表記の場合、topicをtopikkuのように「スペルミス」をするのは、問題があるでしょうか。

自分的にはhtmlとcssが合致していれば特に問題ないと思うのですが、
業界的にはそういった細かいところまでこだわるものなのでしょうか？

今、共同でwebページを作っていて、自分も知り合いも実務未経験ですが、
知り合いが実務未経験なのにそういった細かいことにこだわる奴がいて困っています。。。

>>62
業界標準かどうかはオレにはわからないんだけど、同業者として言わせてもらえば
1：作業上のやりやすさ（わかりやすさ）
2：他者が見て判断しやすいかどうか
あたりがポイントになると思う
なので、id="pankuzuList" 　か　id="topicPath"　かはグループ内で決めればいいレベルだろうけど
他のidやclassの命名法との兼ね合いもあると思うんだよね
それまで英語表記だったのが、いきなりローマ字表記になったりするのはミスのもとだろうし
”topic”のような英語をローマ字表記で”topikku”とかにするのも無理があるでしょう

＞今、共同でwebページを作っていて、自分も知り合いも実務未経験ですが、
＞知り合いが実務未経験なのにそういった細かいことにこだわる奴がいて困っています。。。
「細かいことにこだわる奴」というのが実務未経験の「知り合い」なのかどうかもわからんけど
共同でやる以上は誰かがイニシアチブをとって決めていかないと後で大変かと
WEB制作というのは基本的に「細かいことにこだわる」作業だと思うし、初めによく話し合うべき

>>63
> 1：作業上のやりやすさ（わかりやすさ）
> 2：他者が見て判断しやすいかどうか

に対する配慮が欠けていたように思います！もっとよく話し合って決めていきたいと思います。
解答ありがとうございました

状況によってはテキストエディタでちょこちょこっと直す場合もあると思うんだよね
そういうときにスペルミスはすごく厄介な存在になる
たとえば "pankuzuListHeder" というクラス名があったとして、
これを目で見て他の場所に手で書き写すときに間違いをしない人はそこまで多くない

画面のサイズとフォントについて質問があります。

画面サイズを標準で想定してHPを作っていますが、
IEでもFireFoxでも表示で画面を拡大させたり縮小させたりした時に、レイアウトが崩れてしまいます。
そういう場合、レイアウトの崩れないようなｃｓｓの組み方を工夫すべきでしょうか。
それとも、崩れる事は仕方のないことなのでしょうか？

あと、経験者の目から見た、おすすめのフォントファミリーを教えてください。

ブラウザやOSによって見え方が違うのは仕方ないから、ある程度妥協した方がいいと思う
拡大縮小だけじゃなく、極端な話、スタイルシートだってユーザーが好きなの使えるし
絶対崩れないレイアウトなんて無理なんだからな
メジャーなブラウザで動作確認するぐらいは必要だけど

俺がWebサイト作り始めた頃は、重くなるからフォントファミリーは変えるな、って書いてるサイト多かったけど
今はどうなんだろ？俺はいつも指定なしだけど

スタイルシートを変更するのと拡大縮小とはだいぶ次元の違う話だと思う。
絶対に崩れないレイアウトなんか無理なのは当たり前として、
でも位置・サイズのpx指定をできる限り排除すれば
拡大縮小しても「崩れにくい」レイアウトは作れる。
（px指定とem指定が混じってて崩れるのは論外だと思う。個人的には）

問題なのはそこにどこまで労力を突っ込むかで、
どのあたりを落としどころとするのが良いのか、という質問なんだと思うよ。

>>67
こんな遅い時間にありがとうございます。
今、勉強のために知り合いの会社のサイトを作っています。

ある程度妥協も必要なんですね。
実は、IE7、IE8、firefox3.6、safari4＆5、Google Chrome（全てwin）で
確認して問題なかったのですが、iPad（多分mac版safariかな？）で
見て崩れており、凹んでしまいました。（クライアントさんのブラウザはIE7です。）

windows　Vista用のフォントに「メイリオ」という書体が入ったそうですが、
そうなるとこの書体に対応したデザインを考えるべきなのかな？とも思うのですが、
「メイリオ」を指定している会社と、とくに指定していない会社はまちまちのようですね。

>>68
ありがとうございます。
> 拡大縮小しても「崩れにくい」レイアウトは作れる。
少し変な指定の仕方をしていた場所が…心当たりがあるので、
そこを直せばもしかするとましになるかもしれません。頑張ってみます。

たまにメニューなんかで、画像の上に文字が載って、さらに全体がリンクになってるやつがありますが、
あれはどのようにすれば作れるのでしょうか？

条件は
・1行に1つの画像・文字を表示する
・画像だけや文字だけでなく、全体がリンクになる
・全体の大きさをwidth・heightで指定できる
・画像の真ん中に文字が載る
・マウスオーバーすると、画像も文字の色も変わる
です。

今までやってできなかったのは以下の通りです

a {
display: block;
background: url(button.png);
width:200px; height: 50px;
color: #66CCCC;
text-align: center; vertical-align: middle; }
a:hover {
background: url(button2.png);
color: #FFFFFF; }

→文字の縦の位置が設定できない
・だからといってdisplayをtable-cellにすると、1行に画像・文字が複数表示されてしまう

JavaScriptを使うしかないのでしょうか？
それとも、liやdivか何かで方法があるのでしょうか？

実物を見たんならそれを真似すりゃいいと思うんだが……
とりあえず画像の上に文字を載っけて、全体をaタグで囲ってみたら？

自己解決しました。

<style type="text/css">
div.test {
　display: block;
　vertical-align: middle; }
div.test a {
　display: table-cell;
　width: 200px;
　height: 50px;
　vertical-align: middle;
　text-align: center;
　background: url(button.png);
　color: #66CCCC}
div.test a:hover {
　background: url(button2.png);
　color: #FFFFFF; }
</style>

<div class="test">
<a href="">
文章
</a>
</div>

この様なコードで解決しました。
aはblock・inline-blockでは縦位置の指定が出来ず、inlineではサイズを指定できないので、
table-cellを指定し、両方を解決しました。
divはtable-cellはNGですが、HTML側の表現を変えればinline・inline-block・block全て使えるようです。


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

フレームでメニュー表示するヘッダー部分と内容を表示するメイン部分に分けてサイトを作っているのですが、PHPを使ってヘッダー部分を読み込んだ時にログイン状態を表示させています。
index．htmlの
framesetでヘッダー用のページと内容を表示するページを用意。
ヘッダーのメニューボタンを押すことで内容表示させている部分のみ切り替わるのが基本動作。

そこで、ログアウト処理をして、metaタグでメイントップページに飛ばすと、ヘッダーの部分は読み込んでいないのでログイン状態を表示している部分が変化しない。
metaタグでindex.htmlに飛ばすと、フレームの中にフレームが出来てしまう。
ヘッダーページを読み込んだ時にログイン状態を確認して結果を表示させているので、metaで飛ばした時にヘッダを再読込してなおかつ、メイン領域もトップページに戻したい
と考えています。フレームの再セット？の様な事が出来ればいいんですが・・・普通にindexに戻すとループしてしまいます。

>>74
position:fixed;

>>74
frame使うな

ビルダーから乗り換えてみようかと体験版をインスコしてみました。
ライブビューの文字（フォント？）が使ってるブラウザのフォントと違うのですが
変更はどこからやればいいのでしょうか？

CSS

tableタグについて質問なんですが
表の外側の右端から文字を打ちたいんですが
どうすればできるのでしょう？

自分がすると表ではなくタイトルの右端から文字が打ち始めてしまいます。

頑張ればできる。

DREAMWEAVER CS3について質問です。
30ページから成るサイトが１つあります。サイト設定がしてあり上書き保存(ローカル)すれば
勝手にサーバーにアクセスして上書きしてくれます。これについてですが、

１、サイトには全ページ共通部分がありテンプレートを使用しています。
テンプレートを更新した場合は、サーバーにアクセスして上書きしてくれないので
自分でＦＴＰにて全ページ更新しています。（単ページを更新した場合は勝手にサーバー内の
ファイルを上書きしてくれる）

２、サイトの数ページにスニペットを１つ使用しています。
このスニペットを更新した場合は該当ページ（ローカル）を更新しサーバーにアクセスして
上書きしようとしますが、Dreamweaverはサーバーと通信中です…などと毎回エラーが
でて、結局自分でＦＴＰにて更新しています。

上記１，２について作業性を効率化させたいのですが、手段はあるのでしょうか？
初心者であり、質問がおかしいかもしれませんが、何卒よろしくお願いします。

dreamweaverCS4を使っています。
Spryデーターセットで、外部ファイル（HTML・テーブル）の設定を
したのはいいのですが、IEでテーブル内容が表示されません。
{Day}{TextA}{TextB}のように、{}内にテーブルのヘッダー部分が
表示されるだけです。
Fairfoxではちゃんと表示されます。
ソースコードやCSSを見直してもどこが悪いのかわかりません。

よかったらご教授ください。お願いいたします。

firefox

>>81
あります

>>82
IE

dreamweaver CS5の購入を考えてるけど、お薦めの本ってある？

ホテルのホームページのような美的センスがあるものを作りたい…

gifボタンを横や縦に並べたテンプレートみたいなのを作ってさくさくと更新や管理をしたいのだけれども…
tableではなくてdivでエリア区切って簡単にレイアウト設定できる（出来ればリギッド対応で）様にしたい

作例見本みたいなのと、一通りの作り方を手取り足取りみたいなのが欲しいのだけれども…

>>86
本を読んでもセンスは身につきません

外国の空港は夜着くと両替できないしカードのキャッシングもできないから無一文なんだぜ

CS4を使っています。
同期ボタンで、更新したファイルをリストアップしてアップロードしているのですが
中に同期したくないディレクトリがあります。なにか設定で、特定のディレクトリは
同期しない…というようなことはできるんでしょうか？
同期したいディレクトリのみ選択すれば良いんでしょうけど、階層が深かったり
複数あると面倒くさいです。

dream weaver cs4で、
テンプレートを作成しようとすると

サイトが定義されていないから追加してくださいとか言われます。
でもサイトは定義してるはずなんですがなぜでしょうか？

ローカルサイトなしで、直接ftpサーバーに接続して編集してるせいでしょうか？

ちがいます

答える知識の無い基地外>>80=>>84=>>87=>>88=>>92はシネヨ

その態度じゃお前が知識の無いキチガイだぞ

教えてください。

手打ちＣＳＳで書いていますが、
ＩＥ8で、リンクボタンなどにmarginをかけていると、
マージンの範囲までリンクエリアになってしまいます。

解除する方法はありますか？？

favicon.icoのことで、教えていただきたいのですがスレ違うかな？
私のサイトのブックーマークをすると、アイコンが出るようにしたのですが、
yahoo検索したときに、同じアイコンが出てくるようにするには、
どうしたらいいのでしょうか？
どうぞよろしくお願いいたします。。。

>yahoo検索したときに、同じアイコンが出てくるようにするには、

意味が解らん。

>>97
わかりにくくて、すみません。
例えば、
http://search.yahoo.co.jp/search?&p=goo&fr=snmsie7&ei=utf-8
こんな風に、検索をかけると
特に大手サイトは左端にアイコンが出ますよね？
(この場合、GooとGoo-Netは出てます。）
小さいサイトでも、出るところは出てます。

私のサイトも、検索をかけたときに
お気に入りアイコンと同じアイコンがでるように設定したいんです。

やり方を教えていただけたら嬉しいです。

ユーザースクリプトの効果か何か？

>>98
出ない

>>98
少なくともWin環境の各種ブラウザでは出なかった。

spryのメニューバーを横に配置したんですが、ブラウザのお気に入りを横に動かすと、作成したメニューバーだけが自動でサイズ変更されず２段になってしまいます。
どこを触れば改善するのでしょうか？

>>99、100、101
お返事ありがとうございます。
最近、PCをかえたら出るようになったのです。
win7です。
出ない人が多いって事は、急いで導入しなくてもいいみたいですね。
ありがとうございました。

もうひとつ、聞いてもよいですか？
サイトの右端に「Follow　me」ってツイッターのフォローをお願いする
ロゴを出すのは、どうしたらいいのかな？

こちらもすれ違いでしょうか？ごめんなさい。

散々即出かもしれんが、どういうキーワードでググったらいいかわからんから、ここで質問させてくだしあorz
PHPで簡単な計算フォームを作ってるんだが、Submitするとベージ読み込むから、
ページの一番上から表示される、だから、いちいち計算結果が出る下の方までスクロールしなくちゃいけないんだけど

submitボタン押しても任意のページ位置からはじめる方法(アンカーみたいな感じかな)ってない？

submitするんじゃ hoge.php#result みたいなアンカー仕込むわけにもいかないから
JavaScript使うしかないんじゃないかな
それが嫌なら次善の策としてページの上の方に「結果までスクロールする」みたいな
ページ内リンクを用意しておくとか

>>105
なるほどね。
やっぱそういう原始的な方法になっちゃうよな。

メソッドをGETにしたらURL形式になるけど、それを利用したりもムリだよな？
【http://xxx/○○○.php?ﾌｫｰﾑの内容】
みたいになるから、そこにどうにかしてアンカー仕込むとかｗｗｗ
俺の頭じゃまったくわからんｗｗ

http://hoge.com/test.php?omae=hage#unko

Windows vistaでDreamweaver8を使用しています。

ブラウザでプレビューする際に、ブラウザリストから
プレビューするブラウザを選択する形になると思うのですが、
なぜかfirefox（セカンダリブラウザ設定）以外のブラウザが選択できなくなってしまいました。
（ブラウザ名は表示されるのですが、灰色表示で選択が出来ない状態です）
使用しているブラウザは、IE8.0(プライマリ)、GoogleChrome、Safari4.0、Firefox2.0の4種類です。

exeファイルへのパスも何度も確認したのですが、
記載に間違いはないようで・・・
パスは、ProgramFilesの各ブラウザのフォルダのルートにある、
ブラウザ名.exeをそれぞれ指定しています。

何か解決法があれば、ご教示願えれば幸いです。
よろしくお願いします。

リカバリ

Dreamweaver CS4についてです。
HTMLタグ選択時にコピー＆ペーストをすると、選択範囲が勝手に変更されてしまいます。
例)<font color="#FFFFFF">の#FFFFFFのみ選択コピーする場合、<font color="#FFFFFF">〜</font>と全て選択されてしまう。
例)<table><tr><td>〜</td></tr></table>の<td>〜</td>に上書きペーストをする場合、<table>〜</table>と全て選択されてしまう。
※タグはHTMLのみ使用。CSS・script・PHP等は一切未使用です。

調べたのですが解決方法は見つかっていません。
Dwの「カッコ内を選択」機能に似ている部分があるのですが、一切自ら仕様はしていません。
今の所の解決方法としては、秀丸等を代用し、コピペを行うか、ペーストする前に「コードのインデントを解除」をクリックしてからペーストを行っています。
毎回なので手間がかかりすぎ作業にならなく困っています。
解決方法を教えていただきたいです。
お願いします。

まだfont使ってんのか

>>111さんは、結局のところ解決策はご存じでないのですか？

css使わないっていってるんだからもう言う事ないだろｗｗｗ

>>112
知ってたら普通答えるから待ってればいいんだよ。そういうレスすると煙たがられるよ
その問題だけど、このスレでもよく出てるね。覚えてる範囲では明確な対策は出たことがない。
多少時間はかかるかもしれないけどadobeに聞くのが確実。

html、cssでサイト制作課題をしている大学生です。
技術についてぐぐって調べたかったのですが、どういう文言でググったらいいものかすら分からず…

ボタン（リンク）をクリックすると、ページの一部だけが別ファイルに切り替わるように指定するためにはどこをいじれば良いのか分からず困っています。
分かりづらいと思うのですが、ブラウン管のテレビがあるとして…テレビの枠やそこにあるチャンネルボタンなどはすべて共通で表示されたまま内側の画面だけ切り替わっていくというイメージです。
すべてのページについて枠のタグを貼り、読み込ませるしかないのでしょうか？
フレームが使えたらそのようなイメージなのですが…

教えづらい質問かと思いますが、分かる方がいらっしゃったらよろしくお願いします。

javascriptも頑張れ。
というかjavascriptじゃないと無理だな。

>>115
レスありがとうございます
target指定できないのかなあと今調べ中なのですが…

あぁごめん。フレームは使いたくないのかと思ってたよ。
<a href="test.html" target="frame1">test</a>
<iframe name="frame1"></iframe>

>>117
いえすみません、フレームは使いたくないのです！
そっかtargetはフレームになっちゃうんですね；

やっぱりjavasprictの勉強が必要なのでしょうか…うおお…

Javascriptを一から勉強するのも結構だけど、
jQueryのコンテンツスライダーでも探して導入すればすぐじゃんかよ。

いきなりjqueryから始めるとわけわからんだろう

cssのidのことなんですけど、
css
#navi {}
#navi .cc a{ }

id内のクラスを設定しろって書かれています。
html
<div id="navi">
<a href="#">uu</a>
<a href="#">ss</a>
</div>

ssの部分に設定したいんですけど、どうやればいいんでしょうか？
わかる方お願いします。

すみません、自己解決しました！

>>102　ヒントdiv

padding:0 10px
これは上下０　左右１０でよろしいのですか？
あと、どういう場面でこういった表記をするのが一般的なんでしょうか？

合ってる。ショートハンドという呼び名がある。
どういう場面でと言われても、
padding: 0px 10px 0px 10px;
か
padding: 0px (適当でいい) 0px 10px;
と書きたいときに見やすくするため／手を抜くためとしか言いようがない。

>>120
自分で書くわけじゃない。
プラグイン導入なんか馬鹿レベルで出来るだろ。

マウスオーバーでメニューを変化させたいんですが、以下の場合
ul.navigation li#news a から a:hoverでnews_2.png に変化させたい場合どうすればいいのでしょうか？

ul.navigation li#news a {
display:block;
float:left;
width:182px;
height:60px;
text-indent:-9999px;
background:url("./images/menu/news.png");
}
li#news a:hover {
background:url("./images/menu/news_2.png");
}

自己解決ですごめんなさい。
ul.navigation付加し忘れてましたorz

>>125
ありがとうございました

Adobe Dreamweaver CS3使っているのですが全部英語なのでかなり使いづらいです
日本語化ってできるのでしょうか

>>130
日本で売っている物を買えば日本語化の必要は無いはずですが？

日本語で使えないんですけどってAdobeに問い合わせてみれば？

割れ厨注意報発令

通常のＤＷＣＳ４とＤＷＣＳ４ポータブルって機能的に全然違いますか？

http://tonakai.srv7.biz/link3.html

料理の写真とaaaaaaaaaaaとかいてある間の枠線を左に寄せたいんですが。
写真も枠内の左に寄せたいです。

お好きにどうぞ

>>135
またお前か、いい加減に自分で調べれば？そのレベルの問題はググればすぐ見つかる

>>135
ソースみてみたがひどいなこれ

これはひどい　大人しくビルダーに移れ

ソース見るまでもなくひどい。
フッターのリンクなんて殆どの人気づかないだろｗ

>>135
アンタにいいとこ教えといてやるよ
うちがまだHTML触り始めた頃にお世話になったサイトだ
http://www.tagindex.com/

だれか、ボランティアで↓に見栄えが良くなる様なソース書いてもらえないでしょうか？コピペして使いますので。
ボランティアでやってくれる人お願いします。

お断りします

なんでDreamweaverなの？どうせ割れでしょ？
HTML手打ちできない人が使える代物じゃないよ？

大人しく"誰でも使えるホームページビルダー"を使いなさい

リセットCSS、色々ありますが、とくにオススメだと思うものを教えてください。

>>142
<body>
<h1>タイトル</h1>
<p>テキスト</p>
<p>画像</p>
</body>

>>135
カレーがどうしても・・・にしかみえない！！！！！！！！

まったくおいしそうじゃない！

>>135「カレーつくったよ−」
>>147「うん、この味だ」
友　　 「うんこの味とかｗｗｗｗｗひでぇｗｗｗｗｗ」
>>147「ああ、作り方がなっちゃいないな・・・まるでうんこだ」
友　　 「・・・・・・」
>>135「・・・・・・・」
>>147「だがまぁ前よりはうまいな・・・」
>>135「/////」
友　　 （え、ええ〜・・・・・）

面白いとでも思ってんの？

もういい

すみません、本当に初歩的過ぎる質問ですが
ど忘れしてしまいどうしても思い出せないので･･･

(１) padding:1px 2px 3px 4px;
(２) padding:1px 2px;
この記述の場合(１)1〜4、(２)1〜2の数字は上下左右の何れを指しているのでしょうか？

http://www.google.com/search?hl=ja&lr=&ie=UTF-8&oe=UTF-8&q=padding

>>151
1.上　右　下　左
2.上下　左右
10px,20px,30px,40pxとか目で見て分かる値で試したり、自分で考える癖を付けるといいよ

教えたがりちゃん

スレの趣旨を考えようね^^

いったい誰と戦っているのだ

>>152-153
ありがとうございます、すっきりしました…！
paddingだけで検索したらきちんと引っかかるんですね
以後気を付けます

tableを使用せずに、戻る・トップ・進むボタンを簡単に横並びにする方法はありますか？
tableタグには他の箇所で使うために特殊な背景画像を割り当ててしまっているので、ボタンの背景がbodyの背景と違ってしまうのです･･････
tableタグの外側から別のクラスタグを指定しても、tableタグが優先されてしまうみたいで･･････

divタグ3つをfloatとwidth指定して配置する

＞tableタグの外側から別のクラスタグを指定しても、tableタグが優先されてしまうみたいで･･････
table {background: ******;}
table.class {background: *****;}
順番と上書きを考えること

>>160
table.class {} の概念を失念していました！
おかげで解決できました、ありがとうございます！

リセットCSS、色々ありますが、とくにオススメだと思うものを教えてください。

DreamWeaverCS5のコードビューで全角「”（ダブルクォート）」を入力。、
同一コードビュー上にコピペすると全角から勝手に半角のダブルクォートなってしまうのですが、
これは仕様なんでしょうか？　WinとMac共に同じ現象が発生します。

Dreamweaverで画像を選択した際、
プロパティインスペクタの編集ボタンがありますが、
参考書には「Fw」ボタンになってますが自分のは「Ps」ボタンになっています。
どこで設定できるのでしょうか？よろしくお願いしますm(_ _;)m

ごめんなさい、解決できました。本当にごめんなさい

*{リセット}

未だにCS3を使ってるのですが、CS5に買い変えた方が良いでしょうか？
CS5から見たらCS3なんて不便すぎてもう使えないというぐらい変わってるのなら買い変えようと思っているのですが

思い切ってDreamweaver CS5を買ってDreamweaverデビューしたんですが
どこまでGUIでやって、どこまで手書きをするツールなのかまだ掴めません。

1つの要素に複数クラスを指定する方法がなかったり、
テーブルの特定のtdにだけクラスを付加したりとかできないみたいで
結構不便を感じるのですが、
HTMLを手書きしないとできないこと多くないですか？
そういうもん？

そーいうもん

そうですか
慣れるまでは大変だ

>>168
特定のtdにクラス付与はできなかったっけ？
Ctrl押しながらセルをクリックして・・・下の小窓からクラス選べた。ような気がする。

ぶっちゃけ進化止まっちゃったよなコレ

ってことはCS4からグレードアップしなくてもおｋ？

php使うなら、CS5すごくいいと思うよ。
俺的には最高だわ。

具体的に何も書かないで何が言いたいんだよ

>>175
おまえにだけは教えたくなくなった。
おまえにだけにはな！

お前はアップグレードしなくていいよ

>>171
おおできた！
単純にクラスを足すだけならできたけど
td.class という風にtdに限定はできなかった
なんかよくわからんから手で書いたほうが早い予感

dreamweaverで、
title要素とh1要素に同じテキストを入れることができる機能ってありますか？
MovableTypeのテンプレートタグのような・・・

ライブビューとライブコードはけっこうべんり

初歩的な質問ですみませんが
p2　2chのように区切った所をブラウザで開いても自由に大きさを変えるというか、比率を変える事をできるようにするにはどうすればいいのでしょうか？
ttp://tsushima.2ch.at/s/news2ch83069.jpg
ttp://tsushima.2ch.at/s/news2ch83070.jpg
ちなみに使ってるのはCS3です

フレーム
ノーリサイズにしない

ありがとうございます！
めっちゃ助かりました！

<<<EOF　EOF;
について詳しく載っているサイトってありますか？
上手くいくときといかないときがあるので

全くの初心者ですが、会社のサイトを更新しろと言われ作業中です
index.htmというファイルが元々のトップページだったので、それを編集したところ、

You don't have permission to access / on this server.
Additionally, a 403 Forbidden error was encountered
while trying to use an ErrorDocument to handle the request.

とエラーが出てしまいました
ErrorDocumentという事は、htmlの文法が間違っているのでしょうか？

初心者以前の問題
英語読んで上司のところいってこい。

403がいきなり出たら初心者は困ると思うけどなぁ

再アップロードしたり暫く待ってからアクセスしても変化が無いようならアクセス権が与えられてないことが原因
もともとはちゃんと表示できてたんだろうから、>>185が余計なことしたんだろうし、どんな手順で編集したのか書けば誰か教えてくれるかもね

縦書きのタブを作って横にプルダウンさせたいんですけど、Dreamweaverで縦書きのプルダウン作れますか？

テキストじゃなくて画像生成してやんないと無理かも

プルダウンメニューとか自己満足なだけだけどな。

何の話だ

いやなんでもない。

プルダウンメニューってスペース省略にはいいんじゃない？
っていうか画像でプルダウンメニューなんてできたっけ？

option要素にはテキストしか内包出来ない
スクリプトで似たようなことは出来るだろうけど

「プルダウン」という言葉を中心に何かすれ違いが発生している予感

kwsk

学校の授業でHPをつくっています。明日の午前中までが納期なのですがインラインフレームがわからず、困っています。
よろしければ誰か助けてください。
使用ソフトはドリームウェーバーcs4です。

納期とな。
まずぐぐれ

今は夏休みじゃねぇの？

dreamwweaver　ＣＳ3を使ってます。

<a href="www.○○.com">と、他所のページへのリンクを作っているのですが
ブラウザで見ると、「うちのサイトのアドレス/www.○○.com」というリンクになってしまい
リンクをクリックするとエラーになってしまいます。

初心者の質問ですいません、助けていただけると嬉しいです、宜しくお願いします。

http://を頭につけろ

そのレベルならDreamWeaverじゃなくホームページビルダーおすすめ
煽りじゃなく、DreamWeaverは最低でもタグ手打ちできるレベルじゃないと厳しい

CS4使ってます。
非表示の文字にチェックを入れて、タブや改行・半角スペースを表示させているのですが
これをタブのみ表示させることってできませんか？

半角スペースがドットで表示されて、本当のドットなのかスペースなのか分からず
戸惑ってしまいます…。

なぜそれが必要か？？？

htmlでテーブル作成時のcolspan処理についてです。

http://www.dotup.org/uploda/www.dotup.org1063453.jpg

画像のようなテーブルを作っていて、１行目から４行目までは特に問題なかったのですが、
５行目のような区切りがでてきてどのようなcolspan処理を書けばよいか分からず困っています。
このように区切りが変わっているテーブルを作成するにはどうすればよいのでしょうか…？

全体を3カラムにする

そういうテーブル作ったことないから試してないけど
http://www.dotup.org/uploda/www.dotup.org1063468.jpg
こんなんでどうだい

>>205
３つに分けて、それぞれ結合すれば良くね？

<table>
<tr><td colspan="3"></td></tr>
<tr><td colspan="2"></td><td></td></tr>
<tr><td colspan="3"></td></tr>
<tr><td colspan="2"></td><td></td></tr>
<tr><td></td><td colspan="2"></td></tr>
</table>

お前ら優しすぎる件

３つに分ければ出来るんですか('A`)
ご丁寧にありがとうございます。
助かりました。

dreamweaver cs5の体験版を使っています
ソーテック社の解説本に「webデザイン解析能力」というのが今回から搭載されている
と冒頭に書いてあるのですが
どのようにやるかわかりますか？

ドコモの携帯でswfファイルをインライン表示して、
テキストの回り込みをさせたいのですが、うまくいきません。

<object>タグにfloatなどを指定して、iモードシミュレータIIのｼﾐｭﾚｰﾄﾓｰﾄﾞ8だと
回り込むけど、7以前だとダメです。

なるべく古い携帯まで対応させるSWFへの回り込み方法はありますでしょうか？

ありません

>213
私もswfへの回り込みは無理なんじゃないかと思っていたんですが、
モバゲーのビストランテというHTMLゲームが、objectにテキストの回り込み表示を
してるっぽい(読み込み時にobjectと出てる) です。

携帯なんでソースをのぞけないのですが、どうやってるんでしょう。

やってません

ドコモってあのCSSが使えないバグブラウザの

バグじゃないよ

仕様というバグです

日本語勉強した方がいいよ

style要素があると全てのCSSが無効になるのは流石にバグな気もする

それはバグ

基本的な段組みができるようになったレベルの初心者です。

フッターを画面の下部に固定する方法を試しています。
フッターの固定はうまくいってるんですが、どうしてもコンテンツ部分の高さが必要以上に大きくなってしまい、
スクロールバーが表示されてしまいます。

どうすればコンテンツ部分の高さをうまく調整できるでしょうか。
よろしくお願いします。

ソースコードはこちらです。
http://kissho.xii.jp/1/src/1jyou120740.html

このサイトを参考にしていじってます。
http://www.lucky-bag.com/archives/2005/04/footer.html
http://www.cssstickyfooter.com/

>>222
基本的な段組ができるならできるはずです。

>>222
試してないけど
#footerにmargin-top: -*px;を追加

>>223
死ねｋｚ

>>224
できませんでした

人にkzとか言う割にはその程度なんですねｗｗ

firefoxでプレビューすると普通に全ページ正常に見れるんですが
IEだとindexしか見れなくて他のページは、ページが表示されましたって
出るんだけど真っ白。何か問題ありでしょうか？

>>222
参考通りに作れよ。
構成が違うぞ

>>226
問題が無かったら見れますよね？

コーディング方法についての質問です。
私はpositionでの位置指定はほとんど使いません。
ある要素に要素を重ねる場合マイナスのマージンを適用して重ねてしまいます。
たとえばバナー画像があって、その画像の中にボタン（リンクとなる）がデザインされている場合、
ボタンなしのバナー画像とボタンの画像にわけ以下の用にコーディングして
ボタン画像はmargin-topにマイナスマージンを適用してバナー画像と重ねてしまいます。

<div><img src="パス" /></div>
<p><a href=""><img src="パス" /></a></p>

※pに対してmargin-top: -30px; とか指定してバナー画像と重ねてしまう。

だけど先輩からお前のは分かりづらいからpositionを使うように言われました。

positionを使うとIEとかでたまに基準となる位置がずれる場合があり理由が分からないため避けていたのですが、
やはりpositionを使って重ねたりするのが普通なのでしょうか？

よろしくお願いします。

>>229
位置がずれる原因をわかってるなら、positionでもなんでも好きなの使えばいいが、わからないなら勉強しろ



まあ、時と場合で使い分けろ

>>229
IE6で表示位置がずれる場合は!important Hackで対応すればいい

画像の一部分だけにリンクを設置する場合はクリッカブルマップを使用する
のが一般的で、positionやnegative marginでリンク画像を重ねるやり方を
している人は少ないと思う

>>231
画像の上のボタンもロールオーバーしたいとか言い出すんだよ

IEなら * html span{color:#000000;} の方がよくね

IE6なら

なにが？

iphone（FLASHを見れないブラウザ）でFLASHを使っているページを見ようとした場合、
自動的ないしはリンク等でFLASHを使ってないページに飛ばすにはどうすればよいのでしょうか。
デザインの都合上、「iphoneの方はこちら」というようなリンクを常にトップページに張ることは不可能です。

>>236
そーりーふらっしゅおんりーと書いておく

俺なら誘導テキストの上にフラッシュを重ねる

iPhoneが早く廃れることを祈る

iPhoneよりドコモやPS3が

現在webサイトを作っているのですが…。
テンプレサイトから借りたテンプレでサイトを作っていて、
ある１つのフレームに、別のフレームページ（右左に別れているもの）を
表示させたいのですが、その左右に分かれたフレームページの右側にリンクを張り、
左側に表示させるようにしたのですが、左に表示されずに１つのフレームページ全体に
リンクされてしまいます。
よくわからない内容になってしまい申し訳ないのですが、本当に困っています。
答えていただけるとありがたいです。

zindexってFireFoxでも動くんですか？

挿入した画像を画面の真中(横の)に置くことってできますか？
img要素にしろobject要素にしろalign属性でcenterに設定できないですよね?

>>241
frame target

>>242
動く

>>243
display:block; margin:0 auto

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

>>244
もちろんframme targetはやっています…。
それでもうまくいかないのです…。

>>244
ありがとうございます。
それCSSで設定ってことですよね？

>>246
その作ってるサイトのソースかHTMLをサーバーにあげてみたら？

IMG{ display:block; margin:0 auto; }

CSSでこれでやってみたけど変わらないんですが
何か間違ってますか？

>>249
キャッシュ

>>244 >>248
すみません私のミスでした。
無事できました！レスありがとうございました^^;

なかなか反映されないのはキャッシュのせいですかね
更新ボタン押してもダメなようですが何かすぐ更新する方法ありますかね？

キャッシュって言ってんのにわかんないのか

わかりません

っ スーパーリロード

>>89
もう見てないかも知れないけど、「クローク」で実現できる。

フォルダの場合
フォルダを右クリックして　クローク→クローク実行　とすると
赤い斜め線がフォルダに付く。これでそのフォルダが丸ごと同期の対象外になる。

ファイルの場合
単一の特定ファイルの時はフォルダと同じやり方。

拡張子単位の場合
チームの場合はまずありえないと思うが、
個人で作ってる場合なんかは同じフォルダ内に
フォトショップのpsdファイル等がある場合が多いみたい。
クロークの設定内で拡張子を指定するとその拡張子のファイルは同期の対象外になる。

知らなかった人はやってみてちょうだい。

やっぱ>>244ので解決しました
ありがとうございます

>>256
勉強なった
ありがとう m( _ _ )m

type="password"
を使うとそのフォームにフォーカスを移した時、imeが勝手に「直接入力」に切り替えられてしまいますが、
これをime-modeプロパティを使用せずに切り替えを無効にする方法はありますか？

あります

>>260
ぜひその方法をお教えください

pixivの背景画像を見てみたらこんな感じになってるんですが
http://source.pixiv.net/source/images/sprite_20100804.png
これって一つ一つx,y軸を計算してクリッピングして画像を使用してると見ていいんですかね？

>>262
そう、例えば「お気に入りです」のボタンは
background:url("http://source.pixiv.net/source/images/sprite_20100804.png") no-repeat scroll 0 -106px
google readerもそうやってる

>>262
そう。「CSS Sprites」でググれ。

初歩的なXMLで質問させてくださいませ。

<items>
<item>
<pic>　　（1段目のpic)
<item>
<pic> (2段目のpic)
<item>
<pic>

このような形でxmlがある時、2段目の<item><pic>を指定するにはどうすればよいのでしょうか？

items -> item -> pic

と指定すると、常に1段目のitemの写真が表示されるのですが、2段目を表示したいです。

item[2]

と指定したらできました！　初歩的な質問すいませんでした。。

http://codezine.jp/article/detail/4939?p=6
ここのフロート型3カラムレイアウトについてちょっと疑問に思った事があるんですが
メインサブ1サブ2まとめて囲んでしまえば使う必要も無いと思ったんですけど。
<div id="wrapper">って所はどうして必要なんですか？
メインのコンテンツを先に表示させるという意味で使う物と考えて問題ない？

>>267
別に必要のほどじゃない、グループ管理が便利になるだけ

好きにすればいい

なんて言ったらいいかよくわからないんですが、
table[summary=""] { }　の［］の部分の説明をしてるサイトとかってありますでしょうか？

Google検索などで検索してみたいと思ってもなんと検索すればいいかわからなくて・・・・orz

DreamweaverのCS3とCS4は操作法がけっこう違いますか？

私はＨＰやブログ作りに関しては全くの初心者なのですが
最近アフィリエイトに興味を持ち始めまして、ここ一ヶ月ほど色々と調べていると
ＨＰ作成ソフトとしてはドリームウィーバーが一番評判が良さそうだったので思い切って購入しました

しかし、それからまた色々調べていくと、アフィリエイトにはＨＰよりもブログの方が適していると知りました
しかもブログを作成する上ではワードプレスやムーバブルタイプの方がいいという情報が多数あり
おまけにこの両ソフトは無料・・・ドリームウィーバーは５万円くらいしたのでかなりショックでした・・・

なんとかブログを作る上でドリームウィーバーを役立てたいのですが、ドリームウィーバーでもブログを作成することは可能でしょうか？
かなり初心者的な質問で申し訳ないのですが、ご教示宜しくお願いします

>>271
CS4からCSSがリンクになって上に表示されて、クリックすれば一発でCSSファイルに飛べる。
CS5からPHPの入力支援が付いた。htmlとCSS、ソースで使えるなら最高に便利だ。
手打ちで全部出来るっちゃ出来るけど、作成効率が格段に違うわ。

>>270
「CSS3 属性セレクタ」

>>270
あります。

>>271
けっこう違いますか？

初心者ですみません。
ググってでてこなかったので質問させてください。

ドリの正規表現で置換についてです。

data/hoge/index.htm
↓
data/hoge.htm

としたいのですが

検索　data/\w*/index.htm
置換　data/$1.htm

とすると

結果　data/$1.htm

となってしまいます。
検索はできてるけど、置き換えの$1が機能してない？

ちゃんと正規表現を使用　にはチェックをしてあります。

最近つかわんから知らんけど

検索　data/\w+?/(.*)
置換　data/$1

こうなんじゃねぇの？

>>278
ヒントありがとうございます！

検索　data/(\w+?)/index.htm
結果　data/$1.htm

でできました。
カッコつけなきゃいけなかったんですね(´∀｀；)

>>279
「結果」じゃなくて「置換」でした

http://digicom-web.com/
↑ここのdivでフレーム化されたheaderとfooterってどうやって作ってるのかが知りたいんですが
わかる方いましたらヒントを下さい。

すみません。意外と簡単に実現できましたorz

今のネット業界、iframeを使うのは時代遅れですか？

別にいいんじゃないの
Amazon広告だってiframeだぜ

IE8がborder:none;を読み込まなくて泣いた

IEや携帯ブラウザのobject対応が糞だしな
まあiframeはHTML5で復活するらしいしいいんじゃない

webプログラマを目指しています。
html,cssでオススメの書籍がありましたら、ご教示いただけないでしょうか？
現在、C・ｈｔｍｌをかじった程度の知識で、phpを学んでいるのですが、やはり基礎をしっかり固めた方がいいと思いました。
よろしくお願いします。

以下自分が参考にした書籍だけど

はじめは上の奴
http://www.amazon.co.jp/gp/product/4839929734
んで色々分かってきたら下がいいかも。
http://www.amazon.co.jp/gp/product/4883375412/

本買ってあと気付いたけど本みるより電子リファレンスの方が一番勉強になった。
ぶっちゃけググるって分かりやすいサイトみた方が一番頭に入る。

外出先とかでも時間あるとき勉強したい場合とかには本買ってても良いかも知れない。

それだとどうしても知識に穴ができるんだよな。
1冊買って一通り目を通しておくのは悪いことじゃないと思う。

HTMLやCSSの本って間違いだらけなんじゃないの

http://desperadoes.biz/style/dan/
今3カラムのサイトを作ろうと思って上記のサイトを参考にしながら試行錯誤してるんですが
center部分にmin-widthを指定しても指定pxで留まらないのはleftDIVとrightDIVで囲んでないからでしょうか？

まだCSSひよっこなもので･･･
教えていただけるとありがたいです。

http://180.7.52.12/index.html

すみません。訂正します。
3行目の
leftDIVとrightDIVで囲んでないからでしょうか？は無視でお願いします。orz

解決しました。

ページ内の指定した箇所をマウスオーバー時にポップアップ表示するにはどうすればいいでしょうか？

<p>ポップ1</P>

<dl id="pop1" ><a href="#pop1" >pop2</a>←にマウスオーバーでポップ2の内容を表示 </dl>

<p>ポップ2</P>

<dl id="pop2" ><a href="#pop1" >pop1</a>←にマウスオーバーでポップ1の内容を表示 </dl>

>>288
優良な書籍の紹介、ありがとうございます。
とても、参考になりました。さっそく、購入しようと思います。

>>295
onmouseover="alert('ポップ2の内容');"

うぜぇｗ

これはうざいｗ

onmouseover="this.className='pop1'"　とか使えばいいじゃんｗ

続きはスクリプトスレで

画像（固定サイズ）と文章（画像の横幅に収まる）を枠線で囲って、
横に並べられるようにしたいです。
現在、floatで横に並べられるようにしているのですが、他に方法があれば知りたいです。
ただ、条件があって、変更できる部分は枠線とその内部のみなのです（以下のソース部分のみ）。（＝tableなどは不可）
<span style="float:left; border: solid #cccccc 5px;text-align:center; padding:5px; margin:5px; width:134px;">
abcde<a href=""><img src="" width="130"></a></span>

>>301
table

>>301
そういう場合は<div>を入れ子にする方法が一般的だと思う。
<div style="border:solid #cccccc 5px; padding:5px; margin:5px; width:134px;">
<div style="text-align:center; height:20px;">abcde</div>
<div><a href=""><img src="" width="130"></a></div>
</div>

>>302
(´・ω・`)

って書こうかと思ったけどtableの枠線ってdisplay:inlineでも綺麗なままなんですね。
盲点でしたマジサンクス。

>>303
それだと横に並べる事ができないのです。

とおもいきやstrictだと崩れますね・・・orz　IEはstrictでも望む見た目になるんですけどねぇ・・

strict→looseに変えることによっておこる不都合ってありましたっけ？
逆は厳密になることにより、見た目が崩れるということはわかるのですが。

h1〜6要素の文字の横に普通のテキスト置くことできますか？

名前が残ってるとは、気をつけねば

やり方はdiv要素と同じ
float とか display: inline; とかで検索すればよろし

p
div
span

この使い分けがいまいちわかりません
具体例を見てもピンときません、誰か教えてください

>>309
p段落
div特に意味が無いブロック要素
span特に意味が無いインライン要素

要は入れ物ってことでしょ。divもspanも。
自分の中ではdivは四角い空っぽの箱。
spanはA4くらいの紙袋だと認識してる。

いやspanはそんなでかくないだろ……
個人の好みって言えばそれまでだが

ぶっちゃけ個人の好みじゃねｗ
はがきサイズとか

ドロップダウンメニューの作成が難しい･･･

みなさんが参考にしてるHTML/CSSのサイトとか教えてくれませんか？

html-lint
W3C CSS Validation Service

classとidの違いが分かりますん。

1ページ内に明らかに1個しかない要素であればID振っておけ、
どちらにしてもその要素の「性質」や「種類」を表すクラスは用意しておけ

という感じで
あとJSから要素を操作する場合はクラスよりもIDから検索する方が高速

今さらホームページビルダーではなく
あえてHTMLとCSSでホームページ制作するメリットって
ビルダーの値段以外でどんなことがあるでしょうか？
どっちで作ろうか迷っています

>>318
なに言ってるんだ？

質問します
よろしくお願いします

【Dreamweaverバージョン】cs4
【わからないところ】テンプレートとXML宣言

現在、携帯サイトをつくっています。
拡張子は.phpです。

テンプレートの1行目にXML宣言をしています。
テンプレートを更新するとファイルのXML宣言が書き換わってしまいます。

<?php echo "<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>"; ?>
　　　　　　　　　↓
<?php echo "<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>"; ?>"; ?>

上は、テンプレートを更新するたびに「"; ?>」が増えていく例です。
更新するたびに、どんどん増えます。

なぜ、テンプレートを更新するたびにXML宣言が書き換わっていくのでしょう？
回避する方法はありますか？

>>318
日本語でおｋ

どうもスミマセン。
公式のFAQを見ていませんでした。
ttp://kb2.adobe.com/jp/cps/229/229327.html

どうやらhtmlタグの外側はデフォルトでは固定されていないようです。
理由はよくわかりませんが、テンプレートの固定がないためhtmlの外側にあるXML宣言が書き換わっていたようです。
上のURLの方法で上手く行ったと思うので、320の質問は取り下げます。

失礼しました。

>>318
Dreamweaverでもホームページビルダーのように視覚的にWebサイトを作成できます。
ただ、結局はソースを見て、HTMLやCSSを調整しないといけません。
したがって、どのホームページ作成ソフトを使っても、HTML・CSSを覚える必要がでます。

私の場合ですが、ホームページをつくり始めた当初、どの作成ソフトを使うか迷いました。
ホームページビルダーが一番有力でしたが、機能が多くて意味がわかりませんでした。
機能を全部覚えるか、結局は覚えないといけないHTMLタグ、CSSを覚えるか、迷った結果、
直接、タグを打つ「HTMLタグ、CSSを覚える」道を選びました。

使ったソフトはフリーソフト「HtmlProject2」や「ez-HTML」です。
参考にした本は、HTMLタグ辞典、スタイルシート辞典です。
頻繁に使うタグは限られているので、1ページしっかり作れば、いくらでも流用できます。
直接、タグを打つのは、それほど難しくありません。

ただ、ホームページのページ数が増えてくると、タグを打って更新するのは大変になってきます。
たとえば、全ページに共通した文章「コピーライト部分など」を手作業で更新するのは大変です。
その点、Dreamweaverはテンプレートやライブラリという機能があり、サイト内のコンテンツを
1ページ更新するだけで、すべてのページの文章を変更することができます。
この点を気に入って私はDreamweaverを使っています。

最初のうちは、フリーソフトでもホームページビルダーでも大丈夫です。
ただ、タグやCSSは覚えるようにすると良いと思います。
Dreamweaverは値段が高めなので、必要だと思ったときに買うか、初期投資と割り切るか、
お財布と相談してみてください。

>>323
ありがとうございます
まずビルダーで作ってみようと思います

>>317
遅くなったけどありがとう！
完璧に理解出来たよ。


3ヵ月後くらいだったらな。

テキスト反転部分の背景色を変えるには以下の指定でいけますが
::selection { background: #fcc; }
テキストエリアの部分には反映されません。

テキストエリアの反転色を指定するには、
どのように書けばいいのでしょうか

いや変えれんから。それ先行実装だから

で、textarea要素内にはインライン要素も挿入できないから、スクリプトでも無理じゃね

>>327
そうなんですかー。
どうもありがとうございました。

マウスオーバーで展開するプルダウンメニューの作り方を解説してるサイトでみなさんが参考にしたサイトを教えてください。
onmouseoverで実装したりとかCSSだけで実装したりとかで頭が混乱しそうなんですよね・・・・

よろしくお願いします。

onmouseover ＆ onmouseout はスクリプトなのでスレチ
CSSでやるなら hover疑似クラス

>>329
ここよく見るよ

http://bit.ly/1vXXu4

http://bit.ly/1vXXu4+

2chの短縮リンク踏めない

こういう板に来てるぐらいならbit.lyの使い方程度は知っておくべき
（>>332みたいに最後に"+"をつける）

これ？

http://bit.ly/VooK0

Googleや2chのHTMLは参考にしちゃダメダメ

http://indexroom-id.hp.infoseek.co.jp/test/JSpiku.html
このページを検査するとたくさんエラーが見つかるみたいなのですが
どういったエラーがでるのでしょうか？

SEO対策の業者の掛け持ちは、これがベスト！
http://hibari.2ch.net/test/read.cgi/hp/1251444817/857

業者しねや

pタグ全然使ったことがないんですが、必要ですか？
SEO的に、という話は別にして
純粋にテキストをデータとしてみた場合に。
また、pを使ってる人は、どのような観点でpを使ってますか？

論文みたいな内容で、トピックリーディングを意識してるとしたら
「pタグの先頭行だけ抜き出して意味が通る文書が作れる」というようなことを考えたけど
トピックセンテンスは先頭行とは限らず最終行のパターンもあるので
Pタグ+トピックタグみたいなのがなければ
そういう使い方には利点がないように思えます

マークアップ的に段落が必要だと思った時に使えばいいよ

CSSの質問です

改行しても詰められてしまいます
例えば

あ<br>
<br>
ん<br>
<br>
こ

と打っても表示は

あ
ん
こ

となってしまいます

body部分のletter-spacing部分に問題があると思って
letter-spacing:3px;　とかを　letter-spacing:100%;　にしたら無事治りました
ですが文字と文字の間の隙間が詰め詰めになってしまい見難くなってしまいました

どうしたら出来ますでしょうか…
支離滅裂で申し訳御座いません

一応　brは2連続はアウトらしい。
＞letter-spacing:3px;　とか
とか　って？
あとこっちでは普通に見れたよ。doctypeとか他のCSSの影響じゃね？

>>342
line-heightのこと？

>>342
・連続改行されない
・CSSのbody部分の　letter-spacing:3px;　を　letter-spacing:100%;
　にしたら連続改行されるようになった
・でも文字と文字のスペースが無くなってみっちりした感じに
・助けて！

よく分からんけどこういうこと？

日本語でおｋ

せめてイメージ画像でも出してくれれば助かるんだけどな。

あとブラウザとソース

>>343
一応 文法ミスではないけどな

いや、普通に解るだろ。
行間隔で悩んだ事無いのか？

em,px混在で技を駆使してなんとか思い通りにしてるんじゃないの？

>>348
行間で悩むことはないけど。
どんなコーディングしてるの？
とりあえず推奨は出来ないけどline-heightでpxとem駆使したら？

メイリオとかがデフォルトになってるOSを考慮しないと、レイアウト崩れたりするんじゃないか？

各々のフォントなんて対応できない

メイリオは流行ってる割に他のフォントに比べて文字幅や行間が異常だからチェックしといた方がよくね

>メイリオは流行ってる割に

えーと・・・・( ・_・;)

？

textereaの文字間隔を何とかしたいのですが

textarea使わないで擬似フレーム使ったら？
overflow: auto ;で簡単にできるし

*{

}

に　zoom: 1 ;　いれとけばとりあえずどうにかなりますか？
あと皆さんCSSリセットっていつもどうやってます？ * で一括してる人もいれば
個別に設定してやってる人もいるかとは思いますが。

zoom: 1って要るの？
あと*はお手軽だけどあまりお勧めしない。
テンプレート作って公開している人がいるので
そこから貰ってくるのが一番良さげ。

zoom: 1はpositionをインラインで使う場合にIEで必要とかどうとか？
なんかそんなふうに聞いた覚えがある。間違ってたらごめん。

やはり使わない方がいいんですね。

貰ってくるというのはいい方法！その方法もらいますｗ

IE独自拡張のhasLayoutプロパティがfalseの時に起きるバグがあって、
zoom:1とかを指定するとtrueになって云々。

まあ、理解してから使った方がいいよ

クォーテーションってid="hoge"とid='hoge'どちらが正しいのですか。それともどちでもOKですか？

>>360,361
ありがとうございます。
まだ中途半端でしか理解してないんで勉強してきます。

クォーテーションってのは、’のことだろ。
"はダブルクォーテーション。

え？そういうことじゃない？

なんだ釣りか。

とりあえず俺は　background: url(""); だったり
background: url(''); だったりするけど何も問題はない。

どっちが正しいんだろう。

幼心にベーシックを覚えていた頃、""は「ヌル」だと教えられたのだが、nullだと言う事に今気がついたどうでもいい話

ヌルヌル（"=ヌル）と覚えなかったお前は賢いコだったんだなぁ。

>>367
ああ、そう覚えていたかも

専用スレなのに皆適当だな・・HTML仕様書の3.2.2に書いてあったさ

専用スレ？

>>369
だから、釣りだってばれてるんだよw

ググってもすぐ解る事だし。ヌルヌル

table要素で一部だけ枠線無し、もしくは一部だけ枠線ありとかできますか？

css border

消すのは　{　border-top: none ;　}
付けるのは　{　border-top:#000000 1px solid;　}
topってとこ変えれば場所変えられる（top,right,left,bottom）

返答ありがとうございます。
今試してみたのですが、指定した枠線が完全には消えずに
色が薄い線の跡？のようなものが残ってるみたいな状態です。
これを完全に消す方法とかありますか？

SSうｐ

HTML　<td valign="top" align="center" class="jikan" >
CSS　td.jikan{ line-height: 1.4em; border-bottom: none; }
こんな感じです
あるセルの底辺部分の枠線だけ消すようにしてます

>>377
エスパーだけど、border-collspaceとか指定しろ

エスパーは要りません
正しい答えをもってる人だけ教えてください

>>379
エスパーに来てほしくなければ>>376の指示に従うべし。

>>379
じゃあ、君はもうこのスレに来る理由はない

まったくだ。
2chにおいて「エスパー」は
「お前死ね、でもこんなのはヒントにならねえかな？」
っていう、最上級のツンデレなのだ。

それに対するのが、>>379の返事なら…



>>379

只々、「死ね」

いつから、日本はこんなんになっちゃったのかねぇ？

質問よろしいでしょうか
h１タグにCSSを使ってフォントサイズを小さく表示しています。
ですが、ブラウザの再読み込みなどをすると、ほんの一瞬どでかいh1タグの文字が表示されてしまいます。
他のサイトを見ると再読み込みなどではちらついたりどでかい文字が見えてしまうことは無いようなのですが
これは何故おこるのでしょうか？

ご存知の方がいらっしゃいましたら回避方法とあわせて教えてください。

>>383
気のせいです。

>>383

>>379
の後だから、マジレスする気がしないけど。

気をとりなおして…

ヒント：htmlとそれに適用したいcssでは、どちらが
先にブラウザに読み込まれる？

マジレスは要りません。
エスパーの能力をもってる人だけ教えてください。

普段からWORDでHTMLを編集してる人っています？
使い勝手はどうなのか知りたいです
初心者なのでやさしくしてください

使い勝手は最悪だってばよ

個人的な感想はいりません
きちんとしたソースをもってる人だけ教えてください

cs5体験版チェック中です。
小さなpng画像をrepeatでbodyの背景にしているのですが、デザインビューにするととんでもなく動作が重くなります。
（PCスペックは古くありません。また、背景を消すと軽くなります。）
なので製作中はbodyの背景を表示しないようにしたいのですが、デザインタイムスタイルシートを使って背景をnoneにしても、実際のＣＳＳに上書きされて背景が表示されてしまいます。
デザインタイムスタイルシートを実際のcssより後に適用出来ないでしょうか?
もしくは、実際のcssをいじることなく作業時だけ背景を適用しない方法などありますでしょうか？

JavaScript１行入れるのがベスト

それだとうっかり削除するのを忘れたときに面倒なことになりそう。
ファイルを置く予定の鯖に向けてXHR投げて、成功したら背景画像削除を
キャンセル、ってすれば最悪どうにかなるかな。

>>390
ie6の人の事も考えてあげてください。

ie6はさすがに見捨てたw

ie6だけjavascriptが異様に重いし
pngは小細工しないと透明にならんし最悪だ

cs使っていないけど、デザインタイムスタイルシートって!important無いの？

>>393
今、ie6の人とマックのサファリの人がおんなじくらい
ネスケ2って人がいれワロタ

>>391
>>392
ありがとうございます。
どちらにせよDW内での解決は出来なさそうですね・・・。
というか何で背景表示くらいで動作がクソ重くなるのか・・・。
使用感がよければcs4→cs5にアップグレード考えてたんですが、あまりメリット無さそうですね？

>>393
>>394
透過する時はDD_belatedPNGを入れて、IE6.cssに
/*いつまでもクソブラウザ使ってんじゃねぇよ情弱が歯ぁ全部抜けろ*/
と書いておきます。

>>396
神認定。
見事に背景消えました！何で気づかなかったんだろ！？
ありがとう！東京人だとエスパーして東京方面に五体投地します！

CSSのbackground-repeatプロパティのrepeat-yを使うと
背景の左側に背景画像が繰り返し表示されるのですが
右側だけ、もしくは左右両方背景画像をつけることはできますか？

background: url() 0 center repeat-y;

もしかしたら center 0 の順番かも。最近やってないから急に不安になった
center の部分をleft, right, px指定　に変えればいい
左右両方は背景を設定するボックスを二つ用意すれば可能

エスパーは要りません
正しい答えをもってる人だけ教えてください

>>401
ありがとうございます
右側の方は成功しました。
両側のほうはまた右側用の画像を作って試してみます

402-403
自演乙w

コピペに反応する莫迦

>>400ですが左右両方の方はうまくいかなかったです。
body{ background: url(haikei.jpg) 0 right repeat-y;
　　　background: url(haikei2.jpg) 0 left repeat-y; }

こんな感じでやったんですが間違ってますかね？
一つのページの左右それぞれに別の画像をrepeat-yで設定する方法があれば教えてください

divで囲うってのはどう？

提案は要りません
正しい答えをもってる人だけ教えてください

body{ background: url(haikei.jpg) 0 right repeat-y;}
div#back2{ background: url(haikei2.jpg) 0 left repeat-y; }
これでbody直下に<div id="back2"></div>

>>407>>409
一応成功しました。ありがとうございます。
ただdivで設定した方は上の余白が空いてるので
なんとか余白設定しなおしてみます、分からなかったらまた聞きに来ます。

何となく練習で、カレンダーを作ってみたんですが、
ul要素のborder-leftが表示されません。

以下の様な記述があります。
間違いを見つけて訂正しなさい。
<style type="text/css">
body{background-color:#111;color:#fff;}

div#calbox{background:#444;width:607px;height:330px;margin:0 auto;padding:10px;}

div#calbox span{font-weight:bold;}

div#calbox ul{list-style:none;padding:0;border-left:1px #666 solid;border-bottom:1px #666 solid;border-top:px #666 solid;margin:10px 5px;}

div#calbox li.date{border-bottom:1px #666 solid;border-right:1px #666 solid;display:inline;padding:5px 25px;margin:0px 0px;text-align:center;width:34px;float:left;font-size:10pt;}

div#calbox li.day{border-bottom:1px #666 solid;border-right:1px #666 solid;display:inline;padding:4px 0px 0 6px;margin:0px 0px;width:78px;float:left;font-size:8pt;height:50px;}
</style>

<div id="calbox">
<span>September</span>
<ul>
<li class="date">mon</li>
<li class="date">tue</li>
<li class="date">wed</li>
<li class="date">thu</li>
<li class="date">fri</li>
<li class="date">sat</li>
<li class="date">sun</li>
<li class="day"> </li>
<li class="day"> </li>
<li class="day">1</li>
<li class="day">2</li>
<li class="day">3</li>
<li class="day">4</li>
<li class="day">5</li>
<li class="day">6</li>
<li class="day">7</li>
<li class="day">8</li>
<li class="day">9</li>
<li class="day">10</li>
<li class="day">11</li>
<li class="day">12</li>
</ul>
</div>

＞間違いを見つけて訂正しなさい。
命令口調吹いた

こんなアホみたいなミス自分で見つけろよ
border-leftがおかしい⇒数値とか色いじる
これだけで原因わかるだろｋｓ

俺は優しいから答えてやるけどclearfix使え。俺って優しい

まずulのCSSに background-color: pink; を入れてみ
予想通りのところがピンクになるか？

ちなみにIE8でみたら1行分ピンクで
Firefoxで見たら何もピンクにならなかった

それ以前にIE8で見ると配置がくずれてるよ

Firefoxでは ul のCSSに overflow:hidden; を入れると
ちゃんとなるくさい
でも今度は上の線が消えると思ったら
border-top:px になってるぞ 1が無い

>>413
どこのテストだよｗ

>>413 >>414
二人ともありがとうございます！

見事clearfixで完璧に素敵なカレンダーが
出来上がったわ！！

いまいち何で解決したのか分かってないけど。。。


あ、このカレンダー良かったらおすそ分けしますんで。

こんなクズみたいなの使う奴いるとでも思ってんのか……

>>417
クズみたいなのじゃなくて、クズ。

jQuery UIのカレンダーとかでいいじゃん

<p> の中に <div> 入れるのは×ですか？

SPANをブロック表示にしたら？

そこはインラインブロックだろ

dreamweaver CS3 WIN を使っております。
テンプレートのdwtファイルを作って、それを基に各ページを作っていきたいのです。

１・右下の、ファイルのテンプレートファイル　AAA.dwt をダブルクリックして、テンプレートファイルを開き、修正して新規保存する方法と

２・ファイル＞新規＞テンプレートから作成

の二つのテンプレートの使い方がありますよね？　どちらの作り方でも出来るサイトは一緒でしょうか？

ＣＳ3で、ペーストスペシャルはあるのですが、ペーストがありません。
編集のコピーの下が空欄です。
何か設定をすると出てくるのでしょうか？

Dreamweaver CS5で、wordpress編集を考えております。
テストサーバーは必ずローカルに持たないといけないのでしょうか。
稼働前なので直接リモートサーバを編集できればと考えています。
可能でしたら、設定方法をお教えください。
ぐぐりましたが、ローカルサーバ構築のものしか見当たりませんでした。

ローカルサーバ構築をする場合は、
リモートサーバーへはFTPでプットという形なのでしょうか。

それオレも知りたい。教えてくれや

定期ageしときます

<囲みDIV>
<フロート右DIV>メインコンテンツ</DIV>
<フロート左DIV>レフト</DIV>
</DIV>
<フロート右DIV>ライト</DIV>

上記で3カラム作ってるんですが、この状態で

<囲みDIV>
<!-- TemplateBeginEditable name="MAIN" -->
<DIV>メイン</DIV>
<!-- TemplateEndEditable -->
<DIV>レフト</DIV>
</DIV>
<DIV>ライト</DIV>

などとテンプレ編集領域を作るとデザインビューで見栄えが崩れるんですが崩れない方法ってありませんか？
3カラム状態が崩れメインが右に行ってレフトライトが左に横並びになってしまいます。
ライブビューでは問題ありませんけど。

Dreamweaver CS4です

CS5にHTML5/CSS3パッケがVUで追加されたんだが

display:boxがコードヒントに出てこないのは仕様なのか？

box-flexとかbox-ordinal-groupとかは普通に出てくるんだが・・・

幅が130の枠を作って、その中に長文を入れていきたいのですが



<div id="waku">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

というコードで

#waku {
width: 130px;
}

にすると、文字が130pxで収まらず、横に伸びてしまいます。
どうしたらいいでしょうか？

>>431
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
と書かない

>>431

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
を
嗚呼ｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱｱああああああああああああああああああああああああ
にする

>>431
word-wrap:break-word

節子、それ先行実装

>>431
適度に &shy; とかを入れなさい

ﾊｽﾞｶﾁ

トップでは3カラムにして記事の個別ページでは左のカラムを消して、
そのカラムが消えた分ほど真ん中の記事部分を大きくしたいんですけど
どうすればいいんですか？

<!--not_permanent_area-->
<!--/not_permanent_area-->

で左のカラムを括って消えるまではいいんですけど
記事の幅がトップページでの幅のままで・・・

仕様なのか？

開発者でもね〜し、知らんがな。
ココで聞いてんじゃね〜よ！
サポセン電話しろよ。

仕様ではないと思うんですが・・・

http://blog.esuteru.com/

こういう風にしたいと思い参考にしているのですが
よくわからないんです

どこのブログシステム言わねぇとエスパー待つしかないな

fc2です
すみません・・・

CSSでdivでつくったボックスの高さをautoにすると、
その中に画像をいれても、点線の表示（divの範囲を示す）がその画像の最後まで囲われないのは
なぜでしょう？　

float使ってないか？

教えてください。
現段階ではipodやiphoneユーザーはFLASHみれませんよね。
これらのユーザーが見るときだけ、Flashの変わりにjpg画像などを表示する事はできないのでしょうか？

FLASHが再生出来ない場合に別の画像を表示するってソースはググレばすぐ出てくるよ

後ipodやiphoneユーザーもみようと思えば、Flashは
見えるよ。金かかるけど

YouTubeとかニコニコ動画とかはFlash使ってるっぽいけど
iPhoneでも見たり配信出来るんだよな。
どうやってるんだろう。

>>447
とりあえず、おまえが馬鹿だということが分かった。

>>448
そ、そんな…(´д｀；)
だって、画面で右クリックしたらYouTubeもニコニコ動画もFLASHプレイヤーの表示出るだろ？

>>449
マジレスすると
iPhoneではFlashを使っていない。
どちらも普通にダウンロードしてきたのをアプリ側が処理して再生してるだけ。

>>450
さ、最初からマジレスしてくれや… (´д｀；)ﾊｱﾊｧ

なにこのド低脳猿

USBメモリにmowesを入れて、wordpressを入れました。
wordpressは動いています。
テンプレート編集してライブビューで表示させたいのですが
上手くいきません。
どのようにしたらよいでしょうか。現在は下記です。
よろしくお願いします。

ローカル
\PortableApps\mowes_portable\www\wordpress\

サーバー
「ローカル／ネットワーク」
\PortableApps\mowes_portable\www\wordpress\
http://localhost/wordpress/
テストサーバー　PHP MySQL

書き忘れましたが、DWはCS5です。

サイトリニュしようと思ってるが、バイト疲れで、リニュできず…

誰か費用だすからやってくれる方いますか？

ここはいません

>>455
俺がしてやる！めちゃめちゃ高いけどいいか？

今回のgoogleの大変動で分かったことを教えます。
http://twitter.com/creditcardmiu/status/25025421209

超初心者な質問すみません
Dreamweaverを初めて使用するのですが、
下記サイトのように、選択範囲で指定したテキストの一部のフォントサイズやカラーを
簡単に変更するにはどうしたらいいのでしょうか
http://bluestar.studio-web.net/dw/contents/csstxt/800_csstext07.html

体験版CS5をインストールしたのですが、上記参照先と画面表示が異なり、
変更しようとすると必ずCSSの定義を要求されてしまいます。
これはVerの違いなのでしょうか？

すみませんがご教示願います。

>>459
http://www.non-period.com/be/dw/cs3/005.html

>>460
ありがとうございます
ただ、、やはり変更項目自体ないんですよね。。
（今気付いたんですが環境設定にも「HTMLタグの代わりにCSSを使用」の項目もありませんでした）
CS5ではフォントタグを使っての簡単な変更設定は出来なくなってるんでしょうか・・

>>461
おれもなかった。
まあもう普通CSSで設定するし、DW持っているけど
使用しないからな。
ごめんね。

>>459
すごく原始的なやりかただけどw

例えば、色をつけたい・boldにしたいテキスト部分を選択しておいて
テキストの色や書体・太さを指定する
そうするとDWが勝手にcssの1エレメントを作ってくる

>>462-463
一部のフォントの変更などもCSS設定が主流なんですねぇ
何かまだ使い慣れてないので、直接フォントタグを入力したほうが
やり易くさえ感じてしまいますわ〜

ありがとうございました

ＷＩＮＸＰ、ＣＳ3です。

保存しようとしたら、
「（〜ファイルパス）へのアクセス中に共有違反が発生しました」

と出て、保存できません。

保存前に行った作業は、
「objectなんとかとブラウザの互換性が悪いので、dreamweaverで修正していいか？」みたいなエラーが出たのでＯＫ
と
インラインフレームの高さを広くしました

助けていただけると嬉しいです。よろしくお願い致します。

リンクチェック機能について
サブドメイン（mobile）って付けると、外部リンクと認識されず破損リンクと認識されるんだけど、みんな同じ？
たとえば、

ドメイン＝hoge.com
サブドメイン＝mobile.hoge.com
<a href="http://mobile.hoge.com/">携帯サイト</a>　←　エラー

このリンクが破損リンクと認識されてしまう
mobil.hoge.comという「最後のe」を抜かしたリンクにすると外部リンクと認識してエラーが消える

<a href="http://mobil.hoge.com/">携帯サイト</a>　←　OK

みなさんのDreamweaverでも、同様な状態になりますか？
mobileというサブドメインは使えないのかな
どういう風に対処したら良いでしょうか

Dreamweaverは外部リンクのエラー（リンク切れなど）をチェックしないから、mobileという言葉自体にエラーの意味があると思うんだけど、どう？

サイト定義した上で拡張子をphpにしてるからかもしれない
<a href="http://mobile.hoge.com/index.php">携帯サイト</a>ってやったら大丈夫だった
本当はindex.phpというリンクにはしたくなかったんだが仕方ないようだ
変な質問ですまない
わすれてくれ

お久しぶりです！
みなさん元気ですか？ぼくは元気です。。。

えへへっぼくが立てたスレが７まで続いてるのに驚きです。
質問者さんも解答してくれる神様もみなさんがんばってください
それではまた！

123

456

PC用と携帯用でわホームページの作り方違うのですか？　
PC用に作ったHTML.CSSをちょこちょこっといじれば携帯でも見れるようになるのですか？

>>471
違う、cssだけだとほぼ不可能だから
UAとかIPとかで振り分けしな

>>472
UA.IP調べてみます。
ありがとうございました。

基本的な質問ですいません
CS4を使っているのですが、diｖタグでTOPのマージンを0にしてもIEで5ピクセル、firefoxで10ピクセル程度の空きができてしまうのですが
これは詰められませんか？
ページの一番上に隙間ができてしまって困っています

すいません、ページのマージンを設定してませんでした。
自己解決です

HTMLとCSSだけでもﾎｰﾑﾍﾟｰｼﾞは作れますか？

よくJavaScriptやPHPもと聞きますがJavaScriptやPHPはﾎｰﾑﾍﾟｰｼﾞにどのような事を
するのに必要なのですか

まったくいの初心者です、すいません：；

作れる
gmailみたいなのが作れる

phpもjsもお前にゃいらねーよ
js使うとしてもコピペだろうし

HTMLの<input>と<button>の高さをあわせるために
styleのvertical-align:middle height:24pxと記入してみたのですが
高さが同じになってくれません
キャプチャーしてペイントソフトで高さを測ってみたのですが
24pxになってませんでした。

なぜ指定した高さになってくれないのでしょうか？
確認ブラウザはIE7です。

<input type="text"><input type="button">はどう？

>>480
<input type="button"> も <button> と同じ高さに
なり、 <input type="text"> と高さが同じになりませんでした。

マージンとかフォントサイズ・パッティング全部同じにしてもだめなら仕様だろう。多分

>>479
> キャプチャーしてペイントソフトで高さを測ってみたのですが
> 24pxになってませんでした。
> なぜ指定した高さになってくれないのでしょうか？
heightとかwidthは外側じゃなくて内側の高さを指定なのだけど、
その辺の基本的な勘違いはしてないよね？

>>479,481
フォーム用のパーツは、margin、padding、borderのデフォルトが
独特な場合があるから、これら全部なししてみてはどうかな。

>>483
なるほど、勘違いしてるようです。
では、見た目で高さが揃ってるように
見えるようにしたいのですが、外側の高さの指定は
可能だったりするのでしょうか？

>>484
フォームパーツを揃えるのは結構大変。>>483の後半部分を試したくないようお見受けするので、
たぶんあなたの考えている要望は無理に近い。

・ブラウザごとだけでなくOSごとでも、デフォルトのフォームパーツの外見が結構異なること。（丸っこいのとかもある）
・box-sizing(moz、webkitは独自拡張)を併用すれば、height・widthが「外側」指定にできるが、IE7以下にはない。
・フォームパーツはブロックともインラインともちがうようなので、特にheightがうまく作用しないものもある。（box-sizingとかが指定ができても）

結局のところ、
　揃えたいものをmargin・padding・borderも0とかしデフォルト設定を潰して、buttonはイメージにして調整する。
　ゆとりある配置にしてほどほど調整にしたら、あとは諦める。
あたりに落ち着いてしまうと思う。

>>485
ご助言ありがとうございます。
初めから　margin,padding はすべて0にしてる状態で
作成してて、高さが揃わないという結果だったので
なんども実行して調整していく方法ではなく
計算、法則でできる方法があるのかなと思い質問させてもらいました。

buttonをimgに変更することに関しては、buttonの見た目の動作を含め
どの程度寄せることができるのか試してみたいと思います。

cssをbody内に直で書くとき、<style type="text/css">で囲いますが、<style>だけでもいいっぽいんですが、何か違いはありますか？

書かないと style の type を指定できないだろう

<img src="../a/a.png" width="14" height="14" />
../←テンプレで更新すると配下のページでこの部分だけ抜き取られて画像が表示されなくなるんですけどなぜか分かりますか？
DWCS4です。

jikokaiketu

HTML5でマークアップするときの質問です
参考サイトで

<body>
<h1>○○</h1>
<article>
<h1>○○</h1>
</article>
<article>
<h1>○○</h1>
</article>
<article>
<h1>○○</h1>
</article>
<section>
<h1>○○</h1>
</section>
<section>
<h1>○○</h1>
</section>
<section>
<h1>○○</h1>
</section>
<section>
<h1>○○</h1>
</section>
</body>

ってなってたんですが、こういう使い方もあるんですか？
h1要素は一意制約されているわけではないのですが、気になった物で

先行実装はスレチ

>>492
まじですか
HTML5って先行実装なんすか？？失敬

別にスレチでもなんでもなくね

html5はグループ毎に見出しつけてもいいことになってるから
h1がページ内に単一である必要はない
「html5 見出し」でググれば解説してるサイトなんていくらでも出てくる

>>494
そこじゃなくてsection使ってるって事じゃね？
まぁ、現行のHTMLだとh1沢山使ってるとスパム認定されるけど。

すいません。
<>のかっこを、HTML内で普通の文字として扱うにはどうすればいいんでしょうか？

どうもpreで囲んでも、タグとして認識されてしまうようでして。。。

>>496
< と > に置換しても駄目なのでしょうか？

<で<、>で>になるよ

あーごめん、2chでも認識されて変換されちゃうなｗ

＆ｌｔ；で<
＆ｇｔ；で>
になる。半角で打ってみてくれ

２ちゃんねるでの特殊文字の書き方がわからない・・・。
「& l t ;」 と 「& g t ;」　に置換しても駄目でしょうか？

&は半角にしなさい

とおもったら半角なってたね。ごめんなさい

おもしろいながれだった。

>>500
& も特殊文字だからな？

&lt;
&amp;lt;
&amp;amp;lt;

お、すごい>>505

>>499
ありがとうございました。いけました！

CS5を使っています。
画像などのオブジェクトをコピーする際に、フォルダの階層が異なる場合に
ファイルパスを自動的に書き換えてくれませんが、書き換える用にできるテクニックなどはありますでしょうか。

<a href="ttp://hogehoge.com/hoge.jpg">リンク</a>

上のようなリンクをクリックすると白の背景にhoge.jpgが表示されますが
このとき白の背景を任意の色に変更することは出来るのでしょうか？
それとも画像ファイルを直接表示する場合はそのようなことは出来ない？

っ example.com

あとそれはブラウザの設定な

お暇な方、ご回答お願いします。
サントリーのサイトトップの、左側の「商品詳細」(ソースで言うと<div id="sideconents">)
のようなナビゲーションをCSSで作っているのですが、
メニューボックスの一番下の画像だけが、
IE5〜7でチェックすると上に10pxくらい(画像と同サイズくらい)の余白が出来てしまいます。
どう解決したらよいでしょうか？

・画像は全てvertical-align設定済み
・背景は#naviに設定、widthもheigtも指定済み
・問題の画像だけlistからはずしてulの外に置いても変わらず
・出来るだけhtmlは簡潔にしたい

※改行多くて怒られたのでソース分けます。すみません。

<div id="navi">
　　<ul>
<li class="img"><img src="head"/></li>←商品情報のタイトル
<li><a href="#"><img src="#" /></a></li>←メニュー画像
<li><a href="#"><img src="#" /></a></li>←メニュー画像
<li><a href="#"><img src="#" /></a></li>←メニュー画像
<li class="img"><img src="foot"/></li>←ボックスの一番下の画像 ※問題の箇所
</ul>
</div>

#navi{
width:190px;
height:200px;
margin:0;
padding:0;
float:left;
background-image:url(#);
background-repeat:repeat-y;
overflow:hidden;
}

#navi ul{
margin:0;
padding:0;
position:relative;
}
#navi li{
list-style:none;
line-height:0;
width:175px;
height:40px;
margin:0 10px 0 5px;
padding:0;
}
#navi li.img{
list-style:none;
margin:0;
padding:0;
vertical-align:top;
vertical-align:bottom;
}

ソースは以上になります。質問がわかりにくかったらすみません。
よろしくお願いします。

もう一度確認したらリスト関係なく、div内の一番最後に配置した画像は
何故か全て上に余白が空くみたいでした…早とちりとスレの無駄遣いすいませんorz
>>511-513は気にしないで下さい…ほんとにすいません
ソースは以下になります。よろしくお願いします。vertical-alignは上下指定済みです。

<div id="side">
<img src="メニュータイトル画像" />
<p>テキスト</p>
<img src="メニューの最後の画像" />
</div>
#side{
width:200px;
float:left;　※3カラムの一番右なので指定
background-color:#FFF;
background-image:url(背景画像);
background-repeat:repeat-y;
margin:0;
padding:0;
overflow:hidden;}

こういうの見るたびに思うけどさ
無料のレン鯖にうｐれよ

ソース見ただけだからアレだけど
clear,画像を背景で表示、<br />加える、ネガティブマージン
このどれかで解決するんじゃね

一々うｐるの面倒だろ
阿呆しか思いつかないだろうな

無能を棚に上げてうｐが面倒とかいう馬鹿が吠えるなｗ

　　　／ ￣￣￣￣￣ ⌒ヽ 　　　　　　　　　　　　　　　　　　＿
　　/　 　　　　 /i　＼ 　　ヽ　　　　　　　　　　　 　　　／ ￣　　 ￣ ＼
　　| |　/////.∧　| | | | ∧ |＼､ 　　　　　　　　　　/、　　　　　　 　　 ヽ　わかったから落ち着け自己紹介デブ
　　| | |-| |〔 ==・.〕--〔==・〕--ヽ 　　　　　　　　　　|・ |―-、　　　　　　 |
　　| .|| || ゛｀ー'(､●^●,)ー'゛　ヽ 　　　　　　　 　 ｑ -´　二 ヽ　　　　　 |
　　|　　| ||　＊ 　ﾉﾄｪｪｲヽ 　・　　l 　　　　　　 　　ノ＿　ー　 |　　　　　 |
　 .|　　| ||::::　　ﾉ ヽ｀ｰ'ﾉ ヽ　::::　/　　　　　　　　　 ＼.￣ ｀　 |　 　　　/
　|　i　ゝ:::::::::::　　　　 '⌒ヽ　:::: ノ　　　　　　　　　 　　O＝＝＝＝＝ |　 　
//∧|　＼＿＿ '､＿＿,ﾉ＿／ 　　　　　　　　　　　　/　　　　　　 　　 |

1回聞くだけの為に無料HP借りてアドレス教えるって凄まじい馬鹿さ加減だろ
その程度の事すら理解出来ない、脳無しの猿しか思いつかないであろう吠え発言が>>515,518
一瞬でｗつけてまでファビョる阿呆さ加減がそれを証明してるな。

一度質問するようなやつは何度も質問するだろうから借りても無駄にはならないと思うぞ

理解し辛いプログラムじゃあるまいし書けば済む話
書いてる事をすぐ理解出来ない阿呆が間抜けな事言ってるだけ
そういう馬鹿猿がまともに回答出来る訳もないだろうし
回答するつもりならDW等のツールにコピペすりゃすぐに分かるだろうに
そんな簡単な事も出来ない面倒臭がりの池沼
聞く為だけに大して使いもしない無料サイト借りるなんて比較にならんほど面倒
借りて一々アップロードまでしろって命令するその頭の弱さには驚くわ

教える側と教えを請う側のどちらが手間をかけるかって話だろ
こんなに頭の悪い奴っているもんなんだな……

Axfcがちょうどいいんじゃね

<table border="3" frame="box">
<tr><th>曜日</th><th>クラス</th><th>状況</th><tr>
<tr><td>月曜日</td><td>aクラス</td><td>受付終了</td></tr>
<tr><td>月曜日</td><td>bクラス</td><td>募集中</td></tr>
<tr><td>月曜日</td><td>cクラス</td><td>今期休講</td></tr>
</table>
<br>
<table border="8" frame="border">
<tr><th>曜日</th><th>クラス</th><th>状況</th><tr>
<tr><td>月曜日</td><td>aクラス</td><td>受付終了</td></tr>
<tr><td>月曜日</td><td>bクラス</td><td>募集中</td></tr>
<tr><td>月曜日</td><td>cクラス</td><td>今期休講</td></tr>
</table>

frame属性のboxとborderの違いがわかりません
表示しても同じに見えるのですが、何か違いがありますか？

>>511
2000のセキュリティアップデート終わってるから切っていいよ

HTML
<ul id="menu">
<li><a href="#">メニュー1</a>
<ul id="submenu">
<li>サブメニュー1</li>
<li>サブメニュー2</li>
</ul>
</li>
<li>メニュー2</li>
</ul>

CSS
#submenu
{
display : none;
}
#menu a:hover a+submenu
{
display : block;
}

メニュー1にhoverイベントが発生した際にサブメニューを表示したいのですが、動いてくれません。
どうしたらいいでしょうか。

>>527
aの下にaは存在させてはいけない。
submenuなんてタグは初めて見た

>>528
ありがとうございます。
#menu a:hover + #submenu
で打開できました。

>>525
何も変わらない

>>529
+はIE6辺りで使えなかったような。気にしないならいいけど

>>530
やはりそうですか
ご丁寧にありがとうございます

ホームページを初めて作成しようとしているのですが、分からない事だらけで困っています。
Dream weaverでホームページを作成しています。

CSSをHTMLに外部リンクさせたいのですが、"使用不可にしてブラウザーでプレビュー"と出てきて表示されないのです。

CSSファイルはリンクされてなくて、HTMLファイルの下に勝手に表示されてしまう状態です。

どうしたら正常にリンクされるようになるんでしょうか？？

あと、CSSファイルを絶対パスで表示させるにはどうしたらいいのでしょうか？？

今、レンタルサーバーなどは借りていないんですが、レンタルサーバーなどを借りないと、絶対パスは作れないのですか？？

初心者で分からないことだらけなので、分かる方教えて下さい。

マニュアルに書いてます。

二つのコンテンツ（bbb、ccc）をfloatで横に並べ、それをまとめてborderで囲みたいと思っています。

<div id="aaa">
<div id="bbb">
コンテンツ
</div>
<div id="ccc">
コンテンツ
</div>
</div>

HTMLを、上記のように記載し、
aaaaaaaaaaaa
a bbb ccc a
aaaaaaaaaaaa

のようにaaa（border）で囲むので、CSSは下記のように記載しているのですが、
div#aaa {width: 800px;
border: solid 1px #000000;}

div#bbb {width: 350px;
float: left;}

div#ccc {width: 350px;
float: right;}

下記のようにbbb、ccc の高さは無視され、borderで囲むことができません。
aaaaaaaa
bbb ccc

div#aaaに、height: ○○px; のように記載すれば○○pxの高さで囲むことは出来るのですが、
bbb、cccの高さに合わせてborderで囲む方法がわかりません。よろしくお願いします。

>>534
すみません。わかりづらいので画像にしました。
ttp://uproda.2ch-library.com/2991099CV/lib299109.gif

このようになってしまい、borderで囲めません。よろしくお願い致します。

親（aaa）に　overflow:hidden;　でどう？

>>536
ありがとうございます。
出来ました！助かります。

>>511です。ちなみに>>517は自分ではありません＞＜

>>516ご回答ありがとうございました。
どうやらDW上の改行(<br />ではなくエンターの)が
反映されてしまって、謎の余白が出来たみたいでした…行間詰めたらおｋでした。
これって設定で反映されないように出来るんですかね？
ちょっと設定見てみます。

HTMLについて教えて欲しいです。
<iframe>のheight(高さ)を、50%のようにパーセンテージで表示したいのですが、
何故か指定サイズにならず、小さいサイズで固定されてしまいます。
これにはどのような原因が考えられますか？

ちなみにフレームの中にさらにインラインフレームを使用しようとしてこの不都合が起きています。
どなたか解答よろしくお願いします。

>>539
・親要素に明示的な高さを指定する
・iframeに指定するパーセンテージは親要素に準じる

ある場所からある場所までの、リンクを押すと新しいウィンドウにするという仕組みにしたいのです。

ヘッド内に<base>を使うと、ページ全体になってしまうし
リンク一個一個入力できない事情もありまして・・・

何か方法はないでしょうか？

リンク先のファイルは、自分のサイトなの？
たとえば、あるディレクトリ内の旧コンテンツへのリンクだけ
別ディレクトリの新コンテンツに飛ばすとかいう場合なら
.htaccerssでリダイレクトするとか。

ごめんなんか質問ぜんぜん勘違いした。忘れて。

>>541
ぶっちゃけ閲覧者にとっては迷惑だから、強制新窓は無しでおｋ

>>541
一括置換

544様・555様　レスありがとうございます。

説明不足申し訳ございません。

お客の指示なもので強制新窓にするしかないのです・・・
開始点Ａと終了点Ｂの間のソースをいじれない理由がありまして、置換できないのです＞＜

無理

客に無理と説明するべき

こっちはもう用無しらしい
+ JavaScript の質問用スレッド vol.80 +
http://hibari.2ch.net/test/read.cgi/hp/1284091954/341

javaSと絡んでたのか
優しく回答してくれた人ｶﾜｲｿｽ

javaSって略すやつ初めて見た

俺はJS派

JSかJavaScriptかのどっちかだな。
あと口頭で「ジャバスク」って言う人をたまに見るぐらい。

俺はES派

JavaScriptのことをJavaとか言う人もいるよね
紛らわしい
分かってないだけかもしれないが

外注先のJavaエンジニアが、JavaScriptのことJavaって言ってる。

javaだと思わせておいたほうがギャラが高いからなw

dreamweaver8について質問です。
コードヒントが中途半端に出なくて困ってます。
■<a <img は出るのに、その後のhrefやsrcが出てこない。
■</で閉じタグが出ない。
等の症状が出ています。（環境設定＞コードヒントでは使用できるよう設定されている状態です。）

3年使用し続けて、最近突然出なくなりました。
どなたか心当たりある方いらっしゃいましたらご解答願います。

>>558
3年使うとその機能が効かなくなって、アドビに報告が行くって割れがあるんだって
そしてアドビから3年分の使用料の請求がくるらしい

割れざまぁとかいってみる

Dreamweaver CS4で、CSSファイルを編集できないようロックする方法はないでしょうか？
CS4でコーディングしたサイトを、上司がMX2004で編集するんですが、
勝手に共通のCSSを変更されて困っています。
変更しているのが共通CSSだと気づいていないようで、
指摘すると「私がやったの？」とシラを切る可能性大。
テンプレートでもCSSファイルは変更できてしまう様なのですが、
何か良い解決策をご存じの方がいらっしゃれば教えて頂けないでしょうか。

口で言えよｗ

DreamweaverCS5です。


初心者中の初心者ですみません。
質問が二つあります。

・一枚の大きな画像を一つの背景として、真ん中に固定で設置したいのですが、できますか？

・自分の作った画像をフレームとして使えますか？

どちらも出来るのであればやり方を教えていただきたいです。
買ったばかりで色々と用途がわからなくて困ってます。すみません。お願いします。

>>562
やっぱりそうですよねｗ
スレ汚し失礼しました。

>>561
DW使ってないんでソフト上の機能はわからないんだが
単純にファイルそのものにロックかけるんじゃ駄目なのかな？
ロック外してまで上書きしちゃう確信犯には通用しないだろうけど
うっかり上書きってのはできなくなるかと…
ソフト上支障があるんだったら申し訳ない

>>561
ロックしても上書きは出来るから、Subversionでバージョン管理して元に戻す

>>563
body {
background="画像のパス";
background-repeat: no-repeat;
}

フレームとして使える
んなことも分からん時点で>>563にはフレームとしては使えない
書籍かうなり調べるなりすれば分かることだろ

>>563
マルチには教えらんねーな

この前、相互リンクの申し込みのメールが来て
中に書かれていたAタグが
<a href="http://xxxx" target="_blankl">xxx</a>
となっていたのですが、_blanklって何ですか？
単純に_blankの間違いなんですかね？
ググっても色々なサイトのソースしか出てこないし…

>>569
メール送信者の押し間違えだな
キーボード見てみればわかる
「K」の隣は「L」だから同時に押して間違えたのだろう
細かいところに気がついたおまいさんは偉い

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

ノートPC使ってるとたまに2個押しやっちゃいますね。

>>559
事の真偽はともかく会社のPCに入ってるソフトなんだよな・・
割れだったらそれをネタにゴネてCS5でも買ってもらうわ

テーブルレイアウトを脱するために、マルチカラムの勉強を始めたXHTMLの初心者です。
bodyに
margin:0;
padding:0;
を設定して<div>で段組をしているんですが、
コンテンツの内容が少なくスクロールが出ない（フッタが下についていない）時と
コンテンツの内容が多くスクロールが出る（フッタが下についている）時で
カラムの横幅が微妙に変わってしまいます。
これの解決方法って何かありますかね？
メインのカラムを画面いっぱいに表示すればよいのかも知れませんが、
無駄な空白ができるのも見栄えが悪いのでそれはそのままにしておきたいのですが…

常にスクロールバーが表示されるようにしておけばいい

>>574
なるほど！
カラムのサイズが変わったのではなくスクロールバー分ズレてただけなんですね。
盲点でした。
スクロールについて調べてみたら無事解決策が見つかりましたよ。
ありがとうございます！

質問なんですが、サイトの各ページに１つずつcssファイルを
適用するのは一般的ではないのでしょうか？
できるだけ少ないほうが良いとは思うのですが、なかなかうまく纏められず
いっそのこと1つのページのレイアウトに専用のcssを適用させようかと考えています。

だったらHTMLファイルのヘッダ部に全部入れちゃえばいいんじゃね

なるほど、メイン部分のみそれぞれのページ毎に適応させたいので
ナビゲーションや疑似リンク等のベースはcssファイルに纏め
弄りたい部分をヘッダに入れてしまうのも手ですね。

imgタグのsrcをCSSで設定できない？

マルチ乙

マルチしてねぇｗ

>>576
俺なら
・全ページ共通のスタイル
・各ページ固有のスタイルの詰め合わせ
の二つに分けてそれぞれ読み込ませる
一般的とかどうとかは気にする必要はないから自分がメンテしやすいようにするといい
ヘッダにスタイルを記述するのはオススメしない。少なくともコードの意味合い的には分離すべき

>>579
backgroundプロパティ使えｋｓ

ksってカスの略か？クソだっけか？

phpでちょっとした計算ツールを作っています

<select name="nedan"><option value="">▼選択して下さい</option>

<option value ="">サンマ</option>
<option value ="">イワシ</option>

とあるのですが、valueの値を二つ持たせたいのです
サンマの値段の最低値と最高値を出して消費税を計算して105円　〜　210円
と表示させたいのですがサンマに100と200という二つの値を持たせるにはどうすればいいのでしょう？

それなんかへん

multipleじゃねーの

CSSでborderの書き方ってどれが正しいのでしょうか？

border: solid 1px #ff0000;
border: solid #ff0000 1px;
border: 1px solid #ff0000;

解説サイトやサンプルソースで書き方がまちまちで
どの書き方が正しいのかわからないです

すいません

インラーンフレームの右か左に文字を出したいのですが、出ないので困っています
タグはこんなです、左側に空きスペースを作りそこにページ内へのリンクを作りたいんです
（上の空きスペースにもリンクが有ります、それは正常に表示されてます）
<iframe src=http://www.nnn.html height=95% width=100% name="a" align="left" Marginheight="300">
いいい<a href=http://www.nnn.html#item target="a" >ろろろ</a><Br>
ははは<Br clear="all">


</iframe>

>>587
順不同

>>588
iframe 要素の中身は、埋め込むページ内容の代替
関係ないけど、属性値に引用符忘れてるぞ

>>584
value="105:210"とかにしてphp側で分離すればいい。スレチだからこれ以上は他行け。

>>588
試してないけどこんな感じでいけんじゃねーの
body {
margin: 0;
padding-left: 200px; (テキストのスペース)
position: relative; (無くてもたぶん平気)
}
div#menu {
width: 200px; (テキストのスペース)
position: absolute;
left: 0;
top: 0;
}
iframe {
width: 100%;
}

<body>
<div id="menu">テキスト</div>
<iframe></iframe>
</body>

>>590
その手がありましたか！
それだけ教えてもらったらもうできます、ありがとうございました！！

＆ｇｔ；
って全角で書けば、括弧に変換されずに表示されるけど、
半角で書いちゃうと括弧に変換されてしまうんですが、
どうにかして半角で上記の文字を書きたいんですが、方法ありますか？

>>592
&の特殊文字＋以降の文字でどう？
&amp;みたいな

>>593
すまん例ミスった
& ＋　gt;　だ

>>592
1. & → &amp;
2. > → &gt;
3. < → &lt;

何も考えず、素のテキストをこうやって置き換えればいい
この順番を守るのが重要

テスト
&lt;

>>593-595
いけました！ありがとうございます！

floatを指定したときは、必ずwidthを指定する
・・・ってことらしいが、widthに指定するのは、
100pxとか明確な値じゃなくて、autoとか%でも
いいのですか？

その結果必要なサイズになるのなら別に構わないけど
なんでwidthを指定するのか考えたら分かるかもしれない

何の答えにもなってねえｗｗｗ
別にwidthを明示的に指定する必要はないからautoでも%でも何の問題もない
デフォルトとautoは厳密に言えば違うから指定したくないならauto

質問です。

w3cのCSS 検証サービスを使い、css3でエラー0になったので、
アイコンをHPに張ったのですが、そのアイコンから検証サービスにアクセスすると、
css2でチェックされてしまい、エラーが出てしまいます。

これを回避する方法はありますか？

>>601
css2でエラーが出ないようにする。

>>602
css3にしかないものをつかいたいんですが、
できませんかね。。

使えばいい

先行実装を乱用すんな

http://jigsaw.w3.org/css-validator/manual.html.ja
ここを読んだところできそうだったんですが、、できないようですね。
スレ汚しｽﾏｿ

つい昨日自分のイラストサイトを作り始めたのですが（NINJA TOOLS）
自動で追加される広告を常に一番下に固定しておく方法はありますか？

>>607
ありません。

>>607
消してあげるからもう少し詳細おしえてみ

>>607
css3で指定できると思うよ

>>609
消すのは無しだろ？
規約云々じゃなく人として…

css3とか無いわ

すいません
自分のＨＰじゃなくて見てるサイトのバナーを消す方法知りたいです
よろしくおねがいします

>>612
自分のHPじゃないならいじれないだろｊｋ

>>612
オミトロンやFx入れてAdblock、hostsファイルいじって広告サーバーブロック
ノートンとかでもブロックするサーバー設定できた希ガス

CS5を購入したのですが、使い方がわからないのでテキストを購入しようと思っているのですが、おすすめのテキストを教えてください。
とりあえず、htmlとcssは分かります。
効率的なサイト制作のためのDreamweaverの教科書 か、reamweaver CS5 スーパーリファレンス for Windows&Macintoshのどちらがいいでしょうか？
使用OSは、vistaです

MacのDreamweaver CS4を使用しているのだが、bodyでpaddingとmarginを全部0で設定しても、
ソフトの画面表示はちゃんと上左共に隙間無く表示されるのに、いざFirefox、Safariで表示すると
上だけが5ミリ程開いてしまう。IEではちゃんと表示されるのだが。

誰か助けてください。ID、タグ、複合とクラス以外全部試したが駄目だった。もう疲れた。orz

<style type="text/css">
<!--
#body {
margin: 0px;
padding: 0px;
}
-->
</style>

追記。

positionを設定しても駄目だった。adsolute、fixed、relativeも駄目。

ソフトのバージョンは10.0　ビルド4117

よろしくお願いします。

アスタリスクで試してみたら？

中身の要素

>>618
すみません。どうやってアスタリクスを試していいかわかりません。
検索してみたのですが、とりあえず正規表現と言うのをチェックして、作り直してみたのですがやっぱり上が開きます。
ソフト表示は相変わらず詰まっているのに。orz

この場合書くべきなのは生成されるHTMLの基本構造とCSSだと思うんだが

とりあえず
* { margin: 0px; padding: 0px; }
とやれば全ての要素のmarginとpaddingがゼロになる

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

けど、前にサイトを作った時には普通に詰められたのに、今になって出来なくなった理由がわからないです。
なんでこんな風になったのやら本当に検討が付かない。

>616
#body{

この＃のせいｼﾞｬﾏｲｶ？

それと「検討がつかない」じゃなくて「見当がつかない」な

「ジャマイカ？」じゃなくて「じゃないか？」な

おまいはスラングというものを知らないのか。

>>623
>#body{
>この＃のせいｼﾞｬﾏｲｶ？

そう思って、タグ設定でも確認したが駄目だった。
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
}
-->
</style>

>>621氏の書き方なら上がどんなブラウザでも隙間が無くなったよ。

すみません、文字列置換で

001→a.jpg
002→b.jpg
003→c.jpg
...

みたいに一回の動作で複数の置換を行う方法ってありますか？

*は全ての要素に対して効力を発揮するから隙間がなくなるのは当然
悪いけどそんなことはキミ以外の誰もが分かってる

>そう思って、タグ設定でも確認したが駄目だった。
正しい記述でも隙間が空くんならそれはbodyのcss指定が原因じゃなくて
619や621でも言われている「中身」の問題

そもそも「body#○○○」ならともかく「#body」なんて指定する意図がわからん
多少はカジってるようだが、ちょっとググればbodyの前に＃を入れたりする
書き方が間違ってる事ぐらいすぐにわかりそうなもんだが…
SafariやFFの解釈が正しくてIEやDWが余計な気を利かせてくれただけだよ

質問です。
マークアップする時のセレクタ名？(id名など)でよく使われる命名をまとめたサイトや書籍を教えてください。

header container footerでおおまかに分けて
main-contents side-navでcontainer内を分けてます。
この中のコンテンツのクラス名を決めあぐねています。
また、そのコンテンツ内での小タイトルにはhを使いたくありません。
使い回しする際にhの順を飛ばす可能性があるからです。
あと、クラス名とid名を区別する命名規則はないのでしょうか。

良くない考えも指摘して頂きたいです。

>また、そのコンテンツ内での小タイトルにはhを使いたくありません。
>使い回しする際にhの順を飛ばす可能性があるからです。
そもそもこの前提がおかしくないか？

>627
DWでは無理だと思いますね
javascripとかphpとかでやった方がいいと思います

>>630
そうなんですか？
テンプレ(ライブラリ)作りながらやってるとすごく邪魔だったのでpタグをクラスつけてやろうかと思ったんですが。

正規表現が使えないような置換をするときには
Excelをいかに手早く利用できるかで作業効率が大幅に違ってくると思ってる

IEのブラウザーのサイズを小さくすると画像も縮小されてしまいます。
ブラウザーのサイズを小さくしても画像のサイズを同じままにするにはどうすればいいでしょうか？

IEスレでやれ

>>634
まず、ブラウザのサイズとはなにか？

>>636
それはエスパーじゃなくても意味はわかるだろう。

くそブラウザのことは>>635

<form action="iroha.php" method="post">

<input type="submit" value="平均">

というのを作ったのですが</form>で閉じなくても正常に作動しました
</form>って必要ないのでしょうか？それとも｢こういったときに使える！｣というのがあるのでしょうか？

>>637
そうだな

全画面の時は画像がでっかいって事だよな？

>>638
はい、必要ありません。

>>640
マジっすか！
んじゃなんで入門書じゃ<form>〜</form>とか書いてあったのでしょうか？

>>641
それが正しい仕様だからです

>>641
入門書だって間違える事はあります。

なんやって！

嘘書いてないHTMLの本なんて存在するの？

なんやって！

>>638
一応マジレスしとく。
formに限らず、タグを閉じるのは必須。
ただブラウザはいい加減なHTMLでもなるべく解釈できるように
頑張って進化してきた経緯があって、
それも単に</form>が自動的に補われているだけ。
思わぬ誤作動の原因になるのでそれに頼ったコーディングをするべきではない。

ちょっと聞きたいのですがxhtmlで
<dl>
てきすと
<div class="">
<dd>
てきすと
</dd>
</div>
てきすと
</dl>

こういうふうに<dl></dl>のなかに<div></div>の記述的にやっちゃいけないのでしょうか？

<dl>
てきすと
</dl>

<div class="">
<dl>
<dd>
てきすと
</dd>
</dl>
</div>

<dl>
てきすと
</dl>

その場合、こうですか？

>>648
そもそも定義リストの使い方が分かっていない

http://w3g.jp/xhtml/dic/dl

dl内には他タグ入れられないんじゃなかったっけ？

<span>入ってても警告うけたことないけどな
ダメなん？

それdd内じゃないん

まあそうだけど
dl内ってそういう意味かと思った

日本語理解できない人か

「内」と「直下」の違いだな

>>655
おまえみたいなバカが義務教育受けたとか信じられない
世間に害をなす前に消えてくれたら嬉しいわ

>>655
おまえは飯食って、体の中に入ったって言葉を理解できないで
「胃の中に入っただろ！」とかいっちゃうアスペだろアスペ

周りを不愉快にするだけだからネット見ても書き込みすんなよアスペ

すみません、うまく説明できないんですが…

レンタルサーバーで自サイトを作ってたんですが、半年放置して
パスワードを忘れて管理画面に入れなくなってしまいました
これを期に別のサーバーに引っ越そうと思うのですが

自分のHPのタグを表示させるにはどうしたらよかったでしょうか？
コピペして使おうと思っているので
管理画面に入らずとも、自分のサイトにアクセスしてるときタグを表示させる方法が確かあったと思うのですが…
どうかお願いします。ちなみにvistaです

IE:表示→ソース
火狐：表示→ページのソース

他はシラネ

このスレは「優しく答える」けど、pc初心者の為の
スレじゃないよな？
住人が許容するなら構わんけど、>>657-658
みたいな人もいる事を考えるとどうなんでしょ？

何を言いたいのか知らんけど頭おかしい子は無視しとけ

>>661
これが火病と言う奴ですよ

CSシリーズになってからハイライトが気持ち悪い

>>629もよろしくお願いします。

>>665
http://css-happylife.com/archives/2007/0115_1345.php

>>664
キツいからな。ハイライト。
ブンタにしとけ

macromedia最終兵器studio8がやっぱ最強だな

xhtmlの質問です。

【１】
<div class="block">
<img src="" style="float: left;" />
<p>あいうえお</p>
<p>かきくけこ</p>
</div>

【２】
<div class="block">
<p><img src="" style="float: left;" /></p>
<p>あいうえお</p>
<p>かきくけこ</p>
</div>


上記のように、文章の初めに画像を貼って、回り込みさせたいのですが、
この場合【２】のように画像もpタグで囲むのか、【１】のように囲まない方がいいのか、どっちが正しいのでしょうか。

どちらでも見え方は変わらなかったのですが、どちらが正しいのか教えてください。

少なくとも俺なら
画像に意味が無い（＝装飾）なら背景で表示させて
そうでないなら<p>で囲む

まぁ好みで決めていいレベルの問題

ぱらぐらふ

携帯サイトをXHMLで作ってるんですが
フォームのselectでauだけ
項目を選ぶ際、POPUPせず
その場で選択項目をロールしちゃうんですが
どうすればPOPUPして選択出来る様になりますか？
ちなみにtype="popup"の属性は効きませんでした。

自己解決しました。

今日からDreamweaverCS5を使い始めた初心者ですが、

テーブル（表）を作ってみたものの、
横幅は5以下などの小さい数字をいれても反映されるのですが、
縦（高さ）は18以下になってくれません。

どういう理由かお分かりの方教えていただければ幸いです。

サポートに電話

tbody 部分だけを縦スクロールできて、thead 部分も含めて横スクロールできる表の作り方を教えてください。
また、マウスドラッグで列のサイズを変えるのは、どうやって実現できますか？

すいません、上の方のレス読んでてふと疑問になったんですが

body{margin : 0 ; padding: 0 ;} 　
* {margin : 0 ; padding: 0 ;}

この2つって違いあるんですか？

当たり前だろ
全称セレクタでググってみろ

>>676

HTML と JavaScript だけで高機能なテーブル（表）を作成する方法を教えてください... - Yahoo!知恵袋
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1349545138

>>678
ありがとうございます
<body>の中の全てに適応するのかと思ってました

>>680
継承について調べることをお勧めする。
margin, padding は継承するプロパティではない。

>>676
tablekit.js も参考になるかもね。
http://www.millstream.com.au/upload/code/tablekit/

Stylishの質問ですみません。
http://or2.mobi/data/img/2276.png
上の画像の赤い枠の部分を消したいのですがこれってCSSだけで可能ですか？
table[class="font12"]でdisplay:none;をしたら別の部分も消えてしまって…

あ、ごめんなさい。専用スレがあったようです・・・
上記の質問はスルーしていただいて大丈夫です。orz

>>679
すみません。
つい、マルチしてしまいました。

>>682
ありがとうございます。
調べさせて頂きます。

>>685
知恵袋も放置しないように。

>>686
はい、少し待って、それからBAを選ばせて頂きます。

すみません、質問です。

セルに背景画像を設定するにはどうすればいいでしょうか？

CS5を使っているのですが、CS4の解説書には載ってなくて・・・マニュアルを見ても該当箇所がわからず・・

background-image: url("うｒｌ");

<option value ="">数学</option>
に二つ、三つの値を格納したいのですがどうすればよいのでしょうか？
抽出しましたがphpでの対処法しかなかったので・・・。

phpで処理すればいいと思うよ

phpですか・・・。
HTMLだけでは無理なのでしょうか？
数学を選択したとき2と106と1008という数字を格納したいのですが

ちなみにPHPはスレチな

そもそもinputのvalue値を“HTML”で“処理”したいってどういうことだってばよ・・・HTMLはマークアップ言語だよ？

htmlで何が出来るか分からない人はホームページビルダー使うと良いよ

DreamweaverCS5で、HTMLのソースを左に揃えるにはどうすればよいでしょうか？

インデントしないってことか。
だれか教えてあげて。

^[ |\t]*を削除？

>>697
>>698
ああ、インデントというのですか。
環境設定→コードフォーマット→インデントのチェックを外したら
新規で書いたり、コピペする分では左に揃いました。

すでにソースに記述されている分は変化が無いので
自分でちまちま揃えるしかないようですね・・・
揃っている方が見やすいので・・。

だれか、アレおしえてあげて

>>699
> すでにソースに記述されている分は変化が無いので
>698ではないですが、 ^[ \t]* を削除すればいいのでは？

position:absoluteを指定したボックスの幅が、Operaのみ数ピクセル小さくなる。
初期値の違いではないと思うんだが、CSSの解釈に違いがあるんだろうか？

>>699
メニューに「ソースフォーマットの適用」があるはず。
CS5でも同じ名前かどうかはわからんが。

>>699
コマンド(C) -> ソースフォーマットの適用(A)

>>701
>>703
>>704
できました。ありがとうございます。
環境設定　→　コードフォーマット　→　インデントのチェックを外す。
この後、
コマンド(C) -> ソースフォーマットの適用(A)

これでソースが綺麗に左に揃いました。

>>702
再現できるソース

>>706
他の環境でも再現するならバグかな。
http://codeviewer.org/view/code:1371

何をしたいのかよくわからんが、min-width プロパティとかは a 要素に設定できないよ

ライセンス解除せずに再インスコしちゃって制限に引っかかったんだが
電話でシリアル打ち込んでその後、「ライセンス番号」入力って言われて詰まった。
ライセンス番号ってどこに書いてあるの？CS4です。

>>708
ああ、そうだったのか。
ありがとう。

部活でＨＰを管理する係になったのですが、dreamweaverを使おうと思っています
どのソフトがオススメでしょうか？
ちなみに僕はパソコンが苦手ですが、本などを買って勉強する意欲はあります！

>>711
Adobe CS5 と モリサワフォント と PowerPoint と Excel
あとは、ブラウザもろもろと、フリーソフト適当にダウンロードしてくれ。
どのフリーソフトが必要なのかは、OSのバージョン書かなかったので教えない。

Dreamweaver CS5(Mac OSX 10.6)を使用中

HTMLファイルを開くとデザインビューになるので　デザインとコードを上下に分割した表示に切り替えても、次にDW起動すると元のデザインビューに戻ってしまう

CS4までは前回の表示設定を保持できた気がするんだけど、CS5ではできませんか？

DreamweaberCS5のシリアルキーを教えてくれる人はいませんか？

学校の文化祭でWebを担当することになったのですが、これまではイラレやフォトショのCS5を使ったDTPしかやったことがなく、Webに関しては全くの素人なので製作ソフトの助けを借りようと思い、恥ずかしながらキーを教えていただこうとおもった次第です。

なんという質の低い釣り

>>714
なんというゆとり

こんな知能の低い奴にDWなんて使いこなせるわけ無いだろ
フリーのツールぐらい探せよゆとり猿

今時こんな釣りにクマー

ブログなどをスマフォで見ると、フルブラウザと言いつつも、
文章エリアの余裕はあっても画面の大きさで改行が入ってしまいます

これをhtml/cssでなんとかコントロールできないものでしょうか？

２カラムレイアウトで
右側のカラムの左右に5pxのマージンを取りたいのですが
以下のCSSだと[contents]の右側のマージンが5pxでなく10px取られてしまい、
[container]部の横幅が985pxになってしまうようなのですが
何がおかしいのでしょうか？

#container {
width: 980px;
margin: 0 auto;
}

#side-nav {
float: left;
width: 150px;
}

#contents {
float: right;
width: 820px;
margin: 0px 5px;
}

お前の頭

　　　　　　ｸ　　　 ｸ　｜|　プ 　//
　　　　　　ｽ　 ｸ　ｽ　　| | │　//
　　　　　　 ／ ｽ　　　　| | ッ //　 　ｸ　　　ｸ　 ｜|. プ 　//
　　　　　　 ／　　　　　　 　 //　　　ｽ　ｸ　ｽ ＿ | | │　//
　　　　　　　　 ／￣￣＼　　　　　／　 ｽ　　 ─ | | ッ //
　　　　　　　／　　_ノ　　.＼　　 　 ／　　　　　　　　　//
　　　　　　 ｜　　（ ＞）（＜）　 　 　　　＿＿＿_
.　　　 　 　 ｜　　⌒（__人__） 　 　　.／　⌒　 ⌒＼　　
　　　　　　　 |　　　　｀ Y⌒l　　　 ／　 （＞）　（＜）＼
.　　　　 　 　 |　　　　. 人__ ヽ　／ 　::::::⌒（__人__）⌒ ＼
　　　　　　 　ヽ 　 　 　 　 }|　| | 　 　 　　 ｀ Y⌒ l__　　 |　　　　
　　　　　　　　 ヽ　　　　ノ､|　|　＼ 　 　　　 人＿　ヽ ／
. 　 　 　 　 ／^l 　　　　　 / /　 　,─l　　　　　　 ヽ　＼

>>720
中身の要素がはみ出してるんじゃ？

あるいは　〜IE6だけで再現するならこれとか
http://www.positioniseverything.net/explorer/doubled-margin.html

border-collapseでseparateにした状態で一部のセルの間ををなくすってできますか？

>>724
追記です
もしかしてtableの中にtable作らなきゃできないんでしょうか？

_display:inline;

でいい？

a:hoverで背景色を付けたんだけど、

<a href="a.html"><img src="a.jpg"></a>

↑みたいにして、マウスカーソルがこの画像に触れると、
画像の下に背景色が少し見えてしまう。

分かりにくい説明で申し訳ないけど、カーソルが画像に触れた時に
画像の下に背景色が見えないようにするためには、どうしたら良い？

firefoxだと問題なしです。

背景色をつけない

v

あ、誰かきたみたい

ブログなどをスマフォで見ると、フルブラウザと言いつつも、
文章エリアの余裕はあっても画面の大きさで改行が入ってしまいます

これをhtml/cssでなんとかコントロールできないものでしょうか？

min-width設定したボックスで全体を囲うとか

XHTML 1.0 Transitionalでdivタグを使用したマルチカラム式デザインを採用し、
サイト構成をしている者です。

<画像1>テキスト1
　　　　　テキスト1
　　　　　テキスト1
<画像2>テキスト2
<画像1>テキスト3
　　　　　テキスト3
<画像3>テキスト4
…

上記のように画像のところに顔のアイコンを入れて
キャラクター対談みたいなものを作ろうと考えているのですが、
何のタグでデザインしたものか悩んでいます。

最初は

ul{list-style-type:none;}
li{background-repeat:no-repeat; padding:0px 0px 0px 60px;}
li.chara01{background-image:url(01.gif);←50×50の画像}
li.chara02{background-image:url(02.gif);←50×50の画像}

こんな感じでリストタグで作っていたのですが、どうにも無理やりな気がしまして（考えすぎ？
divでくくってるから中に更にdivはダメなのですよね？
テキスト量が多くなったときも文章の左端が一列に揃うような状態がベストなのですが……

>>723
別にそのやり方でも悪くないんじゃね
＞divでくくってるから中に更にdivはダメなのですよね？
これも特に気にしなくてもいい。文章ならpの方が向いてるとは思うけど

俺ならこうする
p.c01, p.c02 { background: 0 0 no-repeat; padding-left: 60px; }
p.c01 { background: url(); }
p.c02 { background: url(); }

<p class="c01"></p>
<p class="c02"></p>
<p class="c01"></p>

価格コムトップページの右側に、「新着・お知らせ一覧」「日替わりクーポン検索」・・・と縦に並んでいる枠と中身のようなレイアウトは、HTMLやCSSで書けますか？

書けます

最近IE8に変えました。
何か雰囲気が違う・・・と思ったら、マウスをポイントしたときの
ポップアップが出なくなっていました。
調べたところ、alt属性はそもそもポップアップするものではなく、本来は
title属性を使うべき、ということのようです。
また、互換表示モードを使えば、従来のような表示になるようです。

ところが、ポップアップが出るページもあります。
たとえばヤマダ電機のWebショッピングサイト、トップページでは出ませんが、
個々の商品ページでは出るんです。
この個々の商品ページは、どういうからくりで出しているんでしょうか。
ソースを見ても、alt属性しか使ってないようです。

>>733
確かに同じようなデザインでやるならpタグのほうが
ソース的にスマートかも知れませんね。
そちらのタグを参考にさせてもらいます＾＾

>>735どう書きますか？

html超初心者です。
初心者サイト見ながらやっているのですが、タグを入力しブラウザを開いて確認する時点で
入力タグがそのまま表示されてしまいます。
全角やスペルミスなどは無く、html確認用サイトで見るときちんと表示されています。
何故でしょうか…？

ちなみにmacです。

>>739自己解決しました。しかし今度は文字化けです…。

>>736
具体的なページ貼ってもらわないと分からないけど、
JSで「img要素を走査して、titleがなくてaltがあるならaltの値をコピー」とか
やってるんじゃないかね

>>738
昔はテーブルで書いていたが、最近はulタグかdlタグで書くのが流行
kakaku.comのは単に横幅決めたボックスの中に
div並べてるだけだから難しくもなんともない、
分からないなら「スタイルシート」で検索して基礎を学べ

>>740
1. 使っているエディタの文字コード設定を確認する
2. 「metaタグ」でぐぐる
3. 文字コードを正しく書く

>>738
価格見ろ

ソースぐらい見ろよ　それで分からなかったら質問城
火狐だったらwebdeveloperっての入れると要素とか分かりやすいよ

>>743

Firebugは？

>>744
すきなの入れろよ

htmlでformを作成し、checkboxを配置したのですが、
<input type=checkbox> 選択肢1
こんな風に記述すると見た目は確かに意図したとおりのものですが、選択肢1という文字列をクリックしてチェックを入れられるようには出来ないでしょうか？
時々そうしたチェックボックスを見かけた記憶があるのですが・・・

すみません、ググりまくったら見つけました・・・
labelを使って紐付けるのですね。どうもすみませんでした

webdeveloperいれて色々いじって元に戻らなくなったからさ駆除したけど戻んない・・・
どうやったらjavascriptが動くようになるんだよ教えてください

画像の後にテキストを書き込むと、

<画像>ああああ
ああああ
ああああ

こんな感じに表示されると思うんですけど、

<画像>ああああ
　　　　ああああ
　　　　ああああ

こんな風に表示されるようにしたいんですが、いいタグの記述ないですかね？
上の表示を連続して配置していきたいのと、画像は毎回違うものに変えたいので
背景画像ではなくimgタグを使いたいのですが……

>>749
img {float: left;}

>>750
画像のサイズが小さいので、溢れたテキストがやはり画像の下にきてしまいます。

>>751
imgにmarginを指定すればいいんだよ
img {
float: left;
margin-bottom: **px;
}

>>749
試してないから不具合あったら言ってくれ
p { padding-left: 100px; }
img { margin-left: -100px; }
<p><img>text</p>

>>752
px指定じゃなくて、
100%でよくね
むしろ、
.top_img {
float: left;
margin-bottom: 100%;
}

<div class ="imag"><img src="指定する画像”> </div>
とかで、囲った方が早くね

そのページに一回しか出ないなら、IDとかでも良いと思うし、そこらへんググればいくらでも出て来ると思う。

<div class ="top_imag"><img src="指定する画像”> </div>

class指定間違ってた

>>741
出ないページ
http://www.yamada-denkiweb.com/
出るページ
http://www.yamada-denkiweb.com/item/list.php/special/11ct9/tm913/

どうも、「出るページもある」のではなく、「トップページだけ出ない」ようです。
スクリプトがらみなんでしょうか。

携帯用HTMLの勉強をしてます。

ある本で、
iモードブラウザ1.0では、スタイルシートが使えるのは
a:link a:focus a:visited
のみと書いてありました

しかし、次のページでは
body の bgcolor background text　はiモードブラウザ1.0でXHTMLの場合、スタイルシートで書きなさい
っと書いてあります。

iモードブラウザ1.0では、スタイルシートが使えるのは
a:link a:focus a:visited
のみというのが間違いなのでしょうか？

phpを使ってフォームのページを表示させ、
同じphpファイルにPOSTで渡して遷移するようにしました。
そこで、遷移した先でもフォームの状態を保持させたいと考えています。
これ自体は、POSTされたデータの有無を確認して、存在すればselectedなりvalueなりを設定すれば可能だと思うのですが、
この場合はその状態がデフォルトとなってしまうためにリセットボタンによるオールクリアが出来なくなってしまいますよね？
設定を保持しつつ、リセットボタンで全部消す事も出来るというのが理想的なのですが、
どのようにすれば良いでしょうか？

ステートフル又は隠しフィールド

divタグとcssで疑似フレームに挑戦中で、header（上50pix）とコンテンツとfooter(下60pix)を設置しています。
コンテンツのページのみ外部ページというのはできないのでしょうか。
(header)
(自家contents）
(footer)
↓
(header)
(外部contents)
(hooter)
最終的にはこのようにしたいのです。よろしくお願いします。

>>760
できるよ
がんばれ

iframeは？

>>757
外部スタイルシートは機能しない
style 要素内でのスタイルシートは a 要素しか指定できず、それ以外を指定したら中身が晒される
color や font プロパティを span 要素の style 属性で指定できる
background-color や color は body 要素の style 属性でも指定できる

>>752-755
一通り試してみましたが、思い通りの表示にはなりませんでした。
カラム内で使うのでなるべくdivタグに頼らない表示にしたいと考えてまして……
色々調べて質問したのですが、まだ調べたりないのかもしれないので、
検索等してみたいと思います。

>>761-762
できた・・のですが、飛んでほしい外部ページ（cgi）だけ、全画面表示
になってしまいました。ほかのページはいけるのですがあきらめます

はいどうぞ

このスレはスレタイや>>1の趣旨とは乖離したバカっぷりだなｗ
あ、もちろん回答者がねｗ

質問側も節度あるレス
↑ググれば、一瞬で出て来る内容ばっかで、ほとんど節度無いけどな

アホみたいな答えにもなってない書き込みしてるｋｓは一人だけだろ
そんなことより短芝うぜええええ

>>769
うん、お前だけな

DWCS4のデザインビューモード画面での問題なのですが、
HTMLに
<?xml version="1.0" encoding="UTF-8"?>
を宣言すると、
中央揃え構造が、左端に寄るのですが、
これはDWCS4のデザインビューがおかしいのでしょうか？
WinVistaです。
サイトをブラウザで確認すると、中央揃え構造になっています。

ライブビューしてみたらどうなってる？

>>772
中央揃えになりました！

ぐぐると、デザインビューは余り信用できないようですね。
ありがとございます。

ブラウザで見ろよ

みてたのね。

しかし、それを引いても突っ込みたくなるレスだ。

<?xml version="1.0" encoding="UTF-8"?>
↑この宣言はいらないということになったぞ。w3cで。

>>776
XML 1.0 の話？
XML宣言は省略可能だが省略しない方がよい、と認識してた。

2010/11/15　　更新情報

2010/11/16　　更新情報

↑このようにdtとddを高さを揃えて横並びにする場合について調べていたら

dl dt {
　　　clear:both;
　　　float:left;
　　　width:5em;
}

っていうのを見つけたんだけど、clear:both;とfloat:left;を一緒に書く意味が分からない。
float:left;にするのは分かるのだが。
前のdtをclear:bothしてからfloat:leftにするということ？

HTMLとXMLとXHTMLとHTML5の話がごちゃごちゃで訳分からん
HTML5の書き方に従っておけば済むってことだけは知ってるけど

>>778
その理解でOK

>>780
有難うございます。助かりました。

>>777
理由は忘れたが、宣言しないほうが問題が少ないらしい。
それをw3cが認めたカタチ。

>>782
出来たら、ソースplz
それがXHTML文書であれば XML 1.0 に従わなければならないから、下記の規則に縛られると認識してた。

---
[Definition: XML文書は、使われるXMLのバージョンを指定するXML宣言から始まる事が望ましい(should)。]
http://w4ard.eplusx.net/translation/W3C/REC-xml-20081126/#sec-prolog-dtd
---

必須ではないから省略はできる。
ただし、「Content-Typeヘッダで文字コードを指定する」「文字コードが UTF-8/UTF-16」のいずれかの条件を満たさなければ致命的エラーとなる。
http://w4ard.eplusx.net/translation/W3C/REC-xml-20081126/#d0e4623

> 宣言しないほうが問題が少ないらしい。
IE6 ではXML宣言を行うと後方互換モードにスイッチするバグがあって、それを回避するために「XML宣言をしない方がよい」とする意見があることはわかる。
けど、W3C が認めたっていうのは少し眉唾ものな感じ。
「互換性のためのガイドラインを示した」というならわからないでもないけど、仕様として推奨しているのはXML宣言を省略しない方なんじゃないかな…。

Polyglot マークアップ: HTML 互換の XHTML 文書
http://standards.mitsue.co.jp/resources/w3c/TR/html-polyglot/#PI-and-xml

Yahoo!がやっとIE6非推奨になったな
さあ、追従しよう

何をそんなに必死になってるかわからんが、宣言しないほうがいいってのは
いまや、webデザのあいだでは常識になってるし、w3cも問題を認識して
「公式に」省略可能にしてるわけだが。

テスターで100点を採りたければ、入れなきゃだめだよね。

>>785
宣言しない方が良い理由とソースは？

http://www.dakiny.com/archives/web/w3c_utf-8_xml_declarations/

おまえが望むものかわからんが、ソースソースうるさいから、
適当に貼っておく。
ぐぐって、最初にでてきたやつ。

おれが言いたい事は、これ以上でもこれ以下でもない。

反論があっても知らん。

はてブにこれはひどいってタグがついてる件

>>787
W3C がXML宣言を省略することを推奨しているわけではないのね。把握。
引用部分も XML 1.0 で主張していることと大体同じ内容である事を確認した。

俺が引っかかったのは >776 だけだよ。
「XML宣言は不要 → W3C が認めてる」というニュアンスが引っかかった。
>782 では「宣言しないほうが問題が少ない」となり、「それをW3C が認めた」と主張している。
でも、あなたが掲示したURLから引用するところによると、

---
XML宣言が、すべてのXML文書で必要であるというわけではありません。しかし、XHTML文書のい制作者は、すべての文書でXML宣言を使うよう強く奨励されます。文書のエンコーディングがデフォルトのUTF-8またはUTF-16以外のとき、そのような宣言は必要です。
http://www.dakiny.com/archives/web/w3c_utf-8_xml_declarations/
---

W3C は「XML宣言しない方が問題が少ない」を認めていない。問題が少ないと判断したのは一人のWeb制作者の個人的な理由によるもの。
「W3C はXML宣言を入れることを強く推奨しているが、省略可能」なら何も言うことはなかった。

誤解があるようなので訂正しておくけど、俺がXML宣言を入れる理由は「XML 1.0 が推奨しているから」であって、「Validator で100点をとりたいから」ではない。
俺の周りでは「XML宣言を省略すべきではない」が多数派だが、常識とは思わないし、常識なんて考え方をしたくない。常識は環境に左右されるものだから。

省略したほうがいいってのは、>>783にあるけどIE6が存在するからだろ
2000のサポート終わったんだからもういいよそんなん

論理の飛躍。

「終了タグはいらないということになったぞ。w3cで。」
　↓
「終了タグを書かない方が転送量が削減されるらしい。それをw3cが認めたカタチ。」
　↓
「終了タグを書かないほうがいいってのはいまや、webデザのあいだでは常識になってるし、w3cも問題を認識して「公式に」省略可能にしてるわけだが。」

すみません、お尋ねしたいんですけど、当方ＨＰ作成初心者なのですが、
下のような画像のリンクに携帯での保存を不可または転送不可にする方法はありますか？
<a href="画像.jpg">画像1</a>
できれば、全てのページで一括で設定したいので、そちらの方法もあればご指導宜しくお願い致します。

ありません

これ、お願いします。
>>736 >>756

>>794
後方互換モードだからポップアップされるのでは？

> 後方互換モード
重要なキーワードをありがとう。
マジありがとう。

<a href="#1">
これを使ってページ内ジャンプが出来るようなリンクを作成したのですが、最下のIDにジャンプしようとするとページの最下部がつっかえてしまい、綺麗にジャンプ出来ません。
これを解決したいのですが、改行を大量に入れるとか、見えないでかい画像やテーブルを設置する等の強引な手段しか無いのでしょうか？
もっとこうスマートなやり方があれば気持ちよいのですが・・・何かあれば教えていただけないでしょうか。

別ページにするか、自分で言ってるように改行とかスペース入れるぐらいしかない
その飛ばしたい項目自体の文章量を増やせば不自然じゃなくなるけどな

ユーザーが自分では移動できない領域に画面スクロールさせようという発想が間違い。
JSでジャンプ先の見出しを一瞬ハイライトさせるとかしてみたら？

dreamWeaverの表示カスタマイズとかについてもオケでしょうか？

dreamWeaver4→CS5に乗り換えたら表示が変わりすぎて困っています
↓この部分についてですです
http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/images/cm_current_site_popup.png
サイト設定を切り換えたいのに、ずらずらっとローカルディスクが出て来るようになったけど
自分の環境では繋げてるドライブが多い為、リストが長くなって使いにくいと感じています。
せめてサイト管理や作ったサイト設定を、リストの上の方に表示したいのですが、どこを変更すれば良いのか分かりませんでした。
ファイルパネルのリストの順番を変更するか、ローカルドライブを非表示にする方法を教えて下さい。宜しくお願いします。

tableで文字を囲んだら、自動で文字が中央へいくようなんですが
これを上につめるにはどうすればいいでしょうか？

>>801
td,th要素にvalign=top 属性
あるいはCSSでtd,thにvertical-align:top のプロパティを付ける

a:hover{
cursor:url(cursor.cur),auto;
color:#EEEEEE;
border-bottom:3px double #CCCCCC;
position:relative;top:1px;left:1px;
}

とリンクのときだけカーソルを変えたいのですがHDD上と違ってサーバーで表示すると処理が入ります
どうしたら早く表示させられますか？

＞cursor:url(cursor.cur),auto;
ここでカーソルの画像ファイルを読みに行ってるのが原因
「プリロード html」とかでぐぐって先読みさせればうまく行くかも

電話で認証を行うのにライセンス認証番号と言う物が必要なのですが
それはDW内のどこで見れるのですか？
シリアルはありますがライセンス番号がわかりません。

電話で聞けばいいだろ

自動音声で済ませたいのです。
前に一度やった覚えがあるんですが忘れました。
Dreamweaver”ライセンス認証番号”でググって見てもその部分がまるで記載無し

DW使ってるくせにインターネッツにつながってないのですか？

ぐぐれるならつながってるんだろう

あの番号はもう使えなくなってるよ

>>807
DL版しか買ったことないからわからないが、
パッケージに書いてあるんじゃないの？
DL版なら確かメールか何かで送られてきたはず。

割れ・・・ではないよな

十中八九そうだろ。

もしくは、それ狙いの釣り。

ああーなるほど
そういえばパッケージにあったような気がするぞ〜
マジ感謝
とりあえずメールも見てみる

添付の画像のように、テーブル内の文字を均等に配置する方法を教えてください！
http://deai.mokuren.ne.jp/up/src/up2561.jpg

photoshopの段落パネルを開いて、一番右側の奴選べば良いよ

>>815
text-align:justify;
text-justify:distribute-all-lines;

先行実装乱用はやめなされ

>>818
なぜ先行実装を使ってはいけないの？

理解したうえで先行実装や独自実装つかう分には別によくね？

使うのは勝手だが、それで読みやすくなるわけでもねぇしなぁ

Cygwin使っている人いますか？ その20
http://hibari.2ch.net/test/read.cgi/unix/1268282846/

272 名無しさん＠お腹いっぱい。 [sage] 2010/11/15(月) 11:42:30 ID: Be:
マウントオプションとは別に、CRLFをLFに変換するツールはないでしょうか？

美乳セーラー女子高生とSEX顔射フィニッシュ

というコマンドやnkfでも一応可能なのですが
専用のツールはなかったかと思いまして

273 名無しさん＠お腹いっぱい。 [sage] 2010/11/15(月) 11:43:21 ID: Be:
>>272
コピペミスった、、、、、
見なかったことにしてください

コマンドは、

cat crlf.txt | tr -d '\r' > lf.txt

です。

マルチ氏ね

<ul>
　<li></li>
　　<ul>
　　　<li></li>
　　</ul>
　<li><li>
</ul>

こういう使い方間違ってます？

リストの入れ子は、
<li> この中 </li> に入れなくちゃいけない。

とりあえずググって出てきたこんなかんじ。
http://www.kanzaki.com/docs/html/htminfo13.html#S11-2

>>824
もちがってます

>>825-826
ありがとう

あともう一つ質問でなのですが、
リストで以下の画像のように並べると、
list-style-imageで設定したアイコンが文字よりもちょい上に配置されるんですが、
これを文字とピシャッと並べる方法ってありますか？

ソース
ul.test {
list-style-image: url(../img/marker.gif);
list-style-position: inside;
}
http://deai.mokuren.ne.jp/up/src/up2568.gif

そういう時は発想を変えるんだ

li.test {
　　　　background:url('../img/marker.gif') no-repeat left center;
　　　　text-indent:20px;
　　　 }

とかさ

>>828
この記事参考にして list-style-image じゃなくて background-image 使うようにした。
http://tangerine.sweetstyle.jp/?eid=494320

あ、かぶったごめん。

>>829
それやると、入れ子にしてるところが変になるんです・・・

>>828
あきらめてbackgroundにする

backgroundでやると「×」のほうになるでごす
「○」がいいでごす

http://deai.mokuren.ne.jp/up/src/up2569.gif

ん？どんなソース書いてるの？
階層ごとにクラス割り振って指定すればよくない？

もしやulにclassつけて、ul.test li {
ってやるのが駄目で直でliにつければいけるかも？！

liにclassつけて、入れ子になってるliには別classつけてってやったらいけました。
しかしあれですね・・・
ulに一個classつけて、それを ul.test li {　って
するほうが楽なんですがね〜

あ、お礼いい忘れてました・・
みなさんありがとうございました！

ul.test > li

あほか

ui.test li ul li {
　　　　background:none;
　　　　text-indent:0;
　　　 }

<ul.test>
<li>あいうえお
<ul><li>ABCD</li></ul></li>
<li>かき〜〜

だぞ

CS5のマルチスクリーンプレビューボタンを押すと固まってしまうのは、私のPCだけでしょうか。

画像を押下するとそのページを更新させるようにしたいのです。
（正確にはその画像を再読み込みさせたい。phpで画像のURLがランダムで設定されるようになっています。
該当のページにはこの画像のほかにはテキスト等のデータはありません。）
<a href='javascript:history.go(0)'><img〜></a>
上記タグで、IEではうまく画像が変わる事を確認できたのですが、FireFoxでは最初の画像のまま切り替わりません。
ブラウザのボタンでリロードをかけると切り替わるのですが・・・
FireFoxでも動作するようにするにはどのようにすれば良いでしょうか？

スレ違い。
「firefox javascript リロード」でぐぐって解決しないならJSスレに移動しる

>845
おお、解決しました！スレ違いにも関わらず対応頂きありがとう御座いました！

>>846
いえいえ＾＾

質問です。長文ですが、よろしくお願いします。

メニューボタンAとBがあります。
それぞれカーソルを合わせると、AボタンならAのサブメニュー（A1やA2、A3）が下にドロップし、
BボタンならBのサブメニュー（B1やB2、B3）がドロップする仕組みです。
普通プルダウンメニューは、マウスアウトでサブメニューは閉じる仕組みですが、今回はそのまま表示されるようにしています。
なので、Aボタンにカーソルを当てるとA1〜A3といったサブメニューがドロップし、
Aボタンからカーソルを外してもA1〜A3は下段に表示されたままということです。
そしてBボタンにカーソルを当てると、そこでAのサブメニューは消え、Bのサブメニューが下段に表示されたまま、という仕組みです。

質問はここからです。
トップページではそれでOKですが、Aページへ飛んだ際、初期状態で、ナビの下段にA1〜A3が表示されているようにしています。
Aのサブメニューのclassからhiddenを消して、そのようにしています。つまり、AのページではA1〜A3のサブメニューが消えないようになっています。
この状態でBボタンにカーソルを合わせると、当然Aのサブメニューの上にBのサブメニューがドロップするので、Aのサブメニューは見えなくなります。
なので、問題はないのですが、逆に、Bのページ内でこれをやると問題が発生します。
Bページに飛ぶと、初期でBのサブメニューであるB1〜B3からナビ下段に表示されるようにしています。
ここで、問題が発生します。BのページでAボタンにカーソルを合わせると、当然AのサブメニューであるA1〜A3がドロップするのですが、
その際、AのサブメニューはBのサブメニューの下に表示され、Bのサブメニューが上に表示されたままになっているのです。
なのでAのサブとBのサブが重なってしまいます。
これを、Aボタンにカーソルが当たった際にBのサブメニューが消えるようにしたいのですが、CSSでその設定は可能でしょうか？
ナビはlistで作成しているので、ソース上、BのサブメニューがAのサブメニューの上にくるのは理解していますが、
Aにカーソルをあて、Bの入れ子であるB1〜B3を消す設定の仕方が分かりません。
どうかよろしくお願いします。

ページうｐ or 産業で頼む

ながすぎ！
画像で説明しろ

ホームページビルダーでガイドマップを作成してるんですが、
画像の一部をクリックして別のページにリンクする事は
できますか？

>>850
つイメージマップ　CSS

卒論でてんてこまい

画像にしてみました・・・
よろしくお願いします。
http://www.gazo.cc/up/19848.gif

>853
ページAとページBのソースの違いを見てみれば？
ソースは同じで、初期値がタブAかBかの違いでしかないようにソースを共通化してないのならアレだが

ページうｐしろ
さっぱりわからん

すいません・・・
サーバーまだうｐしてないのです。

これだと分かりやすいですかね？

<ul>
　<li class="mainmenu1"><a href="a.html">A</a>
　　<ul class="submenu1">
　　　<li><a href="a1.html">A1</a></li>
　　　<li><a href="a2.html">A2</a></li>
　　　<li><a href="a3.html">A3</a></li>
　　</ul>
　</li>
　<li class="mainmenu2"><a href="b.html">B</a>
　　<ul class="submenu2">
　　　<li><a href="b1.html">B1</a></li>
　　　<li><a href="b2.html">B2</a></li>
　　　<li><a href="b3.html">B3</a></li>
　　</ul>
　</li>
</ul>

この状態の時に、　<li class="mainmenu1"><a href="a.html">A</a>こいつにカーソル当てることで、
↓を消すことができるかどうかです。

<ul class="submenu2">
　　　<li><a href="b1.html">B1</a></li>
　　　<li><a href="b2.html">B2</a></li>
　　　<li><a href="b3.html">B3</a></li>
</ul>

助かります
とても参考になます

>853
大学のパソコンで見たがブロックされた

マウスオーバーで出たメニューが重なるからどうにかしたいって話だろ
画像見ても分からない奴は阿呆

そろそろ質問者が煽り出すと思ったら、ほらきたｗ

>>859
どうしたらいいでしょうか？

>>860
僕じゃありません・・・

サブページの初期状態サブメニューをz-indexで一番下にするだけじゃ駄目なの？
まったく見当違いだったらｽﾏｿ

>>862
うわ！解決しました！マジありがとうございます！
z-indexっての今まで知りませんでしたorz
あっさり解決しました・・・

IE7以下でtableの空白セルのボーダーを表示する方法はありますか？

 　入れるのじゃ駄目なのか？

>>865
空白セルなのです。

ちょっと大きめの画像を表示させるページを作成しています。
横スクロールバーを出したくないので、imgタグにwidth="100%"を指定しようと思うのですが、
ここで動作を縮小のみ行うように設定する事は出来るでしょうか？
画像のサイズが800*400だとして、ブラウザの大きさを600*300にすると画像は縮小されて横幅600に合わせてくれるのは希望通りの動作ですが、
ブラウザを1200*1000にすると画像が拡大されて横幅1200になってしまうというのは好ましくないのです。
もともとの800以下で縮小拡大を行うようにしたいのですが、良い手は無いでしょうか。
よろしくご教示願います。

CSSの max-width 設定すれば

DreamweaverCS5で、テンプレート機能を使用し、meta情報を変えるには

<!-- InstanceBeginEditable name="任意の名前を付ける" -->

<meta name="keywords" content="○○○,△△△" />
<meta name="description" content="○○○" />

<!-- InstanceEndEditable -->

これで良いのでしょうか？
他に正しい方法がありましたらよろしくお願いします。

>868
同一ページ上に多数の画像があるのですが、それらの画像のサイズを取得して最大値として設定するって出来るのでしょうか？
javascriptで出来そうな気はしますが・・・
>867のあと色々いじっていて、今はwidthを指定して固定したテーブルの中に、width100%で画像をおくようにしています。
ただ、IEでの挙動が微妙なのが悩みで・・・ブラウザを小さくしても縮小されないのはもう諦めましたが、
何故テーブルサイズを指定しているのにやたらにでかいテーブルになるのか・・・もうIE切り捨てたいorz

テーブルがでかくなるってのは、table-layout指定してないってわけじゃなかろうな

width属性取得して最大値取るとかならscriptで簡単に実装出来るんじゃない

ちょっとhtml使う機会があってわからなかったので質問させていただきます。

CSSを使わずに画像を横に2枚並べて表示させる場合、ブラウザサイズが小さくても二枚とも全体が見られるよに表示させたいのですが
どうするのでしょうか？

GoogleChromeやFirefoxでは以下のタグで上手く表示されましたがIEでは上手く表示されませんでした。

<table><tr><td><img src="http://pic.2ch.at/s/20mai00318605.jpg" width="100%"></td><td>
<img src="http://pic.2ch.at/s/20mai00318604.jpg" width="100%"></td></tr></table>

わかる方よろしくお願いします。

post　action‥と書かれている行に？マークがあります
例えば、aaa?id=　のような感じで
この?はどういう意味があるのでしょうか？

rfc2616 3.2.2
 http_URL = "http:" "//" host [ ":" port ] [ abs_path [ "?" query ]]

>>873
わかんない

>873
引数として値を渡すってことです
?key1=value1&key2=value2&...のような感じで　methodをpostかgetに指定すれば　actionの行き先ページからkey1とkey2のvalueを取得することができます

>>872
テーブルレイアウトをやめればよろし

アップロードして、サイトに飛ぼうとしてもURLにfile:///C:/Users/ユーザー名/AppData/Local/Temp/サイト名.htmlって表示されるんだが…

>>878
ﾜﾛﾀ

>>878
ちょっと調べるからurlおせーてｗ

サイト開かずに、htmlファイルの保存になるｗｗｗ

>>877
できないじゃん

>>882
君にはできないな

テーブルタグ外してもできないから教えて欲しいんですけど・・・。

こういう輩はいちゃもんつけたいだけでやり方なんて分からない低脳だろ

>>885
そうだね
君が教えてあげればいいのにね
できないのは、質問者＝君だけだだろうけどね

人を低能呼ばわりするんだから当然回答してもらわなくっちゃね

結論：誰もわからない（笑）

いや>>885が答えるよ

テーブル外した上で、width="50%"くらいにしとけばCSS使わんでもできるんじゃね
てか見た目を替えようとしてるのにCSS使わないって条件がわけわかめ

俺を質問者と勘違いする妄想猿まで居るのかｗ
流石低脳勘違いの世界に生きてんなｗｗｗ
DIV厨だからテーブルとかｼﾗﾈ

CSSとかテンプレ使わないでサイト作るとかめんどくさすぎだろｗ
更新とかどうしてんだ

tableを外せば自動改行される
ウインドウ幅が画像幅を超えなければ、画面に表示することは出来るだろう

今更ながらですが、iframeの代わりにobjectタグでもhtmlが表示できる
という事を知りました。

objectタグを使う事のメリット、デメリットはなんなのでしょうか？

自分で調べたところでは、デメリットとしてブラウザの対応が違うという話だったのですが、

　ie6/ie8/opera/firefox/Konqueror/
　safari(win && iPad)/chrome/Androidの標準ブラウザとDolphin

では特に問題なく動いているように感じます。

ただ、ie で window.parent の値が他のブラウザと挙動が違うみたいなのでちょっと困ってはいますが。

>>891
＞こういう輩はいちゃもんつけたいだけでやり方なんて分からない低脳だろ
お前がこれそのものじゃねえか。

質問者にいちゃもんつけてるのはお前だけ
屁理屈低脳くんには日本語理解できなかったようだね

質問者と妄想してる時点で池沼確定
自演に見えるのはいちゃもんつけてる猿だけだろ

>>894
HTML5 で復活予定だけど
iframe 要素は一度廃止されてるから、現在はフレームセット型でしか使えない

object 要素は HTML を埋め込んでるだけだから、 target 属性による操作とかが出来ない（target="_top" 等）
だから window.parent はどちらが正しいとも言えない気がする
あとIEは object 要素なら、セキュリティ設定を緩くしないと別ドメインのページを読み込めない

>>896
悪いが俺がいちゃもんつけたのはお前だけ
それ以外は他のヤツなんだな、妄想してんのはお前だな。

もういい

>>898
そうなんですね。
リンクをクリックした時の挙動もieだけ違うのでなかなかiframeの代わりに使うのは難しそうです。

objectを使うのは諦めようかと思います。

>>878と同じ症状でた…

>>896-897必死すぎｗｗｗ

>>901
いや、使えるからｗｗ

自分なりに調べてみましたがよくわかりませんでした。
質問させてください。

外部CSSをリンクして使っています。
.bodyと.footerでそれぞれリンク色をかえておりますが
なぜか全体的に.footerの分が反映されています。


<body>
<div align="center" class="body">
HPの内容
<div class="footer">
フッター内容
</div>
</div>
</body>


CSSは最初に使っていた.bodyのリンクタグをコピペし
色とかラインとかの指定をかえただけです。

最近CSSをいじり始めました初心者です。
ご回答よろしくお願いします。

>>906です。間違えました。

<body class="body">
<div align="center">
HPの内容
<div class="footer">
フッター内容
</div>
</div>
</body>

でした。

CSS晒してみな

レスありがとうございます。よろしくお願いします。
.body {
font-size: 12px;
color: #333333;
background: url(img/bg_body.jpg);
margin-top: 0px;
}
a:
{
color:#550e00;
text-decoration:none;
}
a:link
{
color:#330000;
text-decoration:none;
}
a:visited
{
color:#666666;
text-decoration:none;
}
a:hover
{
color:#ffccoo;
text-decoration:underline;
}
a:active
{
color:#330000;
text-decoration:underline;
}

.footer {
font-size: 10px;
color: #cccccc;
letter-spacing: 1px;

}
a:
{
color:#cccccc;
text-decoration:none;
}
a:link
{
color:#cccccc;
text-decoration:none;
}
a:visited
{
color:#999999;
text-decoration:none;
}
a:hover
{
color:#ffcc00;
text-decoration:underline;
}
a:active
{
color:#cccccc;
text-decoration:underline;
}

>>908-909
同じセレクタを指定したら、後のセレクタで上書きされる
子孫セレクタを使って対応できる

footer部分のAを↓にしてみる
.footer a:
.footer a:link
.footer a:visited
.footer a:hover
.footer a:active

ありがとうございましたぁぁぁぁぁぁぁぁっぁぁぁぁぁ
あっと言う間にぃぃぃぃぃぃいぃいぃぃぃ
できましたぁぁぁぁぁっぁぁぁぁっっ

大感謝です。
本当にありがとうございました。

横から見てて、気持ちよかった。

いけたか。よかった。

Firebugsとかその親戚とかを使うとそういう疑問は簡単に解決できるよ。
ある要素に適用されているのはCSSのうちのどの部分か、
背景色が上書きされたりしていないか、等々が即座に確認できる。
これから先悩んで無駄にする時間のことを考えたら
今インストールして使い方覚えることに1時間使った方が絶対にいい。

Dreamweaver MXを持ってて、
Dreamweaver CS5を買うか悩んでるんだが、
MXはWeb規格（HTMLのバージョンとか）面、機能面から見て古すぎる？

名前にsageとか恥ずかしすぎるオレ

携帯サイトを運営しています
PCからも見やすいようにテーブルタグとCSSを使っているのですが
テーブル内でCSSが反映されません
hoverやlinkなどは反映するのですが、bodyのletter‐spacingなどが反映されません

使っているテーブルタグはこんな感じです↓
<table width="○○" bgcolor="○○" cellspacing="1"><tr><td>文章</td></tr></table>

どうやったらちゃんと反映されるようになるのでしょうか
どなたかよろしくお願いします

すみません自己解決しました
無視してやってください

ある会員制サイトのログインにユーザーネームとパスワードを入力するurlをつくりたいと思っています

ログインページのソースを見ると
ログインのためのファイル（どう読んだらいいかわからないんですが）
の相対urlが　./xxx.php
ユーザーネームのnameが　user
パスワードのnameがpw
ログインのページのurlが
http://aaa/bbb/ccc.html

であった場合
相対urlが　./なのでhttp://aaa/bbb/ccc.htmlのccc.htmlと同じディレクトリにあるということで
http://aaa/bbb/xxx.htmlとなり

http://aaa/bbb/xxx.html?user=○○&pw=○○
という感じであってますか？