(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ5
ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです
類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML/CSS/Dreamweaverの事なら何でもOK
ただし、JavaScriptやPHPなどはスレ違い/板違い。該当スレ/該当板でどうぞ
回答してくれる方は優しい人のみ!
質問者に対して暴言を吐く人は このスレを見るな!!
質問側も節度あるレスで!
質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー
>>980を取った人(立てられない場合は次の宣言者)が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい(
>>980を取った場合も)
立てられない事が予め分かっている場合は、
>>980付近の書き込みは自重しましょう
■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ4
http://pc11.2ch.net/test/read.cgi/hp/1253096785/
----------------テンプレここまで----------------
※書き込みは必ず前スレが埋まってからお願いします
3 :
Name_Not_Found:2009/12/03(木) 13:02:07 ID:iEeyegx3
前スレの994、零細企業のものです
みなさん本当にありがとうございますo(^-^)o
まずはDW体験版試してみますね
フラッシュやバナーを作るのにおすすめのフリーソフトはありますか?
私の作ったサイトをみて
取引先とか知り合いの小さな会社やお店からも作ってくれないか頼まれてしまってまして(^_^;)
デザインは本で猛勉強しようと思ってます
スレチ。ちなみにフラッシュやグラフィックはDWとは関係ない
だから言ってんじゃん。bindとかでいいんだよ。
adobeのソフトは高いから製作会社でないと費用対効果が低い。元すら取れないかもしれない。
要するに見た目がそこそこカッコイイサイトが簡単に安く作れることが第一。
>>3 聞けば聞くほどDWすらいらなそうだな
CMS方面考えた方がいいんじゃね
俺もCMSがいいと思う
そこら辺のテーマを使えばそれなりに見えるしな
8 :
Name_Not_Found:2009/12/03(木) 16:17:11 ID:wUrVcPMR
メールフォーム用のCGIってどれが使いやすい?
CMSはないな。
オリジナルデザインで見栄え良くしようと思ったら余計に手間とスキルが必要。
何をしたいかにもよるけど。
禁断のBiNDとIDでいんじゃね?
BIND宣伝うぜえww
BiNDはもう諦めろよww
Dwだってもういらないんだぜ
仕事が無いんだから
CMSですら、単価劇落ちで仕事なくなってきてるのに
某宗教のサイト制作はうまうまだった
見積額から心付けを上乗せしてくるクライアントは初めて
見積もり通りに払ってくれるだけでもウマウマなのに更に多いとか
14 :
Name_Not_Found:2009/12/04(金) 09:30:31 ID:ewLyqB/3
全ての検索エンジンにかからないようにするタグを教えてください。
何を言いたいのかよくわからんが、POST送信によってページの内容を決定すればいいんじゃね
メタタグのこと言ってるんだろ
官公庁がらみのサイト作成を下請けでやったときは
元請けはどうやらゼロ1コ分ウマウマだったらしい
俺にはビタイチうま味なんてなかったけど
ほんだら無理としか言えないね
>>14 「やめて」というタグを見てどうするかは検索エンジンの行儀次第。
タグにはなんの力もない。
21 :
Name_Not_Found:2009/12/05(土) 03:03:01 ID:ByPrDEh4
>14
<html>の前に
<! no-sa-tienjin
と入れるといいよ
>>23 それ某ブログで紹介されててちょっと気になってた。
プラグインが気軽に入れられて面白そう。
DWで出来てNetBeansで出来ないことってある?
>>24 HTMLをプレビュー出来ないところかな
ちなみにプラグインは何も入れてない素の状態
>>23 同じディレクトリでの複数設定は好ましくないみたいだけど、
SFTPとかリアル・テスト・ミラーとか複数サーバ接続とかやれてるひといるん?
>>25 なるほど、ありがとう。
やっぱ開発系に強いソフトなのかね。
DWが手元にある以上、乗り換えるまではないか。
よく読んだらtrunkて書いてあるからまだ正式リリース版では対応してないかも
31 :
Name_Not_Found:2009/12/06(日) 20:58:32 ID:q9YG43K5
Windows7でDreamweaver4は起動できますか?
ありがとう
ところでググるって何?
ROMって何?
ココワダレ?
ワタシハドコ?
>>35 <abbr title="Read Only Member"></abbr>
<abbr title="Rinka-no Omanko Makkuroke">ROM</abbr>
vistaでgeocitiesでフリー(容量50M)のホームページを作ろうとしたら。
index.htmlが作成できずに困ってます。
昔のバージョンのホームページビルダーとか持ってたんだけど、OS非対応みたいなのでgeocitiesの
無料のツールを使うことにしました。
ジオクリエーターでファイルを作って、
EZアップロードでアップロードをするという流れだとは思うんだけど。
作成されたページを開くと真っ白で、HTMLソースも4行ぐらいしかない。
そもそもジオクリエータに「ファイル名:ファイル名が設定されていません」というめせっセージが赤文字で出ていて、
プレビュータブを開くと「'○○/index.html'が見つかりません。パスまたはインターネットアドレスが正しいかどうか確認してください」
っていうエラーメッセージが出ているからジオクリエーターの使い方を間違っているかもしれない。
解決法が分かる人いたら教えて!
(X)HTMLって.htmlファイルじゃなかったのか。
すれ違いですんません。
htmlファイルの質問ならいいが、それはジオクリエータの質問だろ
FFFTPオススメ
FFFTPとか糞ソフト勧めるなよ
46 :
Name_Not_Found:2009/12/07(月) 01:41:22 ID:0tkjZ9HY
SEO的に<h1>のタグは必ず<h2>や<h3>より上に記述しないとダメなの??
SEO的に≠ネら、んなもん関係ないってグーグルの中の人が言ってた
見出しより先に小見出しが来るのはHTML的に駄目
構文エラーではない
49 :
Name_Not_Found:2009/12/07(月) 03:11:47 ID:Va4V5lYQ
CS4って高いけどその価値あるの?
作ったページの価値に比例する。
51 :
Name_Not_Found:2009/12/07(月) 06:49:50 ID:7oblSyq5
<h1></h1>の中にテキストではなくそのwebサイトのタイトル画像の
<img src="img/hoge.png" alt="[そのタイトル名]">
だけを入れるのってHTML的にどうなんでしょうか
何か問題でも
54 :
52:2009/12/07(月) 08:55:34 ID:???
いや、実際そういう風にマークアップしてるんだけど
問題あるかなーと思って訊いてみただけです
そういうのはw3cで確かめた方が早いよ
56 :
52:2009/12/07(月) 09:26:54 ID:???
そうですか…
こういう質問投げたら所謂w3c信者の方達から
色んな意見が聞けるかなとちょっと期待してました
一人で悶々と考えようと思います
57 :
Name_Not_Found:2009/12/07(月) 10:17:11 ID:aRgSK2FW
考えることじゃない。
w3cのサイトで、ソースを見ればわかる。
>>56 スレの住人を見下すのは勝手だが、程々にしとけよ
というか悶々と考えてから来ればいいのに
59 :
52:2009/12/07(月) 10:34:42 ID:???
>>57 あ、本当ですね。w3c自体がそういうマークアップしてたんですね。
>>58 何か気に障るようなこと書いちゃいましたか
見下したつもりはないんだけれどごめんなさい
cssでリンクの色やリンクにポインタを合わせた時の色変更、リンクの下線消し等を特定の部分にだけ適用させたいのですが上手くいきません。
.style1 { text-decoration:none; visited{color:#000000;} link{color:#000000;} hover{color:#ff5599;} active{color:#ff5599;}}
これを外部ファイルに記述しているのですが{}が2重になっているのがいけないのでしょうか…?
正しいやり方を教えてください。
問題外。CSSの基礎を解説してるサイト探して一から勉強しろ
>>60 セレクタと擬似クラスの2つの基礎的なサイトを探してみて
63 :
Name_Not_Found:2009/12/07(月) 16:49:05 ID:Va4V5lYQ
DWの本たくさんありすぎて迷う
本読む時間があるならその分ソフトに触れるべし
65 :
Name_Not_Found:2009/12/07(月) 17:43:42 ID:ueZeIuzS
できません
IE限定でスタイルシートでなんとか・・・
{filter:progid:DXImageTransform.Microsoft.BasicImage( Rotation:1 ); }
Rotation:1→2→3で90度ずつ回転
PHPでやれ
canvasで
おかえりください
>>65 90度傾けるなら
{
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
こんな感じ
<div>
<h1>見出し</h1>
<img src="画像" width="200" height="200">
<p>テキストの中身1<br/>
テキストの中身2</p>
</div>
って形のものをwidth600pxのとこに3つ横並びに均等配置をしたいのですがうまくいかなくて困ってます。
よろしくお願いします。
うまくいかないってどううまくいかないの?
現状のcssはどうなってんの?
Dreamweaverについての質問です
<li>abcde</li> <li>fghijk</li> ...
↓
<li>abcde abcde</li> <li>fghijk fghijk</li> ...
このように一括でコピペするいい方法はないでしょうか?
よろしくお願いします
>>73-74 divだから横に並ばないんじゃね?spanにしたらうまくいくかも・・?
というかtable使った方がいいんじゃね。
floatで普通にいけるだろ
78 :
75:2009/12/07(月) 20:37:30 ID:???
>>75 正規表現を使うことで解決出来ました。
質問を取り下げます
>>74 お前htmlもcssも触ったことねーだろ
ていうかdiv、span、table、それぞれの意味すらしらねーだろ
志村ーアンカーミス
>>74 cssは下の感じです。
h1, p, span {
margin:0;
padding:0;
}
#content {
width:600px;
}
#titel_all {
text-align: justify;
text-justify: distribute-all-lines;
}
#titel_all:after{
content:url(img/a.gif);
visibility:hidden;
}
.title {
width:100px;
display:inline;
}
xhtmlは下です。
<div id="content">
<div id="titel_all">
<div class="title">
<img src="#" width="100" height="100"/> </div>
<div class="title">
<img src="#" width="100" height="100"/> </div>
<div class="title">
<img src="#" width="100" height="100"/></div>
</div>
</div>
困ってることですが、画像だけならよかったんですがimgの上にh1を入れるとh1も整列されてしまう
みたいでレイアウトが崩壊してしまいますorz
現状のcssを維持しながらh1をtext-aline:left;の状態にするにはどうしたらいいのでしょうか?
>>76 最悪の場合tableでもいいのですが使い方が違うのでできれば避けたいです。
何をしたいのかわからんが、
.title { float:left; }
でいいんでないかい?
>>83 .title { float:left; }だと横につまる形になってしまい均等配置にならないので無理です
86 :
64:2009/12/08(火) 00:37:19 ID:jLeb3hR9
ソフトに触れてたけど何もかわらんよ
PCの電源は入れなくてもいいの?
87 :
Name_Not_Found:2009/12/08(火) 01:02:04 ID:F6pe8Nrq
同じディレクトリにindex.htmlをはじめ、全てのページを入れてますが、
これって問題あり??
>>81-82 justifyは複数行にわたる段落(テキスト)に対して指定する値であって……
それにtext-justifyなんてプロパティは無い
あとalt属性が抜けとるよ
#content {
width:600px;
}
.title {
width:200px;
float:left;
text-align:center;
}
89 :
Name_Not_Found:2009/12/08(火) 17:00:32 ID:Btq0yV1t
Dreamweaver CS3について質問です。
画像1 画像2 画像3 画像4
このように画像が並んでいるとき、画像2〜4にマウスがきたときそれぞれ色違いの画像をロールオーバーさせるのですが、そのときに画像1も変更することは可能でしょうか?
画像1の部分に、画像2、3、4にそれぞれ対応した画像を表示させたいのです。
これが仕様上不可の場合、これをやる時には「長い画像」を4通り用意し、それぞれにホットスポットを複数指定して画像全体を差し替えるのでしょうか?
だいぶ前のDreamWeaverで「レイヤ」機能?か何かを使ってできていたような気するのですが、5年以上触っていなかったので、きれいさっぱり忘れていますorz
91 :
Name_Not_Found:2009/12/08(火) 19:04:51 ID:9gkBWAU7
HTMLとXHTML、どちらを勉強しようかと迷っているのですが、
HTMLを100勉強すればXTMLの知識も80くらい付く、逆もまた然り。
という感じの認識で合っているでしょうか?
htmlもxhtmlも基本的には同じ。細かい書き方が違ったりそれぞれメリットがあるけど、
新しく始めるやつがそんなことを気にする必要は無い。
XHTMLを勉強するつもりでいる方がお勧め。
93 :
Name_Not_Found:2009/12/08(火) 19:28:12 ID:9gkBWAU7
ありがとうございます。XTHMLを勉強することにします。
>>88 > それにtext-justifyなんてプロパティは無い
そんなもの無いのになんでこの人は書いてるんだろう とか疑問に思わなかったのか…w
そのプロパティは使わないようにしろって意味だろ。粗探しばかりしてないでそのくらい読み取れよ
粗探しはどっちだよ。全然解決できてねーしw
98 :
Name_Not_Found:2009/12/08(火) 23:41:04 ID:HHU+FRQG
こんばんは、
グーグルクロームでFC2ブログをカスタマイズしていたのですが、
タイトル部分を画像に変更しグーグルクロームでは背景と綺麗に
マッチしたのですが、確認の為、IE(インターネットエクスプローラー)では、
タイトル部分の画像の回りに四角い枠が出て来て見栄えを悪くしています。
この四角い枠を消したいのですが、お願いします。
>>98 その画像にリンクがついてるならCSSにimg{border-style:none;}って書けばいけると思う
aはいれなくていいのん?
画像リンクの話なら、とりあえず
>>99を先頭に書いとけばいいんじゃね
ちなみに何も指定しないと、Firefoxでも枠が出てしまう
>>88 複数行が整列になってしまうのでやっぱり無理ですよね
それとcenter揃えだと左右に余白ができてしまうので無理です
スマートに書きたかったんですが無理っぽいのでおとなしくclassにpaddingでも入れて調節します。
ありがとうございました
WEBデザイナーの彼女が喜ぶクリスマスプレゼント教えてください
テーブルレイアウトから
絶対脱却出来る本を教えて下さい。
複数冊合わせ読みでも構いません。
WEBデザイナーならWeb creatorsは持ってるかな
>>104 どんなレイアウトをテーブルでしているかによるのでは
森羅万象を網羅なんて出来ないんだから
テーブル使おうが使うまいが、同じデザインを違う構造で再現できりゃいいんだよ。
見かけは同じでソースが違うリニューアルってのもあるしね
まさに俺
lintで-25点のズタボロ文章を、最近XHTML1.1に準拠させた
あのデザインを作った頃はまったく無知だったんだなぁ
>>103 「サルでも分かる」のシリーズ本が良いと思う
DOMツリーの立体オブジェが欲しいわ
div病と聞いたことがあるのですが、調べてみて
不必要なところ(ulやtableをdivで囲うなど)でdivを使うこと的なのがどこにも大体書かれていました。
しかし、大手のサイトをいろいろと見回ったのですが
これほとんどdiv病じゃないですか?
境がわかりません。
わかりやすく教えてもらえないでしょうかよろしくおねがいします。
>>112 アンチtableとか、CSSレイアウトとか言って、
凝ったレイアウトにしようと思ったら、
結局の所、div厨になっちゃうんだよ。
見た目だけで一番綺麗なのはtableレイアウト、次いでdiv厨、
文書構造に基づいた美しいソースは、見た目が一番ダサい。
なんてことを書くと叩かれまくることは承知の上。
>>112 大手サイトは、タグの意味云々以前に、そもそも文法自体滅茶苦茶なんじゃない?
table要素使ってないのは、単に重くなるからという話を意味もわからずに妄信してるだけのような気も
>>113 んなこたーない
でもやっぱ初心者には難しいんかな……
見た目同じようなデザインやソースでも、
本文の構成・内容によって、divで囲むのがふさわしいのか
そうでないのか、ということがあるんだよ
divで囲まなくでもIDやクラスの付け方、使い方、
CSSでの記述の順番で何とかなることもあるし
逆に、サイト全体の構造上、大本のdivに影響を受けてたりして
新たにdivで囲って一度設定をリセットしたりしないと
思うレイアウトにならないから、都合上divをつかっていることもある。
頭を柔軟にな
重度のDIV病だったら例えば
<body>
<div id="body">
<div class="menu">
<div class="link"><a href="about:blank">リンク</a></div>
<div class="link"><a href="about:blank">リンク</a></div>
</div>
<div class="line">
てすとてすと<br />
てすとてすと<br />
</div>
</div>
</body>
こう書いてしまう、正しく直すと
<body id="body">
<ul class="menu">
<li><a href="about:blank">リンク</a></li>
<li><a href="about:blank">リンク</a></li>
</div>
<p class="line">
てすとてすと<br />
てすとてすと<br />
</p>
</body>
ここまで重度な人はいないと思うがw
DW CS4へGoLiveから移行したんだが、タブ区切りテキストをテーブルの各セルに
一気にコピペってできる?
GoLiveで出来てたから、DWでもできると思ったんだが・・・
>>117 ◎なっとく!ドリームウィーバー
のバックナンバー・配信停止はこちら
⇒
http://archive.mag2.com/0000244000/index.html 【 テーブルデータの読み込み 】
エクセルなど他のアプリケーションで作られ、区切り記号付きテキストフォーマット
(タブ、カンマ、コロンなどで区切られている) で保存された表形式のデータを
Dreamweaver に読み込んで、テーブルとしてフォーマットできます。
===
1.次のいずれかの操作を実行します。
・[ファイル]-[読み込み]-[表データ] を選択します。
・[挿入] バーの [データ] カテゴリで、[表データの読み込み] アイコン
をクリックします。
・[挿入]-[テーブルオブジェクト]-[表データの読み込み] を選択します。
2.表データの以下のオプションを指定して [OK] をクリックします。
(以下省略)
だそうだが、やったことはない。
>>118 レスd
ファイルの読み込みじゃなくて、コピペしたいんだよね・・・
もしかしてできないんだろうか
>>119 読み込みでだめならあきらめな
MXの頃からできなかったよ
Macならクラリスホームページのではできたが、DWではできなかった
WindowsではMXの頃はエクセルコピーだけは
FrontPageを使ってHTMLに貼って
それをDWで加工してたが
今はめんどくさいから、エクセルやCSVの時点で
テキストエディタでタグを先にいれて、ソースにコピペする。
>>117 エクセルでcsvを開いてそっちからコピペできたけどそれじゃダメ?
DW CS4で、イメージ挿入時にwidth、heightが必ず入っちゃうのって仕様ですか?
CS3ではコードビューで挿入すればファイル指定のみの最小限のタグ生成だったと思うのですが・・・
・コードビューで挿入
・右ファイルウィンドウからドラッグして直接挿入
・環境設定→アクセシビリティ→イメージのチェックはずす
・Program Files内configuration→Objects→Common→Image.jsのrtnStrをいじる?
(jsは自信なし・・・)
いずれも自動で指定されてしまいます。
どなたか分かる方いらっしゃいますか?
環境設定>一般>編集オプションの「オブジェクト挿入中にダイアログを表示」のチェックをはずす
だな
>>123 レスありがとうございます。
しかしそれだとファイル指定ダイアログも出なくなっちゃいますよね・・・
挿入→ファイル指定→<img src="○○○" />
とならないなあと思いまして。
126 :
Name_Not_Found:2009/12/11(金) 01:06:25 ID:HlNNbOuI
メインのコンテンツ(フレーム3つの構成)が決まった幅で表示されるように
サイドバーを表示させたいのですが、どのようにすれば良いのでしょうか?
DWにて3列、リキッドに、とハイブリッドに、を試したのですが、下記がまんま
ブラウザに表示されてしまいます。
試しに「右にサイドバー」という2列の構成も試してみましたが、やはり一緒です。
>Sidebar1
>この div の背景色は、コンテンツの長さにわたってのみ表示されます。(r
>Sidebar2
>この div の背景色は、コンテン(r
IE6が古いのかと思い、Firefoxで試しましたが同様の結果に、作るときに
XHTML1.0とHTML4.0も試しましたがやはり同様です。
何か根本的なところで間違っているような気がするのですが、それの検討がつきません。
どなたかお心当たりがあれば教えてください。
>>113-116 ありがとうございます
とりあえず今は軽く気にする程度にとどめておきます。
大袈裟にdiv病と言われているものを現してみるとわかりやすいですね、
ここまではやりすぎ、という感覚を意識してみます
ありがとうございました。
すみません。質問です。
テーブルを使えば解決しそうなのですが、cssで出来るのかなと疑問に思い書き込ませていただきました。
現在1のようなレイアウト状態で、見づらいので、
下記2のように料金を揃えて表示したいのですが可能なのでしょうか?
1
料理名AA 840円
料理名BBBB 945円
料理名CCCCC 1260円
2
料理名AA 840円
料理名BBBB 945円
料理名CCCCC 1260円
>>128 可能だけどCSSの意味から理解した方が良い
dlとかtableタグの再定義してやればいい
普通はTABLEの出番だと思う
まぁ定義型リストか表かどっちかで
133 :
Name_Not_Found:2009/12/11(金) 18:47:07 ID:qxo6PUIL
ブログにナビゲーションとして下記のようなリンクを設置しています。
<p style="text-align: center;"><a>次の記事のタイトル</a> | <a>ブログトップ</a> | <a>前の記事のタイトル</a></p>
次の記事、前の記事のタイトルの長さによって、ページを遷移する度に「ブログトップ」のリンクの位置が
ずれてしまうことを修正したい所存です。
■参考画像
http://www.dotup.org/uploda/www.dotup.org445606.gif.html 純粋にデザイン面のみを考えるならば以下のソースで希望通りの表示を実現できるのですが、
余計な要素が加わってしまうことが好ましくありません。
p { overflow: hidden; width: 600px; text-align: center; }
span { visibility: hidden; }
<p><span>かきくけこさしすせそ</span><a>あいうえお</a> | <a>ブログトップ</a> | <a>かきくけこさしすせそ</a><span>あいうえお</span></p>
上記以外の方法で解決策をご存知の方がおられましたらご教授願います。
spanかaにクラスつけて、前と後の記事へのリンクだけ
widthをem指定&overflow:hiddenしたら?
positionで全部指定すればいいんじゃね。
marginとかうまく使えば行ける気がする。
というか、そういう見た目にしてるページは結構あるとおもう。ブログとか。
パーツだけ教えてやるよ
ul
il
width
height
display
inline
後は自分で考えな〜
137 :
133:2009/12/12(土) 11:28:39 ID:Fnab5fw/
>>134-
>>136 ありがとうございました。無事解決することができましたのでご報告も兼ねてお礼申し上げます。
>>134 その発想はありませんでした。display: inline-block;と併せることで解決しました。
元のソースと比べて、spanにハックを使いpadding,「 | 」の部分を背景画像として指定することで
前後記事へのタイトルが長く改行される場合に対応することができました。
IE6の文字サイズ可変についてのみ、良い改善策が見つかりませんが十分満足のいく結果です。
細かい部分は省きましたが、以下のソースで希望通りの動作をしています。
p { width: 36em; text-align: center; }
span.putterL,
span.putterR {
display: inline-block;
width: 15em;
text-align: right;
vertical-align: top;
}
span.putterR { text-align: left; }
<p><span class="putterL"><a>あいうえお</a> | </span><a>ブログトップ</a><span class="putterR"> | <a>かきくけこさしすせそ</a></span></p>
>>135 positionを使う場合はネガティブマージンと組み合わせればできるのでしょうか。
今回は上記の形で解決しましたが、今後時間があれば試してみようと思います。
>>136 ulは順序の無いリストなので、今回ulを使うべきかどうかは難しい所です。
display: inline;が適用されている要素についてwidth,heightは無視されるべき(仕様書より)ですので、
現行ブラウザで実現できたとしても、今後のことを考えると少し怖いかなと思います。
138 :
Name_Not_Found:2009/12/12(土) 16:58:27 ID:qxI3WNom
質問です!よくヤフオクで「激安Adobe Creative Suite 4 Dreamweaverシリアル番号
」5000円とかありますが購入あれは海賊版ってことなんですか?
購入しても平気な物なんでしょうか?
非常に初歩的で申し訳ありませんが宜しくお願い致します。
激安とか書いてある時点で地雷
誤爆と見せかけてDreamweaverの質問
ヤフオクって何?
ヤ・・
フ・・
オ・・
ク・・
ナビゲーションバーを多言語対応にするにはどうすればよいですか?
一つのセレクタに対して、2つの@規則を適用させることは可能でしょうか?
>>143 <head>
<style type="text/css">
[lang="en"]{
display:none;
}
</style>
<script type="text/javascript">
window.onload = function(){
if(window.navigator.language != "ja"){
var css = document.createElement("style");
css.setAttribute("type","text/css");
css.appendChild(document.createTextNode("[lang='en']{display:block;}[lang='ja']{display:none;}"));
document.getElementsByTagName("head")[0].appendChild(css);
}
}
</script>
</head>
<body>
<ul lang="ja">
<li><a href="">てすと</a></li>
</ul>
<ul lang="en">
<li><a href="">Tests</a></li>
</ul>
</body>
JavaScript使うならこう
147 :
Name_Not_Found:2009/12/13(日) 11:34:00 ID:z9Ohmq21
お願いします。
お年玉で、ドリームウェバーを買って入れようと思いのですが、
1GB以上の空き容量のあるハードディスクが必要とのなのですが、
ハードディスクとはローカルディスク(C)の事でよろしいのでしょうか?
残容量が67GBあるので余裕なのですが、そんなにいいパソコン買った覚えもないので不安です。
現在、市場ではDW3とDW4が併売されているようですが、僕のHPはDW3で作ってもらったので、DW3を用意しろ!と言うエラーがでます。
DW4を買った場合に、DW3が見当たらないと言うエラーメッセージが出ないか不安です。
3で作ったホームページを、4で認識しますので無問題
良いソフトなのでおすすめします。
ホームページを作ってもらった人でもスイスイ使えます?
ホームページを作ってもらった人が使うのはContributeだろ常識的に考えてw
height:30pxのdivの中の子divの10ptの文字列を右下揃えで表示する方法はないでしょうか
<div style="height:30px">
<div>文字列</div>←これを親divの右下に表示
</div>
それと、formのtextとbuttonに、双方border: 1px solidとheight:180pxと指定すると、
firefoxでボタンと入力欄の高さが異なったり上下がズレたりしてしまいます
原因はどのあたりにあるのでしょうか
>>151 <div style="height:30px; position: relative;">
<p style="position: absolute; bottom: 0; right: 0;">文字列</p>
</div>
文字列はdivじゃなくてpで囲うべき
上下のずれはinputにvertical-align: top;を追加。topじゃなくてもいい
type="text"は通常だとtype="button"の上下中央を基準に配置されるからずれが生まれる
高さはそれぞれのinputにクラスつけて各自heightやpaddingで調整すればいい
ブラウザ間の差異が気になるならハック
text-align:right
154 :
151:2009/12/14(月) 19:40:06 ID:???
> CSSのリセット
ブラウザへの負荷とかあるので良い事ずくめとは言えない
譲れない要素だけで良いんじゃない
全称セレクタは使わず、一部のブロックレベル要素の指定に留めておけばいいのでは
フォームコントロールまで手出すならオラ知らね
CSSのフレームワークってどれを覚えればいいの?
そもそも覚える必要がない
勉強してみたいならYUI
159 :
Name_Not_Found:2009/12/15(火) 11:29:49 ID:Au1EICA/
ぶっちゃけHTMLとCSSの文法知ってりゃテキストエディタで作ればいいわな。
GUIで作りたいからわざわざソフト買うわけで。
1万円前後のビルダーだとワープロで文章書くようにしてWEBページ作っていくのに
その4倍以上の値段するDWがHTML文法熟知してないと使い物にならないソフトとは
思わなかったわ。
>>159 「GUIで作りたいから」ではない。
タグをいちいち手で入力するのがめんどくさいからだ。手で入力するとスペルミスとかあり得るし。
>>160 手入力もせずGUIも使わず、どうやって作るんだ?
よう分からん人はninjaでも使え
バカはブログでも使ってろ
まあDWにせよビルダーにせよたいていのヤツは最後は手入力だけどね
人それぞれ「このタグ嫌いなんだよー」ってのがなぜかある
俺ulが嫌い
じゃぁリストはどうやってマークアップしてるの
マークアップという概念はないと思われ
MARQUEEだけは馬鹿っぽいから嫌いだ
マーキーはそもそも非推奨だけどな
fontとかiとかbとかuとか気持ち悪い
marqueeは非推奨以前に仕様書にない
HTML5じゃきっちりiとかbとか定義されてるけどな
span乱用/cite・dfn誤用するな的な意味で
framesetとかも復活するんでしょ
174 :
Name_Not_Found:2009/12/15(火) 23:48:22 ID:zgTUKXD6
お願いします。
ホームページも背景も白色のためメリハリをと思い、背景を画像にしようと
したら、背景だけでなくホームページの中まで背景画像が入っています。
何をどうすればいいのでしょうか
貴方のいうところの「ホームページ」「背景」とは一体何のこと?
176 :
Name_Not_Found:2009/12/16(水) 00:07:42 ID:M5vgi8rI
バックグラウンド です。ページ内の余白部分が透明なようで
バックグラウンド画像が、ページ内にしっかり入っているんです。
ページ内の余白部分が透明状態になっています。
文章の説明じゃダメだわ 意味不明
ソースか現物
できますよ。
inline-blockか無難にfloat
181 :
Name_Not_Found:2009/12/16(水) 01:25:36 ID:M5vgi8rI
Contribute というホムペを作ってもらったソフトがあるのですがCSSもいじる事は可能なソフトでしょうか?DWを持っていなくてもContributeは起動するのでしょうか?
お願いします。
>>99 ありがとうございます。消えました。aは、いらなかったです。
>>161 「ワープロで文章書くようにしてWEBページ作っていく」ってくだりからすると、
>>159が言ってるGUIってWYSIWYG編集のことだろ。
<br /><br />みたいにbrの連続は使っちゃだめよと言われているのですが、
ああああ
いいいいい
のような縦に4行分とかの長い余白を入れる場合どうしたいいのでしょうか
そもそもbr要素は余白を入れるための要素じゃない
marginとかpaddingで 行間という意味ならline-heightも
186 :
Name_Not_Found:2009/12/16(水) 11:50:30 ID:zY1UdQVS
>>183 DWは高価な割に文法を把握していないとまともにページが作れない、っていいたいわけで。
高いお金払うんなら余計な工数はかけたくない。
ソースを一切手打ちすることなく見栄えのいいサイトを構築できるソフトが欲しいね。
Web制作の求人ってDW必須なんだから覚えないと仕事にありつけなくない?
>>186 Illustratorでindex.pdf出力でおk
191 :
Name_Not_Found:2009/12/16(水) 17:59:11 ID:pGYPf3dq
クリッカブルマップ上での吹き出しについて質問させてください。
HTML
<map name="hoge_map" id="hoge_map">
<area shape="rect" coords="100,200,300,400" href="JavaScript:open_newwin('./hogehoge.html',500,500)" alt="hogehoge" title="hogehoge" class="toolTip" /><span>テストテキスト。</span></area>
</map>
CSS
.toolTip{ position: relative; }
.toolTip span{
display: block;
border: solid 2px #999;
background-color: #eee;
color: #666;
text-decoration: none;
position: absolute;
top: 20px;
left: 10px;
padding: 5px;
visibility: hidden;
width: 150px;
}
area.toolTip:hover,area.toolTip:hover span{ visibility: visible; z-index: 100; }
このようにしているのですがマップ上では特に吹き出しは出てきません。
間違いなどあれば指摘いただけると助かります。
areaは終了タグを持たない空要素
<map>
<area onmouseover="" onmouseout="" />
</map>
<span>text</span>
この形で<span>をpositionで<map>の上に重ねておいてdisplayかvisibilityで切り替えればいい
hover擬似クラスは少なくともIE6で<a>以外に対応してないからjavascriptでコントロールした方がいいかも
>>189 wysywigってのは「編集画面と印刷画面が全く同じ」環境のことだろ。
DWの編集画面とブラウザでのプレビューとはすでに違うんだから
この時点でwysywigじゃないし。てかホムペ作成ツールでwysywigとかないし。
What You See Ys What You Get
…なかなかアバンギャルドだな
195 :
194:2009/12/16(水) 18:26:25 ID:???
What You See Ys What Iou Get
の誤りでした。伏してお詫び申し上げますm(_ _)m
落ち着け
>>193 で、DWがWYSIWYGだなんて誰か言ってたの?
Windows vistaでDreamweaver8を使用しています。
ブラウザでプレビューする際に、ブラウザリストから
プレビューするブラウザを選択する形になると思うのですが、
なぜかfirefox以外のブラウザが選択できなくなってしまいました。
(ブラウザ名は表示されるのですが、灰色表示で選択が出来ない状態です)
使用しているブラウザは、IE7.0、GoogleChrome、Safari4.0、Firefox2.0の4種類です。
exeファイルへのパスも何度も確認したのですが、
記載に間違いはないようで・・・
パスは、ProgramFilesの各ブラウザのフォルダのルートにある、
ブラウザ名.exeをそれぞれ指定しています。
何か解決法があれば、ご教示願えれば幸いです。
よろしくお願いします。
>>191の内容が使えそうだったから自分のサイトにも使ってみたら
IE6では別窓で出てきたウィンドウのサイズが変更できなくなくなってた。
Firefoxだと変更出来るんだけどIE6の仕様か何かかな?
別窓に期待する仕様もどうにかしたほうがいいとも思うが、
それはさておきあんな間違いだらけのソース使うとか冗談じゃない
修正した上で使ってるなら、どう修正したのか
IE6で印刷すると右端が切れてしまうんですがこれはどうすれば対応できるのでしょうか?
IE7とIE8では特に何もしてなくても収まってます。
印刷用CSS
MacのDW CS4 を使用しています。
昨日から急に、カラーコードの指定が16進数から変わってしまいました。
例:#FFFFFF→#FFF
どこを変更してしまったのかわかりません。
どうすれば元に戻るでしょうか。教えてください。
204 :
Name_Not_Found:2009/12/17(木) 19:05:01 ID:G0xje8dJ
あ、すいません。上げます。
205 :
194:2009/12/17(木) 19:10:42 ID:???
#fff
も16進数にしか見えないが。
もしかして:Webセーフカラー
207 :
Name_Not_Found:2009/12/17(木) 19:23:31 ID:G0xje8dJ
今までは6桁で出ていたのが、3桁でしか表示されなくなったんです。
どこの設定なんでしょうか・・・。ヘルプ等見たのですが、該当箇所がわからなくて。
構文チェックって何がオススメですか?
html-lint
<219.30.150.220.ap.yournet.ne.jp>
↑これをアクセス拒否したいのですが
↓のように設定しても書き込まれてしまうのですが何がいけないんでしょうか?
# アクセス制限(半角スペースで区切る、アスタリスク可)
# → 拒否ホスト名を記述(後方一致)【例】*.anonymizer.com
$deny_host = '*.*.*.*.*.yournet.ne.jp *.*.*.ftth.ppp.infoweb.ne.jp';
213 :
Name_Not_Found:2009/12/18(金) 19:20:52 ID:6/6oDZnt
Dreamweaver CS4の質問あげ
サイト名+著作権表示をコピペでやってるのですが
大量のページにコピペするのが面倒なので
同じ文章を登録しといてボタン一発で入力みたいな機能はないのでしょうか?
IDかわってるけど213です。
>214
サンキューです!
htmlを書くとき会話文の形で
A「××××」
B「××××」
このように括弧の前に発言者の名前を書く場合に、発言が長くて折り返される場合でも、
発言者の名前にはみ出さないようにしたいのですが、そのためのタグなどはありますか?
ちょっとこの説明だとわかりにくそうなので
こういうことです
A「××××」
B「××××」
これくらいだとAの発言が短いのでいいのですが、
Aの発言が長かったりブラウザを小さくすると
A「××××××××
××××」
B「××××」
こうなってしまいますよね
そこのところを発言の長さ、ブラウザの大きさに関わらず
A「××××××××
××××」
B「××××」
こうなるようにしたいのですが
>>218 p.hatugen{padding-left:2em;text-indent:-2em;}
<p class="hatugen">A「××××××××××××」</p>
<p class="hatugen">B「××××」</p>
ただし、pタグの初期化の有無または設定によって、
上下のmarginとpaddingも指定する必要も生じる
>>219 こんなに早く
ありがとうございます
本当に感謝します
221 :
Name_Not_Found:2009/12/19(土) 12:51:02 ID:gCWpmend
html5の文法がチェックできるサイトをご存知の方おられませんか?
ここが便利!という新規タグの解説サイトなども教えていただければ幸いです
html5 文法 チェック でググってみたか
まずググるのとまず質問するのは
まず御辞儀するのとまずハグ・キスするぐらい異文化なんだよ
>216
β版だか英語版だかが出た時に使って見たが、重くて使いもんにならんかった記憶がある
つまり郷に入っては郷に従えってことだな
227 :
ドシロート:2009/12/19(土) 18:48:55 ID:ej5Yw82R
質問させてください。
FC2ブログでHPを作成しています。
ブログに関してなのですが、記事を個別に表示することができません。
どの記事のURLに飛んでも、ブログのトップページに行ってしまいます・・・。
本は「FC2ブログで始めるビジネスサイト構築」を使用し、その通りにやったのですが・・・。
かなりアバウトですが、これだけでわかる方がいたら教えてください。
わかりづらかったらhtmlを載せます。
よろしくお願いします。
>>212 遅くなりましたが、誘導ありがとうございます。
>>227 スレチ
fc2のサポート行った方がいい
230 :
ドシロート:2009/12/19(土) 19:19:28 ID:ej5Yw82R
229さん、ありがとうございました。
質問です
dreamweaverのCS4を使ってるのですが、
はじめに内部CSSで記述したものを、外部CSSに書き出したいのですが、
DWのヘルプをみると、書き出したい部分を選択→右クリックの「インラインCSSをルールに変換」で
cssファイルにできるそうですが、やってみようとすると「インラインCSSを〜」の部分が
灰色になって、選択できません><
正しくはどうすれば選択できるようなるのでしょうか
すみません 231です
自己解決しました><
今までは、コードビューの<style>〜</style>の間を選択して、
右クリックから、「インラインCSSを〜」を選べると思っていたのですが、
CSSスタイルのパネルのところで、右クリックすればよかったんですね><
233 :
Name_Not_Found:2009/12/20(日) 16:08:12 ID:Cc5TSG1/
ウェブ魚拓のページ取得を阻止しようとヘルプを見ていて
↓を記述してくださいとありましたが
<meta name="robots" content="noindex,nofollow">
これは検索エンジン自体の取得を阻むものですね?
なぜウェブ魚拓からの取得だけ禁止という
タグは無いのでしょうか?
>>223 タグがないだけで魚拓のみ拒否することはできる
公式のQ&Aくらい読んでから質問しろよ
>>233 metaタグに何をどう書こうが、それでどうするかは読む側の勝手。
<meta name="Content-Type" …>って書けば、ブラウザはそれを見て
文字コードとかを判断する材料にする(無視することもある)。
<meta name="robots" …>なら、大抵の検索エンジンは
巡回したり検索結果に表示したりしないようにする(無視することもある)。
これらは別に何かの規格で決まっているわけでもないし(確か)、
誰かに何かを命令するものでもない。
俺が新しく検索エンジンを作るときは"robots"を無視するかもしれない。
代わりに"get-out-asshole"って書いてあったら巡回しないことにしてもいい。
ただ、キーワードが統一してあると便利だし、マナーがいいように見えるので
有名どころは"robots"を見てそれに従うようになってるだけ。
そしてWeb魚拓というサービスは"robots"を見るようにしよう、と
あれを作った人が決めたからそうなっているだけの話。
別に"gyotaku"を使ったっていいんだけど。
ラスト2行の質問の答になってないんだよな
やっぱギークはだめだな
>>233 order allow,deny
allow from all
deny from [魚拓のIP]
>>237 米国では廃棄蛍光ランプは専門の業者が回収を行い、この際、割らずに回収することと定められている。
割れた蛍光灯を回収する場合には高額な回収費用が請求される。
一方、日本では、一般家庭から廃棄される蛍光灯は、一部の自治体が回収を行っているものの、
現在でも多くの地方自治体が燃えないごみに出すように定めており、環境意識の高まりとともに改善を求める声があがっている。
なお、自治体が回収を行っていない地域であっても、一部の家電量販店や電器店・ホームセンターなどが
「蛍光管回収協力店」として店頭で回収している場合があり、個人で持ち込むことができる。
無料で回収している場合、または蛍光灯購入を条件に回収している場合が多いが、
ヤマダ電機など一部の大手家電量販店などでは、
たとえ新しい蛍光灯を同時に購入した場合であっても
廃棄蛍光灯の回収費用を請求している。
日本では蛍光灯の有料回収が定着しているとは言い難く、引き取りを有料とされた場合には
環境問題によほど熱心な者でない限りは自治体の燃えないごみ回収に出してしまうであろうから、
無料で引き取りを行っている店も多いなかでの有料引き取りには「環境問題に積極的ではない」という意見もあるが、
これに対しては「リサイクルにかかる費用を排出者が負担するのは当然。
自治体が蛍光灯回収をしている場合も税金という形で排出者が負担している」という反論がある。
240 :
AAA:2009/12/22(火) 14:22:14 ID:SIA78vWE
スタイルシートを別ファイルにする理由ってなんですか?
>>240 全ページに同じCSSを読み込ませておくと、
変更が全ページに適用されるので楽。
242 :
AAA:2009/12/22(火) 15:06:38 ID:SIA78vWE
他の理由もなにかありませんか?
HTML文書にはlink要素1行で済むので、容量節減に
244 :
AAA:2009/12/22(火) 15:08:35 ID:SIA78vWE
ありがとうございます!!
助かりました
HTMLファイルの一部、例えばヘッダとかフッタを別ファイルにしておいて
インポートする方法はないですか?
246 :
Name_Not_Found:2009/12/22(火) 15:09:50 ID:SIA78vWE
ググれカス!
ひどい自演だな。これは笑ってしまった
それくらい教えてやれよ
フレームを使えばいいよ
>>245 SSIかCSIかphpでインクルードするかifreamでいいんじゃね
>>245ではないが、質問。
phpのインクルードってやつで、サイトの共有部分を更新したいけれど、
なんだか難しそうで手が伸びない・・・
phpが使えるサーバーじゃないと、phpのインクルードもできないんですよね?
当たり前だろ
あと鼬
252 :
Name_Not_Found:2009/12/23(水) 01:25:13 ID:KepS1tMj
インクルードは簡単で便利
インクルードのためだけにJSP使うことがある
PHP分かんないんだもの
>>253 includeのためだけにtomcat入れるのか?
今年最大のアホだな。
-- index.php
<html>
<head><title>てすと</title></head>
<body>
<?php
include "header.html";
include "footer.html";
?>
</body>
</html>
-- header.html
<div><h1>へっだー</h1>てすと</div>
-- footer.html
<p>
ふったー
</p>
こんな感じに簡単に使えるけど
GoogleのクローラーってJS理解できるんだったよね?
一部はね
恥ずかしい質問ですが、どなたかお教えください。
MacでDreamweaver3を使い始め、Windowsに買い換えて8にしたのですが、
この度、本体を買い換えたのを機会にCS4にしようかと、お試し版を試しています。
画面がかなり変わって戸惑っているのですが
サイト管理で設定した、レンタルサーバーのサイトデータを一挙に手元のHDに移すにはどうすればよいのでしょうか?
メニューバーのサイト(S)にあるGETは薄く表示されており、クリックしてもだめです。
どなたかよろしくお願いします。
一挙には無理
1サイトずつサイトの管理画面で書き出して 読み込む
>>260 ありがとうございます。
リモートサイトをローカルサイトに同期する事はできないのでしょうか?
サイトは1つですが、200ページは超えています。
>>261 意味が不明。
できなくて訊いてるのか、知らなくて訊いているのか?
本気なら、マニュアル読んだりFAQ読んだりすればわかる。
>>264 ありがとう
でも、そう言う書込ならしない方が良いと思う^^;
^^;
^^;
^^;
こんにちは。ビルダーで作っています。
縦に長いページがあります。
メニューのコンテンツをクリックした時に、
自動で縦長の中の一部分に飛ぶようにするのはどうすればいいのでしょうか
つ id属性
wikiのソース読むと幸せになれる。
270 :
267:2009/12/26(土) 00:57:41 ID:???
ありがとうございます。調べてみます!
271 :
Name_Not_Found:2009/12/26(土) 11:12:42 ID:DzLzuK5i
ドリームウィアヴァーが安い店教えてください
ウィアヴァー
わろた
CS5っていつ頃出るの?
左右に分かれた標準的なフレームでページを作成しているのですが、
leftからリンクターゲットでrightの方へ掲示板のリンクを張ったのですが、
点線で囲まれてしまって操作が不能になります。
過去にもこの現象になったことがあり、そのときは
他のページがタグをパクったりして解決したのですが、
そのタグを忘れてしまいました。
これを直すタグがありましたら教えてください。
>点線で囲まれてしまって操作が不能になります。
ここをもっと詳しく。これじゃ意味が分からない
なんの操作ができなくなるの?
target=rightで問題ないと思うけど。
参考:画像掲示板
>>277 この点線は何もしなくても出てるの?それともクリックした時なのか
画面全体のスクショか状況を再現できるソースがないと、この画像だけじゃ難しい
280 :
Name_Not_Found:2009/12/26(土) 22:02:02 ID:tkgpVGmf
お願いします。
<div align="left"> さむいね。</br>
おしっこしよう。</div>
という</br>改行をW3Cに適応で、HTMLだけでやりたいのですがどうすればいいですか?
開始タグが抜けてるだけじゃね
283 :
Name_Not_Found:2009/12/26(土) 22:27:39 ID:tkgpVGmf
ありがとうございます。pタグを使うのはググレたのですが、
実際にHTMLだけでどうやって入れるのかが、わかリません。
よろしくお願いします。
<br /> ならわかるが、</br>って何…
とほほ
でぐぐれ
>>278-280 どうやらビルダーやfc2エディターなど色々なものを使っていたので
自動でタグが勝手に書き換えられてバグっていたみたいです。
ビルダーで作ってそのままアップしたら見事なおりました。
ご協力ありがとうございました。
テーブルタグのみで2カラムって作れますか?
CSSは全然分からないので
余裕で作れる。
が、おすすめしない。
テーブルの特性上スペースができまくりじゃねww
テーブルで2カラムにするなら今からでもCSSを覚えるべきだな
後々面倒
テーブルで2カラムにするなら今からでもCSSを覚えるべきだな
後々面倒
>>289 すみません。これってどういう意味ですか?
そもそも今にもなってCSS分かりませんとか、かなり恥ずかしいことだぞ。
それも黒歴史のテーブルデザインで作るとか。
294 :
287:2009/12/27(日) 10:03:32 ID:???
そうですか、ありがとうございました
まずはテンプレートを改変して頑張ってみます
CSSで、たとえば「あいうえおかきくけこ」って文章について
表示する文字が5文字を超えたら「あいうえお...」と省略して表示、
とかってできるんだろうか?調べたらellipsisとかoverflowとか
そういうのを使うのかなって思ったんだけど。
あと検索エンジンとかで、表示された任意の検索結果に対してひとつずつ
titleタグがつけられてて、カーソル当てると文字が表示されるのがあるけど、
あれはどうやってんだろうか。これはCSSやHTMLではできないことなのかな。
5「文字」は無理(幅指定ならできなくもない)。
厳密にやりたいのならおとなしくJS使うべき。
2段目はどういう意味なのかよく分からない。
そういうページがHTMLで表示されている以上、
それは「CSSとHTMLでできること」なんじゃ?
jsでやれるのか
phpでそんな関数があったなぁとか思ってた
2段目は何を言っているかわからんけど
動的に表示されている以上HTMLとCSS「だけ」ではムリ
>>296-297 ありがとう。やっぱ1つ目の質問のはJSのほうがいいか。
2つ目の質問は説明すると余計に分かりづらくなりそうだから
やめときます。
>>297 PHPなり何なりを使えるのなら普通にそういうHTMLを吐けばいいし、
そうでなくともHTMLを直接編集すればいいんだけど
(エディタのマクロとか。DWにはそういう機能ってあるんだろうか?)、
それが無理ならJS使うのが一番楽そう。
とりあえずjQueryなら超お手軽に済むよ。
ウェブサイトの共有部分の更新は、
phpのインクルードと、DWのテンプレート使うのとで、どちらが便利でしょうか?
見出しのhと<li>を同時に使うのって常識的にNGなんですか?
<ul>
<h3><li>あいうえお</li></h3>
</ul>
確かにパリデータでは<ul>内で<h3>は使えませんと出てくるし、
IEでは表示が激しく崩れる。
でも、FireFoxとIEテスターのIE7とIE8でちゃんと表示されるから謎だ。
<ul>
<li><h3>あいうえお</h3></li>
</ul>
>>302 ありがとう。
今ためしたらエラーは出なくなりました。
304 :
Name_Not_Found:2009/12/28(月) 13:01:44 ID:KYvxM6GX
dreamweaver CS3 です
編集するとき「分割」でやっているのですが
たまに絶対パスの画像がグレーに表示されてしまいます。
どんなタイミングでグレーになるのか解りませんが、
グレーになるたび毎回再起動していますが非常に面倒です。
表示>外部ファイルの表示にチェックは入っているのですが…
>>304 単純にFTPがタイムアウトしてんじゃないの
306 :
Name_Not_Found:2009/12/30(水) 17:23:38 ID:xxDFXfpj
html5.jpのレーダーチャートを白黒印刷するととても見づらいのですが、
なんかいい方法ないですかね?
スレチ
印刷しない
309 :
Name_Not_Found:2009/12/31(木) 16:35:01 ID:Vxv2m/yp
ある要素にマウスが重なったとき、別のidのプロパティを変化させるにはどうしたらいいですか?
たとえばaaaとbbbがある場合、
#aaa:hover{
bbb.background-color:Blue;
}
#bbb{
background-color:Red;
}
↑
こんな感じで、aaaにhoverイベントが起きた際に、bbbの背景色を赤から青に変化させたいです。
出来ればcssだけでお願いします。
>>309 #aaa:hover+#bbb{
background-color:Blue;
}
#bbb{
background-color:Red;
}
+≠フ部分は要素の位置関係によって替えてね
311 :
309:2009/12/31(木) 16:52:37 ID:???
>>310 ありがとうございます。
思ったとおりに出来ました。
こういう文法的なものって、どこで発見/確認したらいいでしょうか?
入門サイトとか見ても、プロパティの解説サイトは沢山あるんですが、、、、
リファレンス
>>311 WEB関係の記事とか紹介してるブログチェックしたり
変わったことしてるサイトがあればソース見て勉強してる
ちなみにセレクタの+とa以外への:hover指定は少なくともIE6に対応してないから注意。気にするかは自由だけど
幅800pxのボックス1内に、幅200pxのボックス2を4つ並べたいんですが、実際にやると、4つ目のボックス2が、ボックス1の幅に収まりません。
うまく並べるにはどうしたらいいですか?
ボックス2のwidth+margin+paddingが200px超えてるんじゃないの?
widthはマージンやパディング含まないからね
316 :
314:2010/01/01(金) 13:22:47 ID:???
>>315 おっしゃる通りでした。ありがとうございました。
以下のようなメニューのリスト(<ul>と<li>)で作りました。
メニューをクリックすると<div>タグで作ったボックスが表示されるのですが、
メニュー1の場合には画面左端から表示されますが、メニュー2、3、4の場合には、該当するメニューの位置から表示されます。
<li>を使ってるのが原因と思いますが、どのメニューをクリックしても、次のように表示するにはどうしたらいいでしょうか。
---------------------------------------------
| メニュー1 | メニュー2 | メニュー3 | メニュー4 |
|--------------------------------------------|
|←どのメニューでもここからBOXを表示したいです。 |
| |
| |
| |
| |
|--------------------------------------------
俺ならJSでやっちゃうな。正攻法でないかもしれんが。
320 :
318:2010/01/01(金) 15:53:05 ID:???
cssだけでどうにかならないでしょうか?
メニューの部分はリストでなくてもいいです。
> メニューをクリックすると<div>タグで作ったボックスが表示される
これJavaScriptじゃないん?
322 :
318:2010/01/01(金) 16:01:21 ID:???
すいません。
クリックじゃなくて、要素によってhoverとactiveを使っています。
323 :
318:2010/01/01(金) 16:52:12 ID:???
たびたびすみません。
自己解決しました。
方法としては、メニューにhoverした際に表示するdivボックスに、
left:0px;
を追加するだけで出来ました。
>>317 IE6の標準モード以降は、ちゃんと解釈されるぞ
更新履歴のクラス名ってどんなのが一般的だろう
logとかhistoryだと若干意味が違うような気がするし……
koushinhistory
changelog
updatelog
http://www.asahi-net.or.jp/~qm8k-mtmr/ を XHTML1.0 Transitional としてチェックしました。
33個のエラーがありました。このHTMLは -210点です。タグが 15種類 43組使われています。文字コードは UTF-8 のようです。
少ない数字は軽く、9 になるほど致命的です。このHTMLには重要な問題が多く含まれています。環境によっては閲覧できない可能性が非常に高いと言えます。
減点対象外のごく軽度のエラーは割愛されています。
6: line 1: XHTML1.0 では XML宣言をすることが強く求められています。 → 解説 21
6: line 2: <html> には xmlns 属性が必要です。 → 解説 86
2: line 2: <html> には lang 属性を指定するようにしましょう。 → 解説 119
2: line 2: <html> には xml:lang 属性を指定するようにしましょう。 → 解説 119
8: line 4: 空要素タグ <meta> は <meta /> として閉じなければなりません。 → 解説 38
9: line 5: 空要素タグ <meta> の要素には空白さえも含めることはできません。 → 解説 40
1: line 7: 空要素タグ <link> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 8: 空要素タグは <meta /> と書くようにしましょう。 → 解説 41
1: line 8: <title> と </title> の間が空です。 → 解説 51
1: line 11: <center> はあまり薦められないタグです。<div align="center"> かスタイルシートを使いましょう。 → 解説 56
1: line 13: <div> と </div> の間が空です。 → 解説 51
9: line 14: コメント中に `--` を書くことはできません。 → 解説 26
1: line 33: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 45: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 62: <div> と </div> の間が空です。 → 解説 51
5: line 69: XHTML1.0 では XML宣言中に encoding 指定をしましょう。 → 解説 137
一部省略
点数は相当だけど、ちょいちょいと直せそうな問題ばっかりだから対応は楽だね
6: line 2: <html> には xmlns 属性が必要です。 → 解説 86
8: line 4: 空要素タグ <meta> は <meta /> として閉じなければなりません。 → 解説 38
8: line 5: 空要素タグ <meta> は <meta /> として閉じなければなりません。 → 解説 38
8: line 6: 空要素タグ <meta> は <meta /> として閉じなければなりません。 → 解説 38
9: line 14: コメント中に `--` を書くことはできません。 → 解説 26
9: line 39: コメント中に `--` を書くことはできません。 → 解説 26
9: line 40: コメント中に `--` を書くことはできません。 → 解説 26
真っ先に修正しないといけないのはこれだけだな
6: line 1: XHTML1.0 では XML宣言をすることが強く求められています。 → 解説 21
2: line 2: <html> には xml:lang 属性を指定するようにしましょう。 → 解説 119
1: line 8: <title> と </title> の間が空です。 → 解説 51
1: line 11: <center> はあまり薦められないタグです。<div align="center"> かスタイルシートを使いましょう。 → 解説 56
これは文法上の違反じゃないから後回しにしても良い
9: line 5: 空要素タグ <meta> の要素には空白さえも含めることはできません。 → 解説 40
9: line 6: 空要素タグ <meta> の要素には空白さえも含めることはできません。 → 解説 40
1: line 8: 空要素タグは <meta /> と書くようにしましょう。 → 解説 41
1: line 8: 空要素タグは <meta /> と書くようにしましょう。 → 解説 41
1: line 8: 空要素タグは <meta /> と書くようにしましょう。 → 解説 41
9: line 14: コメント中に `--` を書くことはできません。 → 解説 26
9: line 14: コメント中に `--` を書くことはできません。 → 解説 26
9: line 39: コメント中に `--` を書くことはできません。 → 解説 26
9: line 39: コメント中に `--` を書くことはできません。 → 解説 26
9: line 40: コメント中に `--` を書くことはできません。 → 解説 26
9: line 40: コメント中に `--` を書くことはできません。 → 解説 26
5: line 69: XHTML1.0 では XML宣言中に encoding 指定をしましょう。 → 解説 137
は他の文法違反による警告だから「真っ先に修正」を修正すれば消えるはず
2: line 2: <html> には lang 属性を指定するようにしましょう。 → 解説 119
1: line 7: 空要素タグ <link> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 13: <div> と </div> の間が空です。 → 解説 51
1: line 33: 空要素タグ <img> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 45: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 51: 空要素タグ <br> を閉じるときは `/>` に空白を先行させましょう。 → 解説 39
1: line 62: <div> と </div> の間が空です。 → 解説 51
は、今は無視しても良い
実際に修正が必要な警告はケアレスミスが少数あるだけだし、けっこうまっとうなXHTML書いてるね
<center>を使うとAAがズレます
でも中央にAAを置きたいんですが、スペースで余白を入れて調整するしかないんでしょうか?
∧ ∧<BR>
/ ヽ‐‐ ヽ<BR>
彡 ヽ<BR>
彡 ● ●<BR>
彡 ( l<BR>
彡 ヽ |<BR>
彡 ヽ l<BR>
/ ` ( o o)\ <BR>
/ __ /´> )<BR>
(___|_( /<ヽ/<BR>
| /<BR>
| /\ \<BR>
| / ) )<BR>
ヒl ( \<BR>
\二)<BR>
↑にセンタータグだとずれてしまうんです
囲えよw
サイト制作する上で
全てのページに同じコンテンツを表示をさせたいとき
javascriptで書くか、iframeでhtmlを指定するかで迷っているんですが
どちらのほうがいいのでしょうか?
囲ったら一段づつ飛ばしでAAが離れてしまいました
AA板の過去ログでテーブルの中に入れるという手段で出来ました
<table align="center">
<tr><td>
<div style="line-height: normal; font-size: 12pt; font-family: 'MS Pゴシック';">
∧ ∧<br>
/ ヽ‐‐ ヽ<br>
彡 ヽ<br>
彡 ● ●<br>
彡 ( l<br>
彡 ヽ |<br>
彡 ヽ l<br>
/ ` ( o o)\<br>
./ __ /´> )<br>
(___|_( / <ヽ/<br>
| /<br>
| /\ \<br>
| / ) )<br>
ヒl ( \<br>
\二)<br>
</div>
</td></tr>
</table>
340 :
Name_Not_Found:2010/01/02(土) 23:30:01 ID:N1rEa1d0
<br>じゃなく
</ br>ね
あああああああ
>>340 その通りでした、ありがとうございました
<br />?
<br />ね
344 :
Name_Not_Found:2010/01/02(土) 23:39:18 ID:N1rEa1d0
おまいら何気に親切なんだな
正月から見直したぜw
ページの最上部にピタッと隙間なく画像を貼り付けたいのですが
どのようにすればいいでしょうか。
CSSでレイアウトするのって、結構シビアですね。
ちょっとした変更でレイアウトが崩壊したりするんですが、こんなもんですか?
「CSSで」ってなによ
質問です。
<div id="div1">
<ul id="ul1">
<li id="li1"></li>
<li id="li2"></li>
</ul>
</div>
という構造になっている場合に、li1:hoverイベントでdiv1をdispray:noneにしたいんですが、どうやったらいいですか?
js使えば簡単。
仮にcssでできたとして、div1をdispray:none→li1:hover解除→div1復活→li1:hover→以下ループ
CS3使っていた人がCS4にアップグレードすると使いにくく感じる部分って多いですか?
兄が、欲しければCS3くれるっていうんですが、
今からやるなら最初からCS4使った方がいいのかなと
CS4にするのはアップグレードするお金を貯めてからなので、
しばらくCS3で作業してからCS4にアップグレードするか
今は我慢してCS4にアップグレードするお金が貯まってからDW使おうか迷ってます。
CS4の体験版は使ってみましたが、結構使いやすく感じました。
今の段階ではStylenoteってエディタを使っています。
CS3はまだ使ってないのですが、
CS3を長期に使ってからCS4にしてみた人の感想が聞きたいなと思いまして
宜しくお願いします。
>>345 ページの中身は全部body要素に入ってるんだが(<body>...</body>って書くでしょ)、
そのbody要素にmarginとpaddingが設定されているためにそういう隙間ができる。
CSSに
body { margin: 0px; padding: 0px}
って書けばいい。
「CSS リセット」で検索すると少し幸せになるかも。
かなり古いブラウザはBODY要素が画面全体として扱われるが普通はHTML要素だよ
meta{
display:block
}
で見られるだろ
誤爆?マージンのリセットならhtml要素に指定しても意味ないよなぁ
謎のブロック要素作り
356 :
Name_Not_Found:2010/01/06(水) 11:05:32 ID:mEEsORcz
表枠内の文字の大きさを一括で変更する方法ってありますか?
<font size="-1">
<table>
...
</table>
</font>
だと反映されないみたいなんですが・・・
だってFONTはインライン要素だし
<table style="font-size:smaller">
...
</table>
358 :
Name_Not_Found:2010/01/06(水) 13:03:43 ID:mEEsORcz
ありがとうございます
ついでに、枠内の文字を一括で右揃えにする方法はありますか?
普通にCSSで、th,tdセレクタに右寄せ指定すればいいんじゃないの?
携帯用サイト(HTML形式)を、
PCから擬似的に携帯の各キャリアの表示で見る方法ってありますか?
googleがそんなやつ作ってなかったっけ?URL指定だけでいいやつ。
各キャリアがそんなやつを無料で提供してるけど、精度はよくわからん
有料のシミュレーターはなんかえらい高いし
携帯借りて見比べながら擬似表示スクリプト作ったが早いかも知れんね
<div>
<ul>
<li>あ</li>
<li>い</li>
<li>う</li>
</ul>
</div>
この場合
ulを中央揃え
liを左揃え
にするにはどうしたらいいのでしょうか?
<div style="text-align: center;">
<ul style="margin: 0 auto; text-align: left;">
<li>あ</li>
<li>い</li>
<li>う</li>
</ul>
</div>
365 :
Name_Not_Found:2010/01/06(水) 22:44:51 ID:DonR+zji
text-justifyはCSS3で正式に定義されてるプロパティだよ。IEだけのオレオレとかいっちゃってるやつ恥ずかしすぎwww
むしろ珍しくIEが先駆けて、便利なプロパティを実装している。とってもすばらしい。
亀すぎだろw
識別子もなしに勝手に実装とか迷惑過ぎるだろw
しかもIEのtext系のって文字にアンチエイリアス入らなくなるんだよな。
369 :
sage:2010/01/07(木) 16:10:31 ID:jy77CJr4
ここで質問するのが適当なのかどうかわかりませんがご教示を…
ビルダーで作った古いHTMLファイルが大量にありまして
当然の事ながらテーブルタグやフォントの指定などが満載の状態です
それらを「比較的簡単に」必要な要素のみにする手段としては
どのようなものがありますでしょうか?
検索駆使してチマチマ削除していく位しかこちらでは思い浮かびませんでした
> 検索駆使してチマチマ削除していく
これで。
×必要な要素のみに
○必要なデータのみに
372 :
sage:2010/01/07(木) 16:35:33 ID:???
>>370 やっぱそうですかね(´・ω・`)
ページ数が結構あるんで考えただけでウンザリなんですよ…
引き続きウマーな技をご存知の方がいらっしゃったらヨロです
>>372 検索駆使して一気に削除する
ワイルドカードや正規表現も使って
スタイルに切り替えるならなんとかなるかもしれんが
テーブルタグをやめるとなればそれなりに慎重に確認しながらやらないとな
>>372 うぇぶぶらうざで開いてエディタへコピペ。
必要なテキストデータだけになる!
そしてタグを入れる!
目から鱗!
んこ
テーブルの扱いがなあ……
実は
>>375が一番手っ取り早いかもしれない。
内容によって
>>373と併用する。
そうこうしてる間に、ちまちまやってれば終わってたかもしれない、
というプログラマにありがちな愚行
1から作ったほうがいいんでないのと思った
テキストなんてコピペでいいし
title要素にサイト名を付け足すときに(ページタイトル | サイト名 みたいな感じで)
区切り文字として使用すべきでない記号はありますか(あれば理由も)?
♥
♡
そういうところで独創性を発揮する必要はないので、
よく使われている「|」あたりを選んでおけばいいんじゃなかろうか
>>380 文法的な問題を訊いてるのなら、使っちゃいけない文字は無いよ
要素とかを入れたら駄目だけど
機種依存文字的なことなら、本文でもタイトルでも同じように控えないと
ありがとうございます 380
☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠☠
FX,OPERAで下にあるdivの上にz-index 2, background-image (alpha.png)のdivを
重ねた状態で下にあるdivのリンクを押せるようにできますか?
上にあるdivはグラデーションのpngで見た目の効果だけです。
無理
無理なのか・・・
レイヤーぶち抜く呪文はないですか?
なんで下のdivの背景設定じゃだめなん?
map要素使えば?
>>389 下の文字とか画像にかぶる感じにしようと思って…
>>390 imgかobjectのエリアマップですよね?
簡単なグラデーションで縦にリピートしててもできるのかな?
調べてみます。
392 :
391:2010/01/09(土) 22:13:54 ID:???
そもそもbackgroundじゃあ無理でした。
position: absolute;は?
>>393 だめでした
無理やりAにz-indexを指定してみたりもしてみましたw
テキストにグラデ重ねてるのなら読みづらくなるから止めるべき
そうでないならテキストをグラデの上に配置すればいいだけじゃね?
必要ならJSで高さ出してやらないといけないかもしれないけど
396 :
Name_Not_Found:2010/01/10(日) 02:41:45 ID:1ZJCpium
Dreamweaver CS4で質問します。
私は、これまでMX2004を使っていましたが、それからするとCS4はパネルの位置などが変わり、分からない部分があります。
一番分からなくて困っているのが、テーブル全体(複数のセルを内包する)の背景イメージの設定です。
これまでは、プロパティーパネルに任意の背景を入力して指定する部分があったのですが、CS4にはありません。
いったいどこで入力して指定すればよいのでしょうか?
それとも、バグで表示されていないのでしょうか?
アドビのサポートページなどを見ても、全くその事に関するページはありませんでした。
こんな夜中でしかも、明日10日と11日は日・祝日なので、サポセンが休みです。
(~~;)
アマゾンでCS4の本を発注しましたが、届くのは11日です。
ご教授、よろしくお願いします。
勉強してください
DWは使ったことないけど、急ぎならとりあえずCSSを手書きすればいいんじゃない?
HTML
<table id="hogehoge" ...>...</table>
CSS
#hogehoge {
background-image: url(xxxx.jpg)
}
質問します。
画像を画面中央を基準にabsoluteで位置指定することはできませんか。
あるいはdiv要素に関連づけて絶対位置に表示させることでもいいのですが・・・
>>396 メニューのウィンド→プロパティにチェックはある?
>>399 試してないけど大体こんな感じでできるはず
html {
height: 100%;
}
div {
width: 500px;
height: 500px;
margin-left: -250px; /*widthの半分*/
margin-top: -250px; /*heightの半分*/
position: absolute;
top: 50%;
left: 50%;
}
>>402 ありがとうございます。
あとで試してみます。
<div>に適当なheightを指定して、そこにコンテンツをたくさん書いていくと
いつの間にか<div>の範囲をはみ出してしまうんですが、
自動的に範囲が広がってくれるような指定方法はないでしょうか?
405 :
396:2010/01/10(日) 19:35:43 ID:1ZJCpium
406 :
396:2010/01/10(日) 19:37:13 ID:1ZJCpium
旧バージョンの様に、簡単な方法(CSS)で指定しないで、
テーブルのバックグラウンドを指定する方法はないのでしょうか?
>>406 CSSパネル使ってる?
それなら、tableタグを選択して、[現在]のパネルで新しいCSSルールを作って指定すればいいと思うけど。
DwにはCSSを指定する方法は沢山あるんだから、自分で一番楽な方法を選ぶのがいいよ。
>>407 う〜ん、Firefoxだとheightが大きくなってくれないですね。
IEはうまく行くのに。
スタイルの正規化してる?
>>409 height指定しっぱなしとか
ちなみにheightの指定以上にボックスが広がってしまうそのバグは、古いIEだけっぽい
412 :
406:2010/01/11(月) 03:16:31 ID:k2VtRiGx
>>408 あなたの説明で、CSSパネルの使い方が更に分かりました!!
これまではフォントの色やサイズの指定で使っていましたが、まさかバックグラウンドの指定までできるとは・・・。
プロの人は、こっちの方が使いやすいんですね。
的確なご説明で疑問が解決でした。
ありがとうございました!
413 :
412:2010/01/11(月) 03:27:21 ID:k2VtRiGx
>>408 追記ですが。
CSSの設定のダイアログは英語なんですね。
私の様な学の無い人間は日本語にして頂けるとありがたいです。
今後のバージョンアップで日本語化する事を希望します。
ありがとうございました。
>>411 むしろボックスが広がってほしいんですけどね。
コンテンツ更新のたびにcssのheightを修正なんて。
タグも全部日本語にして頂けるとありがたい……とか言いそうwww
>>414 min-height: *px;
height: auto !important;
height: *px;
>>416 <p>が大きくなった場合はボックスが広がってくれるんですけど、
子<div>が大きくなったら親<div>を突き破ってしまいますね。
んなことないからソースを晒せ
どうせアホみたいな書き方してるんだろ
absolute関連かな
それなら突き破るも何もないしなあ
ソースうpするなら吉祥とかが流れにくくていいよ
floatしてclearfixしてないとかじゃね?
ハンドコーディング(Jedit+Jchecker)して各ブラウザ(ie6/7/8,FF,Opera,safari)問題なく表示されるコードを
DWのデザインプレビューでみるとline-heightがおかしなことになってしまいます。
対処法はあるのでしょうか
そもそもDWのデザインプレビューを当てにしちゃいけない
>>424 DWはほとんど使ったことないので私自身は当てにしてないんですが、
先方がDWで更新するらしく「当て」にしているといった具合です(w
DW特有のクセ→対処法みたいなものがあるのかと思いましたが、
「当てにするな」っていうのがてっとりばやいですね!
DWは業界標準だろ
なにそれこわい
ホームページ制作○だろ!
DWでプレビューとかどんだけ化石人間の発想だよwww
MX使いの俺はF12連打がデフォ
ライブビューwww
急に更新できなくなった。
それと同時にすごい昔に更新したページがなぜかアップされてて、
何回試しても更新できない・・・。
もうえあけわからん
DWスレいけといわれてきてみますた。
1年ほどまえCS3をかじって、イラレで画像つくって、スライスして、DWで適当に並べてdiv挿入して
DIVの位置サイズ調整っていう手順でつくってたんだけど、なんか今度仕事でWEBサイト作ることになったん。
思い出し思い出しやってんだけどCS4でDIV挿入ってないじゃんか。手書きでDIV切るしかないの?
で、その位置とサイズの調整ってできなかったりする?
CS4でDIV挿入ってないと思う根拠は?
あれ?あるの?
まぁ、挿入自体は手でやってもいいんだけど、サイズ調整がめんどくさい。
ひょっとしてそれも方法違うけどあんのかな。。
だれでもできるCS4みたいなの読んだんだけどテーブルタグ駆使してたから
てっきりないんだとおもてた。
応用力なさすぎ
やさしく答えるスレでやさしく回答しないクズはどっかいけよボケ
本屋いってくるわボケ
本屋の売上げに貢献できましたで賞
「本屋行っても分からない」に50,000ウォン
店員に聞けば分かるよ
440 :
Name_Not_Found:2010/01/15(金) 19:07:26 ID:3k5LSIfn
みんなー聞いてくれー!
CSSで作ってるのに、クライアントから
「管理は自分たちでしたいから、ビルダーで作って」と作成開始3日目にして
悪魔のような変更依頼が来ました・・・涙・・・
いまさら、ビルダーはないよなぁ〜・・・はぁ・・・・・
打ち合わせ検定3級取得してこい
442 :
Name_Not_Found:2010/01/16(土) 01:39:26 ID:NRZJjSAq
↑そんなんなかったぞ!!
マジで調べてた俺・・・かわいそう・・・・
A級ネットリテラシー検定取得してこい
ビルダーで作らなくてもビルダーで更新できますのでご安心ください。
ビルダー使って盛大にぶっ壊すだけだろうから、PHPで更新システム作ってやればいいんじゃね
CMS使えよwww
447 :
Name_Not_Found:2010/01/18(月) 17:58:03 ID:AaPF27ZK
サイト設定の質問お願いいたします
DW+xampp+レンタルサーバという構成です。
xamppのapacheをローカルのテストサーバ、
レンタルサーバをリモートサーバと設定して
ハイパーリンク関係の処理を円滑に行いたいのですが思うようにうまくいきません。
ぐぐったんですが、上手く行かない〜か、上手くできた〜 けどどうやったかは説明なし。
みたいな結果しかありませんでした。
ちなみに設定は
ローカル情報:
ローカルルートフォルダー ファイルを保存しとく適当なフォルダー
相対リンクのチェック サイトルート
HTTPアドレス 自分のドメイン(
http://www.hogehoge.com)
リモート情報:レンタルサーバー情報
テストサーバ:
サーバーモデル php MySQL
アクセス ローカル/ネットワーク
テストサーバーフォルダ C:\xampp\htdocs\任意のフォルダー名\
URL接頭辞
http://localhost/任意のフォルダー名/ とやってるんですが、サイト定義の基本タブで設定を行うと、
テストサーバのサイトURL〜〜相対リンクを使用するページが〜
続行しますか?
とでてしまいます。これはまずいでしょうか?
まずいです。
449 :
Name_Not_Found:2010/01/18(月) 23:40:04 ID:AaPF27ZK
>>448 やっぱりそうですか・・・
どうすればいいんですかね?・・・
450 :
447:2010/01/19(火) 11:14:26 ID:???
自己解決しました。へっへっへw
451 :
Name_Not_Found:2010/01/19(火) 11:45:45 ID:MuMlMqME
CSSについての質問です。
高さがpxで指定されたボックスAと、高さの指定されていないボックスBが、
高さが他の要素に依存するボックスZに内包されているとします。
この時ボックスAとボックスBが、きっちりボックスZに収まるようにすることはできますか?
ボックスBの高さを(Z - A)pxのように指定できればいいのですが、
CSSのみでこのようなことはできないでしょうか?
453 :
Name_Not_Found:2010/01/19(火) 11:57:31 ID:MuMlMqME
>>452 Bを100%にすると、Bの高さ=Zの高さになってしまうのです。(ブラウザ依存?)
あぁ、Zが固定じゃないのか。
第3ノ要素Cの高さ→Zの高さ→B=Z−Aとしたいんだよね?
一番最初の矢印部分をテーブルの仕様でうまくするとしか思いつけないや。
JS使えば別のアプローチもあるkど。
455 :
Name_Not_Found:2010/01/19(火) 12:37:30 ID:MuMlMqME
>>454 ありがとうございます。
テーブル試してみようと思います。
Javascript使えれば簡単ですよね。
<style type="text/css">
#z {
height: 300px; /* テスト用に適当に設定、変更可 */
position: relative;
background-color: #fcf;
}
#a {
height: 100px;
background-color: #fcc;
}
#b {
width: 100%;
position: absolute;
top: 100px; /* aの高さと同じ */
bottom: 0;
background-color: #ccf;
}
</style>
<div id="z">
<div id="a">あいうえお</div>
<div id="b">かきくけこ</div>
</div>
IE6はバグがあるので効かない
DreamweaverCS4を買おうと思っている主婦です。
でもこちらの商品はちょいと高いので、オークションで買おうと思っているのですが
英語版を買っても日本語化できますでしょうか
また、中古を買ってもちゃんと起動するんでしょうか?
教えてください
オークションの奴って正規品じゃないんじゃなかったっけ
英語を日本語化は無理
というかadobeのサイトで30日お試しでできるから、それ触った後の方が良いんじゃね?
日本語化無理でしたか〜
どうもありがとうございました
やっぱり5万円の買わないといけないんですね・・・
461 :
Name_Not_Found:2010/01/19(火) 20:44:32 ID:KJuqRzDZ
こんばんは。
初心者です。
XHTML+HTML+CSSを使用してウェブサイトを制作しております。
コンテンツ部分が長くなるとブラウザの右にサイドバーが
表示されるとい思うのですが、ウェブサイト全体がサイドバーの分だけ
表示位置が左にずれてしまう現象に頭を痛めております。
(コンテンツが短く、サイドバーの表示されないページと比べてずれてしまう)
互換表示では問題がないようですので、
IE8の部分に何か設定があるのかもしれません。
何か情報をお持ちの方がいらっしゃいましたら、
よろしくお願いいたします。
環境
OS:WindowsXP
ブラウザ:IE8
全ページにスクロールバー表示すればいいんじゃない?
463 :
Name_Not_Found:2010/01/19(火) 21:08:34 ID:KJuqRzDZ
>>462 返答ありがとうございます。
そういう手もありますね。
スクロール表示あたりの設定を探ってみます。
ありがとうございます。
他にも情報をお持ちの方、よろしくお願いいたします。
なるほど。IEの古いバージョンは、スクロールバーが常に表示されるのか
じゃあ
>>462でいいんじゃないの?
465 :
Name_Not_Found:2010/01/19(火) 21:25:59 ID:KJuqRzDZ
>>464 どもです。
CSSのoverflowでスクロールを付けてみたら横ずれはなくなりました。
ありがとうございます。
スクロールを縦のみ表示させる方法はあるのでしょうか?
厳しそうですけれども・・・
ああなるほど、そうなってしまうのか
body { margin-right: 25px; }
をIE6-7以外にだけ適用させるとかならどうだろう
overflow-y:scroll
IE、Fx、Chrome、Operaで確認
そんなもの気にする人いるん……
IEが迷惑がられるのは、識別子もなしに先行実装だらけだから
IE8でようやく接頭辞付けるようになったが、
IE7以下が絶滅するのはいつになることやら
HTML手書きで
同じ行に
文字 画像(右寄せ)
という感じで配置したいのですが、どう書けばいいでしょうか?
float
475 :
473:2010/01/20(水) 15:55:08 ID:???
浮動小数点?
よくわからないけど
tableでなんとかいけました
なにその釣り
スタイルシートならスタイルシートって教えてくれないと
スタイルシートの無い時代ぶりに触ったからわからんかったんよ
ありがとう
ネタで回答する輩も勿論いるから何でも鵜呑みにしろとは言わないが、
「CSS」のスレでもあるんだから「CSS float」でググってやってくれ
479 :
Name_Not_Found:2010/01/21(木) 12:00:29 ID:P8zr8dpl
HTMLの質問です。
普通
http://〜.com/〜/
にアクセスすると、
http://〜.com/〜/index.htmlにアクセスしたものになりますよね?
これを
http://〜.com/〜/
にアクセスすると、index.htmlではなくて、index.txtを表示させるにはどうしたら宜しいでしょうか?
481 :
Name_Not_Found:2010/01/21(木) 12:14:01 ID:P8zr8dpl
なるほど、早い回答ありがとうございました。
.htaccessファイルやPHPを使えば、サーバーが決めてる設定を一部変更できる
許可されてるならそれで
483 :
Name_Not_Found:2010/01/21(木) 12:33:39 ID:79dyjMfO
教えてください。
知り合いから、管理画面つきのHPを作って欲しいといわれました。
つまり、ページの特定の場所に有る写真と文字を入れ替える
管理画面(ログイン・パスワード承認付)を作りたいのですが、
これってかなり難しいでしょうか??
参考サイトや書籍などありましたら、教えてください。
パス認証のあるページはhtaccessで出来る。
参考サイトはぐぐればすぐ出るだろ。
ビルダーとかで更新した方が良いんじゃないかと思うけどな。
CMS入れる
486 :
Name_Not_Found:2010/01/22(金) 00:20:56 ID:VFSwwvGx
他のサイトのjpg画像をそのまま引用するときは、
<img src="
http://www.○○○.com/△△△.jpg" />で、表示可能ですが、
ページを丸ごと引用したり、ページの中の一部を反映させることは出来ないのでしょうか。
> 他のサイトのjpg画像をそのまま引用する
> ページを丸ごと引用
> ページの中の一部を反映
やめてください
引用の定義を確認することを勧める
489 :
Name_Not_Found:2010/01/22(金) 01:01:50 ID:VFSwwvGx
>>487 >>488 言葉足らずででしたね。
もちろん知らない人のサイトの内容を勝手に自分のサイトに表示させようなどと
しているわけではありません。
技術的なことで可能かどうかをお伺いしたかったのです。
それから「引用」という言葉は確かにおかしいですねw
「表示させる」の方が適正ですね。スミマセン。
その後、さらにググって見たところ、<iframe>のタグで出来そうなのですが、
詳しくはまだ分かっていません。
「多分どうにかすればできるでしょう。だがその他一切の事は分かりません!」
491 :
Name_Not_Found:2010/01/22(金) 13:35:42 ID:7HmjG9RT
質問させていください。
現在制作しているサイトでfirefox3.56とfirefox3.6bateでの表示が
違う結果になってしまいます。
firefox3.6以降のみに適用するcssハックって現在ありましでしょうか
誰かご教授お願いいたします。
ハックに頼らずに原因を探し出してfixすべき
3.6バッテ版
ありますよ。
ありま氏って誰
>>483 そのニーズなら
gooとかlivedoorとかの無料のブログで十分
>>489 iframeでおk
ほかにもいろいろやり方はあるけどiframeが一番簡単
IEでも同一ドメイン内なら表示出来るし、objectでよくね
復活予定ではあるけど、iframeは廃止されたわけだし
↑うわ恥ずかしい
iframeを使えばメニューとかを統一できてすごい楽なんですよ
知ってましたか初心者さん
なにが恥ずかしかったん?
iframe使わなくてもメニューの統一は簡単にできるよ
ヘッダー
サイドバー メインコンテンツ
フッター
というシンプルな構成で
サイドバーとメインコンテンツのトップにマージンを50pxとりました
するとファイアーフォックスやサファリでは揃って表示されるのに
IEだとサイドバーがメインより30px下に表示されます
DW上で見ても高さは同じなんですが、どうしてこうなるのかご存じの方いらっしゃいますか?
505 :
502:2010/01/22(金) 21:43:02 ID:???
>>504 ありがとうございます
それはどうやればいいんでしょうか
調べたら分かる
508 :
502:2010/01/22(金) 22:49:39 ID:???
CSSリセットで具具ったら出てきた方法を試しましたが治らないっすorz
>>508 ボックスレイアウトは、floatじゃなくてpositionプロパティでやるといいよ
>>508 サイト晒せばあっという間に解決
してくれるよコイツらホントすげーんだから
511 :
502:2010/01/23(土) 00:20:29 ID:???
まだアップ出来てないんですが、
DWCS3で新規作成した.twoColFixLtHdrをそのままブラウザで見ても
IEとその他のブラウザでサイドバーの文字が出始める高さが違います
角丸するにも色々方法がありますが
大きく分けて、端っこだけの画像(2枚)使う場合と、
要素と同じ長さの画像(1枚)を使う方法をよく見ます。
大手サイトだと後者の方が多い気がするのですが
何か理由でもあるのでしょうか?
>>512 1枚: ○レイアウトで崩れない ×枠の大きさを変えられない
2枚: ○枠の大きさを自由に変えられる ×CSSが面倒
大手が何を示すのか分からんけど、
大手は基本的に何でも決め打ちする傾向がある気がする
(デザイン会社に外注するからあとで問題が起きないように?)
零細は少ないリソースで効率的なものを目指すので
汎用的なもの(使いまわせるもの)を作る傾向がある気がする
あくまで主観ね
ちなみに俺はjqueryでやっちゃう
ユーザーにJSを切られてて角丸が角角になったところで
コンテンツの伝達能力に本質的な変化はないので
jQuery使うって言っても本質的にはスタイルを設定していることに変わりはないと思うんだが
┌────┬────┬─────┐
│ │ .│ │
├─┬──┴────┴──┬──┤
│ .│ .│ │
└─┴──────────┴──┘
↑こういうふうに縦線がずれているテーブルを作りたいんですが、
CSSでのWidth指定が効かずに困っています。
tdにcolspanを指定して縦位置はずらせたんですが、幅指定が効かないので
きれいにならないんです。
こうした問題の解決策やテーブルの作り方が載っているサイトなどありませんか?
普通にテーブルに幅指定
なんでもかんでもCSSでやろうとすんなってw
適当なこと言うなってw
>>516 table-layout:fixed; 設定してないのでは?
釣りはいいから
>516
そう言う風にずれてるのは無理だろう
テーブルはデフォルト格子状で、col/rowで縦横につなげられる。
テーブル2段の方が楽だと思うけどな
なんでもテーブルにしてると、ケータイで見たり、スタイル解除したときに間抜けなんだよな
>>516 表じゃないのなら<table>じゃなくてfloat使った方がいい
どうしても<table>でしたいなら空セル用意してやればできる
テーブルを使うべきところまでCSSでやろうとするのは滑稽というか、病的
その逆もまたしかり
リスト VS テーブル
テーブル病 VS div病
リストとテーブルってVSになるようなもんか?
テーブルでもリスト的な使い方するときはあるでしょ
リストをテーブル的にはあまり使わないが
オフィスレディ
530 :
Name_Not_Found:2010/01/24(日) 14:25:44 ID:yODDL313
a img {border:none}
border: none;
alt とか title 属性で指定した文字って
ポインタしたときもっと早く表示できないの?
なんかワンテンポずれるんだが
ブラウザに言え。
>>533 たぶん alt属性を title属性と onmouseover属性を混同してる
536 :
530:2010/01/24(日) 16:31:32 ID:???
border=none
で行けました
ありがとうございました。
>>536 border=none では間違いなんだがホントに大丈夫なのか?
>>537 すみません
とりあえずIE8は許してくれたのですが、
本当はどう書けば良いのでしょうか?
許したって言うか
整数を入れるところに文字列入れたから、曖昧解釈で0扱いにしたのでは。どのみち文法違反だけど
CSSがわからんなら、とりあえずhead要素内に↓を追加
<style type="text/css">
a img {border:none}
</style>
>>538 = イコール
: コロン
ちゃんとわかってる?
>>539-540 ありがとうございます。
=と:の使い分けは理解できていません。
とりあえず目下の問題を解決するため、
もし特定のimgだけを枠表示なしにしたい場合は
<img src="〜" alt="〜"></img>
を
<img border=0 src="〜" alt="〜"></img>
とすれば文法的にOKでしょうか?
>>541 駄目
</img>付いてるからXHTMLだと思うけど、XHTMLでは属性値はすべて引用符で囲まないといけない
>>542 としますと
<img border="0" src="〜" alt="〜"></img>
これが正解でしょうか?
XHTML1.0移行型ならそれでOK。非推奨だけど
>>544 スタイルシートを使える環境では
スタイルシートを使うべきという推奨基準ができた
ということでしょうか?
まあDoCoMo向け携帯サイトでもない限りはねぇ
実際HTML4.01厳密型の時点でborder属性は廃止されてるし
とりあえずHTML-lintにソースアップロードしてチェックするといいよ
文法ミスは一つ一つ解説付きでわかりやすいし
>>546 ありがとうございました。
お世話になりました。
実際問題、ブラウザで見られないと意味ないんだし、
逆に言えばブラウザで見られれば問題ないとも言えるし、
本当はどれに従うのが一番なのかって難しいよな。
仕様書に従うのがもちろん理想なわけだが、
仕様違反でも(より簡潔なために)多くのマイナーブラウザ達で
読める方が現実問題として互換性が高くて良いという考えもある。
後方互換って奴だな
しかしむしろマイナーブラウザのほうが、仕様に忠実な描画をしたりするし
>ブラウザで見られれば問題ない
ってことを満たすためにも、最低限文法違反だけは避けたい
550 :
548:2010/01/24(日) 19:10:21 ID:???
サーセン
>>543 まあimgのborder属性ぐらいは容認してもいいんじゃないか?
むしろそれをサポートしないブラウザは存在しないくらいのしろものだろ。
>>544にもあるけど、移行型でちゃんと使えるよ。文法違反にはならない
厳密型とか移行型とか、
複数の規格があってややこしいです。。。
画像に<a href>タグでswfファイルへのリンクを張ったのですが、
これをクリックしたときswfファイルに引数を渡すにはどうしたらいいですか?
?
>>555 http://www.example.com/test.swf?unko=buriburi こういうふうにswfファイルの後にクエリを含んだURIにする
Flash側のActionScriptで
var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters;
var MyUnko:String = String(flashvars["unko"]);
みたいに書いて受け取る
上記の例だと変数MyUnkoにURIからゲットしたburiburiが代入される
>>556 m9(^д^)
なんだよその引数の名前はw
>>557 unkoの中身を整数にしたら、flash側はどんな風に書き換えればいいですか
>>557 試してみたら整数でも同じようにできました。
>>557 試してみたら
var flashvars:Object = LoaderInfo(this.root.loaderInfo).parameters; の行に対して
1119: 未定義である可能性が高いプロパティ root に静的型 Class の参照を使用してアクセスしています。
とエラー吐くのですが。
> MyUnko:String
しんちゃんなら大爆笑ものだな
563 :
Name_Not_Found:2010/01/25(月) 06:51:15 ID:FN0XYqQI
はじめまして
上から
ヘッダー
ボディ
フッター
という感じで3段構成で統一させ各ページを作っているのですが
コンテンツの多いページだとフッター部分にまでコンテンツがはみ出してしまいます
ボディの量に合せフッターを下げていくにはどうしたらいいのでしょうか
よろしくお願いします
Yuiを使ってみましょう。
565 :
Name_Not_Found:2010/01/25(月) 08:08:05 ID:FN0XYqQI
すみませんYuiってなんでしょうか
>>563 ボディの要素にheight指定してると、指定したheightを上回る内容が入った場合に
枠からはみ出して見えることがある。
この現象はIEだけ正常に表示されるのが特徴。
heightを削除するかheight:autoにすれば直ると思うお。
フッターがposition:absoluteな場合はCSSの内容によって手順が異なる。
heightを超えて勝手に広がるのはIEのバグじゃね
>>569 なんか右側がプカプカしてて気持ち悪かった
フレーム VS PHPでインクルード
×フレーム
○埋め込み
昔、フレームを複雑に組み合わせるのが流行ったよね。
>>568 バグで勝手に広がるから正常に表示されるって意味だお
dreamweaverCS4の質問です
ローカルファイルをPUT後、サーバー上のサイトを確認する際に、
サイト定義の設定画面に入力した、httpアドレスに一発でアクセスするボタンとかってないのでしょうか?
576 :
サブマリンPHP:2010/01/26(火) 16:58:24 ID:AzfAMRAt
>>575 ローカルのはあるけどリモートのは自分のブラウザーで見るしかないと思う。
ブックマークすれば・・・・・
こんにちは。
dreamweaverCS4の質問です。
ローカルファイルをPUTする際に、一部のファイルを置換してUPしたいのですが、そのような機能はありますか?
577 :
サブマリンPHP:2010/01/26(火) 17:00:11 ID:AzfAMRAt
追加です
ひとつのファイルを置換するのは編集からできますが
ローカルのすべてのファイルを置換することってできますか?
検索対象
579 :
サブマリンPHP:2010/01/26(火) 18:34:32 ID:AzfAMRAt
質問です
dreamweaverCS4なのですが、
CSSスタイルのルールって、ABCD順に並び替えってできるのでしょうか?
順不同なのが許せなくていちいち手動で並べ変えてるのですが、
もし自動でできる機能があれば教えてほしいです
ルールって書き順のこと?
スタイルの順番は機能に影響するからABCD順にする必要こそないと思うのですが
並びを決める上での基準がないと気持ち悪くて吐きそうになるって言う几帳面な性格が災いしてるってことでしょ
チームワークでぐちゃぐちゃにやられるとたまんない
DWを使いこなせていなくて、ほぼ高性能一括置換ソフトと化しているんですが
「これ使わないと人生損してるよ。テキストエディタとはワケが違うのだよ」という機能はありますでしょうか?
586 :
Name_Not_Found:2010/01/27(水) 23:16:25 ID:wcjeQm6x
現在CSSにてテーブルの1行ずつを
tr:hoverでポインタが乗った時に
backgroundの色を変えるようにしています。
そこを真ん中の列を境に左右半分ずつで
hoverの時の色を変えたいのですが
うまくできません…
td:hoverにしてしまうと左右半分の中の
1セルしか色が変わらずになってしまいます。
何かいい方法無いでしょうか
ないです
589 :
Name_Not_Found:2010/01/28(木) 00:01:10 ID:5puGWrQZ
scriptしかないのでしょうかー
ありがとうございました。
tr:hover td.className[left] {背景色}
とかでできなかったっけ?
何を言ってるのかよくわからんが、たぶんそれだと一行のどこにhoverしても
<style type="text/css"><!--
tr:hover td.right {background-color:red;}
tr:hover td.left {background-color:blue;}
--></style>
<table border="1" cellpadding="0" cellspacing="0"><tr>
<td class="right">aa</td>
<td class="center">bb</td>
<td class="left">cc</td>
</tr></table>
色変えたいtdすべてにクラスつけないとダメだけど、CSSだけでいけるよ。
>>586は col:hover みたいなことを、実現したいって意味じゃないの?
>テーブルの1行ずつを
>真ん中の列を境に左右半分ずつで
>左右半分の中の1セルしか色が〜
から色が変わるのは横方向だと思ったんだけど、違うかな。
596 :
Name_Not_Found:2010/01/29(金) 17:08:11 ID:76LzR80J
友人に頼まれてデザインし直しているサイトなのですが、rotate.phpで背景画像をランダム表示するように設定した上で、
コンテンツで隠れた写真の全体を見せるために、左下に「背景画像だけ見る」というボタンをつけています。
クリックすると、コンテンツを表示しないように設定したCSSが読み込まれ、このボタンはそのままページ上部に移動します。
(試して頂くのが早いと思います →
ttp://www.ooikenji.jp/)
このボタン、Firefoxなどで見る分には大丈夫なのですが、IEで表示させると、少しズレてしまいます。
どう対処するのが一番いいのでしょうか? どなたか教えて下さい。お願いします。
毎度お世話になります
スワップイメージについてなんですが、
写真の差し替えと同時にその横に表示しているテキストも変える方法はあるでしょうか
よろしくお願いします
>>596 positionじゃなくてfloat使えば?
単純なレイアウトみたいだし難しくはないと思うけど
……こんな低クオリティな背景、全体像を見たい人いるの?
jQuery使わずともそれぐらいなら自分でJS組めるんじゃないか?
勧めるやつが多いんだが同一人物?w
自分でJS組む手間 VS jQueryで省力化する手間
VS jQueryを理解する手間
>>601 逆じゃね?少なくとも俺はそのぐらいだからこそjQuery使うわ
document.getElementById('id').innerHTML='~~~';を追加するだけだと思ったんだけど、
俺ってJSの理解順序が変なのかな。
VS JSを理解する手間
>innerHTML
CSSの文法にちょこっと知識を上乗せするだけで自分のwebサイトに
動きを付けられるようになるんだから、そりゃ猫も杓子もjQuery使うだろ。
extendとかinArrayみたいな関数も地味に便利だし
XMLHttpRequestのラッパにもなるし。
jQueryって名前的に何か使いたくないよね。
jMaidとかならな
XHTMLをプログラムのテンプレートとしても使うので、独自のタグや属性は保持したいのですが、
DreamweaverでXHTMLをデザインする場合、独自タグや属性を勝手に破棄するといった副作用はありますか?
補足:
私が今使っているテンプレートエンジンは、例えば以下を
<input type="button" jsfc="h:button" outcome="edit" value="修正">
<f:param name="editId" value="#{row.id}"/>
</input>
以下のようにレンダリングします。
<input type="button" onclick="window.location.href='/facelets/edit.xhtml?editId=7'; return false;" value="修正" />
>>609って容姿的に何か視界に入って欲しくないよね
614 :
597:2010/01/30(土) 22:53:52 ID:???
(´・ω・`)
615 :
502:2010/01/31(日) 02:01:23 ID:???
すみませんまだ悩んでますた
htmlは
<div id="sidebar1"><strong>縺薙%</strong><br />
</div>
<div id="mainContent"><strong>縺薙%</strong><br />
</div>
<br class="clearfloat" />
cssは
* {margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration:underline;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}
.twoColFixLtHdr #sidebar1 {margin-top: 50px;margin-bottom: 30px;padding: 0 10px 10px 10px;float: left;width: 200px;padding-top: 0px;}
.twoColFixLtHdr #mainContent {margin-top:50px;margin-bottom: 30px;padding: 0 20px 10px 20px;float: right;width: 620px;
で、
http://img.wazamono.jp/pc/src/1264870358737.gif こうなります
ファイアフォックスだと「ここ」は揃うのに(´・ω・`)
どなたかおしえてくださいおながいします(´;ω;`)改行が多いと怒られたので並べました
616 :
Name_Not_Found:2010/01/31(日) 02:04:39 ID:xsbQ9Xzo
ちょっとスレちがいな質問ですが、
ご意見をお願いします。↓
以前(趣味でやってた頃)はビルダーで作っていましたが、
ここ数年はweb作成系の仕事をするようになり、XHTML&CSSで作ってます。
先日、顧客に「何でビルダーやdreamweaverで作らないのか?」との突っ込みをいただきました。
私からすればソフトを使わず完成させることは、HTMLをスッキリ出来るので、
SEO対策にもいいと思っていますし、何よりプロとして同業者がソースを見ても
恥ずかしくない物を作りたい、という願望があります。
しかしながら、たしかにビルダーでも作れないことはありませんし、
意外とビルダーなどの方が、新しいブラウザが出てきた時、
崩れる可能性が低い気もします。
しかもSEOに一番強力なのは、より多くの他のサイトからリンクが貼ってあることであり、
実際はサイト内部の構造はそこまで必死になる程の事もないかもしれません。
皆さんはどのようにお考えですか?
XHTML&CSSで作成されている方は、
ソフトを使った作成と比べ、決定的な顧客側の利点は何だと認識されていますか?
617 :
502:2010/01/31(日) 02:17:27 ID:???
たびたびすみません
div id を sidebar1からmeinContentLeftにしたら揃いました
IEだとsidebarって名前がNGなんでしょうか・・・
テーブルで、上下セル間の線は、いつも上セル内の字のすぐ下にくるようにしたい。
上セルに「height: 1%」等と設定したのですが、全体的にバランスが狂ってしまいます。
なにか良い手はないものでしょうか…お願いします。
水平線と、その線の上のセルに入る文字との間に隙間を入れたくないってこと?
>>616 そもそもDWは技術を補うものじゃなくて手間を省くためのものと考えるべき
慣れてしまえばDWで作った後に手直しするのが一番効率がいいはず
全部手打ちでも早さが変わらないのならどっちでもいいんじゃないかな
>>618 paddingで調整すれば?line-heightとかも併せるといいのかな
ここまでモザイクかけると画像の意味ないだろw
リピートさせればいいんじゃね。
画像によっては異様になるけどw
>>621 似たようなものを作ったことがあります。
背景は薄めのブルーにしてみたら?
そこにもイラストの「雲」を浮かべてみる
(しつこく大量に作らない事)
もちろん、5〜10pix程度の境界線(白がいい)を作った方がいいと思う。
>>616 XHTML&CSSとDWを比較することなんか出来ないだろ。
液晶テレビと国産テレビはどっちがいいですか?
って聞いてるようなもの。
彼らはメモ帳のことを「XHTML&CSS」と言う
>>620 >>625 「顧客側の利点」って聞いてるのにまるで答えになってないw
意識の違いを埋めるのが難しいということの証左にはなってるが。
結局、客の利点としては、「業界標準のちゃんとしたソフト」を使って
ページを書いてくれた方が分かりやすいし安心できる、
自分の上司にも「こういう人を使ってます」と説明しやすい、
おまけにそいつをクビにしても成果物を別の人に渡して
簡単に引き継いでもらえる(だろうと思っていられる)、
といったところだろうと思う。
もちろんそんなことはこちらの知ったことじゃないので、
結局はそういうごたごたを回避できることにどれだけのメリットを
見出せるかでDWに移行/DWを併用するかどうか決めればいいよ。
628 :
Name_Not_Found:2010/01/31(日) 13:52:56 ID:ec1c4GIa
すいません、htmlのformのことでわからないので教えてください
urlをgetするformをつくってみたんですが
左側のgetするurlのベースとなるurlの部分を隠すのがうまくいきません
ちなみにこれはPCのサイトを携帯用に直して表示するgoogleのサービスです
ソースはこんな感じです、基本的な部分はgoogleから借用しました
<FORM action=
http://www.google.co.jp/gwt/x?ct=url target="yubiwa">
<INPUT type=text value=XXX type=hidden name=u size="40" target="yubiwa"><INPUT value=Go type=submit name=btnGo><INPUT value=wax type=hidden
name=source><INPUT value=UTF-8 type=hidden name=ie><INPUT value=UTF-8
type=hidden name=oe></FORM>
よろしくお願いします
629 :
Name_Not_Found:2010/01/31(日) 13:57:52 ID:ec1c4GIa
>>628 すいません、見直していたら原因がわかりました
失礼しました
>左側のgetするurlのベースとなるurlの部分を隠すのがうまくいきません
すまん、自分が何をしようとしてどう失敗したのかもうちょっと詳しく頼む
631 :
Name_Not_Found:2010/01/31(日) 14:23:09 ID:ec1c4GIa
はい、さっきは最初のINPUTの部分の value=XXX を隠す方法に困っていました
txitのスペースにgetしたいurlの一部が出てしまっていて
それを隠したかったんですがどうもうまくいかなかったので
さっきvalue=XXXとactionを一緒にしてしまおうとしてみたんですが
これも大幅に間違っていましたみたいでうまくいきませんでした
最初のINPUTの部分の value=XXX を隠す良い方法はないものでしょうか
632 :
Name_Not_Found:2010/01/31(日) 14:35:58 ID:ec1c4GIa
イメージとそのタイトル(見出し)があって、その両方を同じところにリンクしたいんですが、
urlをひとつ書くだけで両方をリンクする方法はないでしょうか?
>>633 イメージと見出しをひとつの<a></a>でくくる。
お勧めできない。
1、JSの音クリック
2、りんくでくくっちゃう
637 :
Name_Not_Found:2010/01/31(日) 16:31:31 ID:Ds0+qjIT
DW CS4ってテンプレートとか無いですよね?
テンプレート管理機能の事?
すぐ使えるサンプルの事?
639 :
Name_Not_Found:2010/01/31(日) 17:35:04 ID:Ds0+qjIT
すいません、サンプルです
見出しだからじゃないの
643 :
Name_Not_Found:2010/01/31(日) 22:30:01 ID:Ds0+qjIT
>>640 ありがとうございます
私がビルダーかじったことがあるのでできるかなと思いましたが見送った方が良いですね。
社長は250万までならサイトに使っていいと言ってるので外注にします!
ブロック要素をインライン要素に入れるのはいけないということかな。
いつからaタグ以外でもhrefが切れるようになるんだっけ。
>>643 250万の投下資金は何ヶ月で回収する予定なの?
<div>a</div>
<div>b</div>
<div>c</div>
上中下と並べたボックスにボーダーを付けたいのですが、
普通にすると、aの下とbの上下、cの上のボーダーが接して他の二倍の太さになってしまいます。
この問題を解決するために、通常はどのように対策するのでしょうか?
各ボックスにIDを付けて、個別に接する部分の片方のボーダーを無くすようにするのでしょうか?
よろしくお願いします。
各ボックスの上か下だけボーダー。一番上と下は別途指定。
first-childやlast-childが躊躇なく使えるようになるのはいつですか
踏み出せばその一歩が道となり、その一足が道となる。
first-childはCSS2だけど、last-childはCSS3
Win用DreamweaverCS3のスニペットの書き出しについてです。
自宅PCでスニペットを新規登録して、そのスニペットを会社など他のPCでも使用したく、
ヘルプを見ると、
「チームの他のメンバーとのスニペットの共有
Dreamweaver アプリケーションフォルダの "Configuration/Snippets" フォルダで、共有するスニペットに対応するファイルを探します。
スニペットファイルを自身のコンピュータまたはネットワークコンピュータ上の共有フォルダにコピーします。
チームの他のメンバーに、スニペットファイルをそれぞれの "Configuration/Snippets" フォルダにコピーするように依頼します。」
と書いてあるんですが、 "Configuration/Snippets" フォルダに新規登録したスニペットのフォルダもファイルもありません。
念のため、無い状態でもSnippetsフォルダをまるごとコピーして他のPCに移してみたんですが、やはりだめでした。
スニペットの書き出しはできないのでしょうか。
あのあの
wikiのコメントみたいに一言文章入れて送信押すと
web上にコメントが更新されていくようなもので
それでいて管理人のみしか更新ができないようなスクリプトってありますか?
655 :
654:2010/02/01(月) 09:17:23 ID:???
説明不足かとおもったので追記
ログインページからログインし、文章を入力し送信すると
特定のページに文章が追加されてるようなスクリプトを探してます
↑おれも知りたい。
誰か教えて!
657 :
Name_Not_Found:2010/02/01(月) 10:37:08 ID:YluKPbJz
すいませんHTMLとCSSの勉強したいのでおすすめの著書やサイトを教えてください
それとxmlは触ったことがないんですが
htmlに比べてどんな利点があるのでしょうか
658 :
Name_Not_Found:2010/02/01(月) 10:46:54 ID:DwkDxloC
すいませんが、回答お願いします。
<div><p>文字</p></div>
と
<p><div>文字</div></p>
どちらの記述が間違ってますか?それとも、両方良くない記述ですか?
よろしくお願いします。
>>657 とりあえずHTMLとCSSの辞典があると便利かも。
xmlはRSSやFlashとかによく使われる。
更新をxmlで書き出してFlashで読みませたりすると、直接Flashを弄らないでテキストの内容を更新したりできるので便利。
>>658 <div><p>文字</p></div>が正解。
<p>は文章の段落を表すタグ。
<div>は要素のないブロック要素、CSSのidやclassをつけてスタイルを付加するのに使われる。
660 :
Name_Not_Found:2010/02/01(月) 12:13:39 ID:YluKPbJz
657です
>>659 どうもありがとうございました.
もうひとつ質問なんですが
フォームのtextの枠に語句をドラッグするだけでactionなど実行させることは可能でしょうか?
かのうです。
どうもありがとうございました.
>>659さん
分かりやすい説明ありがとうございました。
664 :
Name_Not_Found:2010/02/01(月) 20:43:44 ID:LyAlxzed
すいません教えてください。
cssを用いてロールオーバーする画像リンクを作ろうとしたんですが、
IEやオペラではイメージ通りにいったんですが火狐では画像(と代替用の文字)が出ません。
どこかが間違っているんでしょうが見つけれなく行き詰ってます。添削していただけないでしょうか?
//xhtml//
<body>
<div class="contents">
<a href="top.html" class="topicon">TOP</a><br />
//css//
/* top-icon */
a.topicon {
display: block;
position: absolute;
left: 600px;
top: 600px;
float: center;
width: 147px;
height: 0;
padding-top: 56px;
overflow: hidden;
background-image: url("img/sozai/icon-top2.gif");
background-repeat: no-repeat;
z-index: 1;
}
a:hover.topicon { background-position: top right; }
お願いします。
a:hover.topicon
>>664 height: 0;
padding-top: 56px;
これはheight: 56px;だけで良くないか?要素の高さを0にするのは止めたほうがいい
質問とは関係ないけどfloat: center;なんてない。センタリングするならmargin: 0 auto;を加えて親要素にtext-align: center;を追加
ちなみにfloatを指定した要素はdisplayプロパティを無視するから、floatを使う場合にはdisplayは不要。(バグ対策でinline-blockを書くことはある)
667 :
664:2010/02/01(月) 23:11:08 ID:???
>>665 hoverですか・・・?
構想的に、左右に並べた1組の画像を視点移動でhover時に右上が起点になる方法でやってみたいんですが
どんな表記がいいのでしょうか・・・すいません。
>>666 早速heighに切り替え、floatは消してみました。しかし変わらず・・・orz
位置はセンタリングでではなくposition: absoluteで任意位置にしたいなとおもいまして。(同様の処理を計5個配置したいので)
まあいいや
>>667 a:.topicon に { background-position:0 0 ; }追加
a:hover.topicon { background-position:-147px 0; }
あたりで解決しないかね
>>659 div直下にテキストを書かない方がいいのかな?
a:hover.topicon
↓
a.topicon:hover
?
順番おかしくねって思ったけど仕様書的に問題なかったらすまそ。
>>671 それ、書き順で動作が異なるので、使い方次第。
それ
:visited
:hoverとかだけかと思ってたんだけど・・
aりんくのうち、マウスが乗っているモノのうち、classがtopiconモノ
と
aりんくのうち、classがtopiconのもののうち、マウスが乗っているモノ
って同じだと直感的には思えるんだけどなぁ
>>670 書いたからといって「はいダメー。描画しません。」と断るブラウザはないけど
たぶんそのうち君も書かなくなる
675 :
Name_Not_Found:2010/02/02(火) 12:22:20 ID:BkBDohSX
果たしてそうだろうか?
そうかもしれないしそうじゃないかもしれない
<div>
<p></p>
</div>
>>674 > 書いたからといって「はいダメー。描画しません。」と断るブラウザはないけど
そんなん居たら大変だ。
ところで、描画速度とかかなりないがしろにしていていいから、
標準規格に準拠した描画をすることに命かけているような
ブラウザってありませんかね?
Webkit
そうそう、別にwebkitが描画速度を犠牲にしているとは思っていないので。
681 :
678:2010/02/02(火) 19:56:27 ID:???
ありがとうございます。
ローカルにあるaviファイルのリンクをhtmlに貼って
関連付けされたプレイヤーで再生するにはどうするのでしょうか?
ローカルにあるaviファイルのリンクをhtmlに貼って
関連付けされたプレイヤーで再生すればいいのです
誰得?
せめて解決するか面白いかのどっちかは頼む
>>683 firefoxだと可能ですがIE6だと変なプレイヤー(メディアプレイヤー?)で再生されるのです
ソフトウェアかWindows板に行け
>>682 ダウンロードさせて再生させたら駄目なん?
要するにHTMLを書いてブラウザで開いてカタログみたいにして使いたいって話?
いずれにせよ、「関連付けされたプレーヤー」というのがそもそも無理。
マルチメディアコンテンツをどのように再生するかはブラウザに任されているので、
それはもうHTML側の問題ではなくなってしまう。
flashつかえ
Youtube経由で提供しろ
600x600大と20x20小の画像がバラバラの順番にあるとして、
imgタグで大1個小9個連続配置したときに、
幅1200の表示領域の場合、
左に大1個、右に小9個表示したかったんですが、
右に小3個表示されて、
残りは大の下に表示されてしまいます。
こういうことは表示枠を固定しないと無理なんでしょうか?
実際には、画像サイズバラバラのものを、
できるだけスクロールせずにまとめて見られるようにしたいです。
数字or Margin or Paddingがおかしいんじゃね。
693 :
サブマリンPHP:2010/02/03(水) 16:46:28 ID:cY+3q0y3
>>691 無理です。
テーブルで設定するよりcssで設定するヨロシ。
すみません質問です。
spryでフォーム検証をやってるんですが、検証のタイミングをonsubmitとした場合、
送信ボタン(typeがsubmit)でしか反応せず、jsのonClick="submit()"では反応してくれません。
jsからフォーム検証する方法はないでしょうか?
>>691 ■が大画像で。が小画像だとして
■■
■■。。。
。。。。。。
みたいに表示されてるってこと?
1200pxだったら600+20*9=780で全部横に並ぶと思うんだけど
もしかして途中で改行タグ(<br>)とか入れてない?
ついでに質問
au docomo softbank の開発者情報をみると
カラーコード(CSS)は6桁で指定するように書かれてるけど
これって3桁カラーコードに対応してない機種の
シェアがまだ大きいってことなんでしょうか。
記事としてはこういうの見つけました
ttp://3wm.blog10.fc2.com/blog-entry-774.html
695 :
694:2010/02/03(水) 16:52:00 ID:???
なんか自分が理解できてないようなので
691 さんへのレスは無かったことにしてください。すいません
696 :
Name_Not_Found:2010/02/03(水) 19:18:26 ID:u2aYrnY+
<div id="a">
とした時にaに変数を代入することは可能でしょうか?
<div>タグを動的に追加したときに個別のIDを持たせたいんです。
追加する時に変数指定してやればいいじゃない。
innerHTMLとかなら文字列の間に変数
createelementなら.id=変数
<form enctype="multipart/form-data" method="post" action="upload.php">
<input type="hidden" name="MAX_FILE_SIZE" value="3072000" />
<input type="hidden" name="m" value="up" />
<table id="upFormBody" summary="test">
<tr><th>
file 01:
</th><td>
<input type="file" name="upFile[]" />
</td><th>
file 02:
</th><td>
<input type="file" name="upFile[]" />
</td></tr>
<tr><td>
<input type="submit" value="upload" id="upload" />
</td><td>
<input type="button" value="reset" id="reset" onclick="resetForm();" />
</td></tr>
</table>
</form>
ファイルをアップロードするフォームなのですが、submitを押しても機能しないのですが、何か記述に問題でもあるのでしょうか?
ブラウザのステータスバーを見ても、action属性に指定されたURLが表示されません。
ちなみに、onclick属性のresetForm関数はちゃんと動きます。
特に間違いはない(IE8, Fx3.5で確認した)。
JSでなんか妙なことやってるんじゃない?
700 :
691:2010/02/03(水) 20:56:12 ID:???
>>694 レスありがとうございます。
すみません、20でなく200でした。
四角一つが200pxだとして、
align="top"にしてるので、
■■■□□□
■■■
■■■
□□□□□□
のように表示されてます。
改行文字も<br>タグ削除してあります。
理想は、
■■■□□□
■■■□□□
■■■□□□
なんですけど・・・。
>>700 バラバラの並び順から整列って大変だよ。
データはこちらで準備するのだから、大きいの→他9つに並べ替えて、
小さい9つでまとめれば良いと思うよ。
バラバラってのは謎だけど。
順番変えられないなら、ページを読み込み終わってからどの要素が600*600かjsで確認→並び替えとか。
>>699 うーん JSの記述なくしてもみても変わりませんでした・・・
>>700 大きいサイズの画像にfloat: left; clear: left;を加えて、
小さいサイズの画像にはfloat: right;を加える。
親要素にclearfixを指定してやれば上手くいくような気がするけどどうだろう
>>702 >>698のソースを試してみたけど問題は無かったから原因は他の部分にある
再現できるソースを提示してくれないと何とも言えないよ
froatすりゃいいって話じゃ無くて?
CSSのfont-familyでフォントを指定できますが、
ページを表示するPCがそのフォントに対応していないと表示されない
という説明をよく見ます。
例えば、Comic Sans MSというフォントが面白くて使ってみたいのですが、
MSと付くからにはWindows系のPCでしか表示できないのでしょうか?
自分はWindowsPCしか持っていないので試す術がありません。
一般的に広まってるから使っても問題ないフォントと使うべきでないフォント、
などがありましたら教えていただけないでしょうか。
まあ、複数指定すりゃいい
前探してみたけど、そういうの紹介してるサイトは見つからなかったなぁ
709 :
698:2010/02/04(木) 01:35:50 ID:???
formタグを包囲してたdivタグの二重引用符を記述し忘れてました・・・
Dreamweaverなら警告だしてくれたのでしょうが、今回はEclipseで書いてたので気付きませんでした。
お騒がせしてすみません・・・ スッキリしました。
OS フォントで検索するとかさ
>>709 EclipseならAptana Studio入れとくといいよ
713 :
691:2010/02/04(木) 10:03:01 ID:???
>>701 >>703 >>705 ありがとうございます。
JSやCSSを駆使しないと無理なんですね。
単純に、人間だったらそうするであろう配置を想定してたんですけど、
HTMLの仕様は違うみたいです。
あきらめます。
そうだね
>>713 小さい画像をペイントとかでまとめて
1つの大きな画像にすればCSS なんぞいらんぜよ
ブラウザに横幅によってレイアウト変えたいってことだろ
717 :
716:2010/02/04(木) 14:31:18 ID:???
誤爆
色指定のcolorプロパティで
#7FE;
のように3つの数字で指定する形式を最近よく見かけます。
昔は#77FEFE; のような表記が普通だったと思うのですが、この形式だと何か不都合があるんでしょうか?
ない
720 :
Name_Not_Found:2010/02/04(木) 20:03:00 ID:W1KQk1yy
下記のようにformでtest.phpに値を渡して処理をしてるんですが
<form method="POST" action="test.php">
省略
<input type="submit" value="送信">
</form>
この場合は画面がtest.phpに移動してしまいます。
test.phpに画面を移動させずに値を渡す方法というのはありますでしょうか?
>>720 ページを替えずにデータ送信したいなら
スクリプト使わないと無理
>718
どっちもふつうだよ
723 :
720:2010/02/04(木) 21:34:20 ID:W1KQk1yy
>>721 ありがとうございます。
javascriptという事でしょうか?
その通りでございます
キーワードはAjaxとかXMLHttpRequestとかなので適当に調べてみるよろし
725 :
720:2010/02/04(木) 21:43:02 ID:W1KQk1yy
>>724 ありがとうございます。
そちらを調査してみます。
status:204 (No Content) ?
727 :
Name_Not_Found:2010/02/05(金) 13:35:02 ID:YxOnUsdH
今、webクリエイター初級の資格受けるためにパソコンスクール行ってるんだが
タグが覚えられずに困ってるww
試験3月なのにマジでやばい・・・。
Webクリエイター能力認定試験?
タグ暗記する必要なくね
729 :
Name_Not_Found:2010/02/05(金) 13:52:41 ID:YxOnUsdH
>>728 暗記というか、スタイルシート書くときとかのルールとか
書き方が覚えられないんだ・・・
webの資格って役に立つの?
731 :
Name_Not_Found:2010/02/05(金) 14:35:52 ID:mm8Zq2N5
資格くらいもってないとね -> 最低限の事も出来ないのに雇えるか
資格をとってきたら -> 実務経験もないのに雇えるか
732 :
Name_Not_Found:2010/02/05(金) 16:53:45 ID:YxOnUsdH
資格持ってないと求人に応募も出来ないでしょ。
実務経験がないと求人に応募すらできない。
求人に応募する以前の実務経験って自作HPとか?
けんたのホームページ
けんたのホームページへようこそ!!
プロフィール
日記
掲示板
チャット
リンク
738 :
Name_Not_Found:2010/02/05(金) 18:41:00 ID:mm8Zq2N5
>>736 ブリンクタグの事も忘れてもらっちゃ困るぜ
彼らはIE信者だからそれは無いな
にしても大学の教授にありがちなHP作成講座
「float:値」「cleart:値」を使った回り込みの意味がいまいち分からない・・・
誰か分かりやすく教えて。
試せばいいだろ
図付きのサイトをググって探して
その上で「何が」「どう」分からないのか具体的に
わからないのはたぶん
目的(これをこうしたい)がないから試行錯誤のしようがないんだと思う
目的無しに勉強するにはfloatは少々つまらない
clearは特別事情がなければbothでいいよ。
その名の通り、どちらの回り込みもクリアーする。
俺もcleartはわからない
IEで選択状態にすると絵が浮き出るアレ
748 :
Name_Not_Found:2010/02/08(月) 10:06:33 ID:PPkedSe5
htmlで長い文章を最初だけ表示して、
残りを"more"にして、クリックするとそこに表示されるような感じにしたいのですが、
何か特別な命令文ありますでしょうか
JavaScriptで。
750 :
Name_Not_Found:2010/02/08(月) 10:42:18 ID:PPkedSe5
ググりたいんですが、なんというキーワードで検索したらいい?
そこもスレ違いだろ……
あります。
ググレ
fc2に聞け
>>755 っていうか、なんてググっていのかすら分かんねぇw
だからここに来た。
a.next { border:solid 1px #000000; }
<a class="next">次へ</a>
758 :
Name_Not_Found:2010/02/08(月) 20:22:48 ID:h2LiZr9T
Faviconでぐぐれ
760 :
758:2010/02/08(月) 20:39:38 ID:h2LiZr9T
>>759 ありがとう。
wiki見た。
やってみる。
質問の時は一応敬語で答えが返ってきたらタメってどうよ
敬語にタメで答えられたのに敬語で返せってどうよ
>>763 それが教えを乞うて教えてもらったやつの態度なのか
765 :
762:2010/02/08(月) 22:46:54 ID:???
>>763 お前の頭はどうかしているのか?
一度その精神で上司にタメ語で話してこい。
・・・まさかとは思うが仕事はしているよな?
妄想とか、火の車自営業とかじゃなくて、まともな仕事の話だよ。
一体みんな誰と戦ってるんだ
同じ人間が
質問する側の時は敬語で答える側の時は敬語 みたいな
暗黙の風習もよくわからんけどな
768 :
767:2010/02/08(月) 23:35:25 ID:???
×答える側の時は敬語
○答える側の時はタメ口
やだ恥ずかしい
空気を読める社会人なら当たり前のことだけどね。
空気を読める社会人なら
どっちも敬語だろw
>>771 > 敬語にタメで答えられたのに敬語で返せってどうよ
って自分で言っただろ?
だれも俺が上司だとは言っていない。
釣り釣られは余所でやってくれ
無償で知識を得ようとする人間と
無償の知識を与えようとする人間が
同格のわけないだろ
土下座して教えを請う気持ちで質問しろ
>>774 当たり前だな。でもな下等生物もいるんだぜ。
CSSで
input[type=submit] {
width: 8em;
}
として
<input type="submit" style="{width:20px}"/>
としてもボタンの長さが8emのままなのは仕様?
個別に指定したボタンだけ長さをかえたいんだが・・・
>>778 げぇ!ほんまや!orz
高速レスに感謝
DW CS4買ったけど、思った以上に難しいな…
みんな独学?
うちはDW単体なら、タグの補間機能とサーバ管理に使うぐらいだな。
>>780 DW?
ドラクエで言うとスライム的存在だろ
マダンテ覚えてくれる強いヤツですね。分かります。
>>780 なぜ難しく感じるかというと、HTMLとCSSの知識がないから。
785 :
Name_Not_Found:2010/02/10(水) 16:24:19 ID:FnjJJN8A
質問させてください。
Dreamweaver cs4使ってます。
<div>ですますです</div>
みたいなコードでdivタグ内の「ます」だけ選択しようとしてクリックした時に
<div>から</div>まで勝手に選択されます。
しかも絶対ってわけではなくたまに。。。
時間がたつと直ります。
調べてもでてこないので質問させていただきました。
宜しくお願いします。
div内の文字列にポインタを近づけるとその周囲に赤枠が表示されてそのままクリックすると、
<div>から</div>まで勝手に選択されます。
という解釈でOK?
選択を正確にしたいってことなら、シフト+←→キー
788 :
Name_Not_Found:2010/02/10(水) 17:45:16 ID:FnjJJN8A
さっそくのお返事ありがとうございます。
>786
文字列にポインタを近づけても赤枠は確認できませんでした。
<div>ですますです</div>の「ます」を選択しようと「ます」の「す」の後ろ辺りから
ドラックしようとするとマウスを押した時点で<div>〜</div>が
マルマル選択されてしまうという状況です。
因みに<div>内の内包要素の何処をクリックしても
<div>〜</div>がマルマル選択されてしまいます。
<div>だけに限らず他のタグでも何かのタグの内包要素だけをドラッグで選択しようとすると
クリックの時点でその内包要素を包んでいる<タグ>から</タグ>まで全て選択されてしまいます。
それともう一つなのですが
<input type="button" value=" 戻る " class="maT15" onClick="location.href='hoge.php'">
例えば上記の様な内包要素のないタグがあるとします。
そのclass名を変えようと「class="maT15"」辺りをクリックすると<input>タグ全部が選択されてしまい
しばらく待機しないとclass変えられないという歯がゆい状況に陥ります。
←↑↓→キーで選択しようとしても目的の場所に向かっている途中に<タグ>〜</タグ>全て選択されてしまいます。
長文の上、大変分かりずらい説明で申し訳ありません。
宜しくお願いします。
>787
とりあえずその場凌ぎでその方法で選択しようとしたんですが
何故か、シフト+←↑↓→キー が効かなくなるんですよね。
まぁ時間が立てば直るんですがもう気になっちゃって。。。
789 :
Name_Not_Found:2010/02/11(木) 03:34:39 ID:VVGY4YMw
デザインカンプってどうやって作るんですか?
ホトショップでもできるんですか?
リファレンスよんでもよく分からない。
790 :
Name_Not_Found:2010/02/11(木) 03:38:32 ID:VVGY4YMw
それとホトショップでデザインカンプを作っておいて、
次にドリームウイバーにHTMLと一緒に書き出してサイトを作る、
と本に書いてあるんですが具体的に何をどうするんですか?
初心者なもんでサッパリ分かりません。
791 :
Name_Not_Found:2010/02/11(木) 03:39:34 ID:VVGY4YMw
連投すいません。一応HTMLとCSSの知識はちょこっとあります。
ほとちゃんねる
793 :
Name_Not_Found:2010/02/11(木) 08:45:37 ID:PdMR2EDS
あの〜
インライン要素を横並びさせる際に、
フロートレフトをかけるのと、ディスプレイインラインを使うのとで、
どう違うんですか?
ブロックレベル要素はフロートレフトで、インライン要素はディスプレイインラインを使いなさい
みたいな、ルールとかあるんでしょーか?
>789
>デザインカンプってどうやって作るんですか?
カンプを見せる相手にイメージが伝わるなら紙と鉛筆でもいい。
とりあえずgoogleのトップページをホトショップで写生してみな。
出来上がったもんがデザインカンプだ。
>ホトショップでデザインカンプを作っておいて、
>次にドリームウイバーにHTMLと一緒に書き出してサイトを作る、
ホトショップの機能にスライスってのがある。
でかい画像の一部分だけを切り抜きたいときに使うんだけど、
さっき作ったgoogleのトップページからgoogleのロゴだけとか
youtubeのボタンだけとか、パーツ単位で細切れにして1つ1つ保存するんだ。
で、そのパーツをドリームウイバーでHTMLに貼り付ければおk。
>>793 インライン要素は何もしなくても並ぶだろ
使い分けはそれぞれの挙動を把握すれば場合によって便利な方が大体分かる
質問させてください。
ひとつのページにAとB2つのボタンを配置します。
ボタンAを押した場合はページ上半分のみを印刷、
ボタンBを押した場合はページ下半分のみを印刷
というようにボタンによって印刷内容を切り替えたいです。
どのような方法が考えられるでしょうか?
ヒントだけでも結構なので
お詳しい方、ご教授お願いします。
>>796 「ある範囲だけ印刷」とかはCSSだけど
動的な切り替えはScriptで
宿題は自分でやりなさい・・・
799 :
793:2010/02/11(木) 13:19:11 ID:???
>>795 すんません、インライン要素じゃなくて、リストタグの間違いでしたorz
リストタグを横並びにするとき、W3C標準のルールでは、
フロートレフトを使うべきか、ディスプレイインラインを使うべきか
どちらが正しいのでしょうか?
>>799 li要素の位置にインライン要素は置けないから、前者が正しい気がする
そんなルールなくね?
diplayの方が手軽だけど、liにwidthとかborderとかpadding指定するのならfloat使ったほうがいい
スマートな方を使う。
W3C vs WHATWG
>>803 意味が違うような気がする
<ul><span style="display: list-item;"></span></ul>はだめでも
<ul><li style="display: inline;"></li></ul>なら問題ないだろ?
そもそもhtmlとcssは一応それぞれ独立しているわけで
でも例えば、インライン要素しか入れられない要素の子要素にdisplay:block;指定したらレンダリングおかしくなるんじゃね?
よくわからんけど
よく読め。そんな話誰もしてねーよ
?
location.search
>>799 ボックスの横幅が一定かどうかって話じゃないの?
決まりはありません。
>>812 書き換えた部分のパスのpが抜けてるからじゃないの?
普通に公開されてるサイトのディレクトリを見るのって、アドレスバーになんて入力すればいいんだっけ?
無理に決まってんだろ
忘れました的な書き方してんじゃねーよ
え!出来なかったっけ
本人が公開してないできないもんなの
>>799です
たくさんの貴重な意見をいただきありがとうございます。m(_ _)m
>>810 えーと、質問の意図としては、
リストタグを横並びさせるには、フロートレフト と、ディスプレイインライン の2つのやり方があり、
表示上はどちらも同じ挙動をとるのですが、
タグを記述するルール上で、どちらが正しい記述なのか、ということを聞きたかったのです。
質問の仕方が下手ですんまそんorz
幅を気にしないのなら、どちらでも問題ないってことが判ってすっきりしました
ありがとうございました!
.htaccessの設定によっては、存在しないファイル名を適当に入力したら、ディレクトリの一覧が表示される
>>819 多分その方法だったような気が。
ありがとう!
http://●●●.com/work/
とか、ディレクトリの名前が拡張子なしで終わってるファイルってどう作成すればいいのかな??
超初心者です。
index.html/とかindex.xhtml/なら見たことあるんだけど、初めて見て疑問に思ったので。
ファイル名がindex.htmlなど「index」はブラウザで表示すると、「index.html」部分のアドレスを省略できるだけ。
優先する拡張子は.htaccessの設定しだいだけどね
FTPで他人サイトを見るのは無理。
>>813-814 あ、ほんとだ。抜けてますね…。
触っているうちに間違えてしまったようです。
あと原因は別にありました。
拡張子をxmlじゃなくて、htmlにしてしまっていました…。
アドバイスありがとうございました。
>>824 レスありがとう。
indexの拡張子が省略されることだけは知っていたんだけれど、index以外でもそれを適用するにはその.htaccessの設定を変えればいいのかな?
何度もごめんなさいね。
聞くというコミュニケーション行為に主眼を置いているから
むしろ「なぜ独りぼっちで検索しなければいけない」といったところだろう
>>828 知識がまだそこまで達してないんだよorz
語弊が多いみたいだ、教えてくれる皆様申し訳ない。
例えば、ページのbottomに大抵設置してあるサイトマップやらプライバシーポリシーやらって、
人様のサイトを覗いてみるとファイル名が〜.com/privacy/で終わっているものばかりで
拡張子はどこ??って不思議に思ってたんだ。
それだけ!
これは普通にxhtmlでファイル作っちゃっていいのかなー。
>>829 チガウ
今すぐ必要だったらググるさ
>>827 例えば同じディレクトリの中に「index.html」、「index.cgi」、「index.php」とある場合どれを優先して表示するかは.htaccessで設定する。
また、.htaccessで指定してないと省略されない拡張子もある。
聞いてレス待つより検索した方が早いな。
.htaccess質問コーナーってスレもあるぜ。
>>831 ほほう!なるほど、そういうことだったのね
.htaccessはまだどういう仕組みのものか理解できていないので、調べつつ勉強してみます。
誘導サンクス
中学生でももっとマシだろうに……
Windows版のDreamweaver CS4へMX2004からアップグレードしたのですが、普通のWindowsのウィンドウ枠(タイトルの部分)に変更するにはどうすればよいでしょうか?
どうかお慈悲を
みんな親切だな
ちょっぴり嘘まぜて答えてるとことか
優しく答えるスレらしいよ
ヘッダーposition:relative;
コンテンツposition:relative;(コンテンツAposition:absolute;コンテンツBposition:absolute;)
フッターposition:relative;
positionプロパティを使って、上記のようなレイアウトを作りました。
高さの指定はしていません。
このままでは、コンテンツ下部とフッター上部が重なってしまいます。
『Webデザイン プロフェッショナルワークフロー・バイブル』には、si-clear-children.jsを使って解決する手法が載っていますが、
この問題は、通常どのように解決するのでしょうか?
ヘッダーposition:relative;
コンテンツposition:relative;(コンテンツAposition:absolute;(フッターposition:relative;)コンテンツBposition:absolute;)
上記のように、コンテンツAのdiv内にフッターを入れたところ、コンテンツBの高さがコンテンツAの高さより長くなると、
Bがフッターと重なりました。
インラン要素ってなに?
>>837 どういうレイアウトにしたいのか詳しく。
>>841 ありがとうございます。
positionプロパティを使って、
ヘッダー
コンテンツA・コンテンツB
フッター
という、通常の2カラムレイアウトを組みたいと考えています。
すみません、高さは指定しないで組もうと考えています。
ヘッダーフッターは常に表示?
’positionを使って’って課題?
ヘッダーフッター常に表示じゃなければposition使わないで出来る。
ヘッダーのみ常に表示でもposition(ヘッダー以外)使わないで出来る。
フッターも常に表示でも出来そうだな。IE6が除外になるかもしれんが。
relativeやabsoluteがなぜ必要なのかわからん。
<body>
<div id="header"></div>
<div id="wrapper">
<div id="content_l"></div>
<div id="content_r"></div>
</div>
<div id="footer"></div>
</body>
みたいな感じで後は
#content_l,#content_r{
float:left;
}
でいいんじゃね?
>>845 floatプロパティはちょっとしたことですぐに大幅にレイアウトが崩れるので、positionプロパティ推奨っというのを、本に書いてあるので、それを実践しようと考えています。
>>844 ヘッダーやフッターを、スクロールしても常に同じ位置に表示させようとは考えていません。
ごく普通の2カラムレイアウトを、positionプロパティを使って組もうと考えています。
>>845の<div id="wrapper">の直下子要素を二つから変更しなければレイアウトは崩れないよ。
どうしても使うなら止めはしないが。
ヘッダーフッターのposition要素ってなくても変わらないと思うのは俺だけ?
皆様ありがとうございます。
色々と調べた結果、
position : absoluteはやっぱりダメだ
という記事が決め手で、今後はfloatプロパティを使うことに決めました。
いろいろ教えて頂いてありがとうございます。
position:relativeこそcontents A/Bの内容量次第でレイアウトおかしくなるわ。
wrapperとしてのcontentsに高さを指定してoverflow:scrollとかにするなら別だが。
まずはCSSなしでまともな文書として読めるマークアップをしたらどうか。
>>850の言うとおり適切なマークアップが済んでからのほうがスタイルあてるの楽だとおもう
ろくに読まずにれすしたごめんねるおやすみ
floatごときでレイアウトがすぐに崩れるんなら、技術不足。 なおさらpositionなんて使わないほうがいい。
SpryってふつうDreamweaverで使うの?
普通はjQuery使うよね
function resetForm(name){
var ele = document.getElementsByName(name);
if(window.confirm('フォームをリセットしちゃいますが、いいですか?'))
ele.reset();
}
nameにはformタグのnameを渡しますが、リセットできません。
どうすればいいのでしょうか?
alert(typeof ele);
alert(ele.name);
alert(typeof ele);をすると、objectになります。
すいません、ここHTMLスレでしたね。
スレチでした・・・
このスレの半分は優しさで出来ています
863 :
Name_Not_Found:2010/02/15(月) 00:43:06 ID:pt+s4UzW
質問なのですが
とあるテンプレートをお借りしてサイトを作ると
字の感覚がすごくせまくなっている気がするのです
字の間隔を操作するタグやCSSってあるんですかね
よろしくおねがいします
letter-spacingプロパティ
line-heightプロパティ
white-spaceプロパティ(空白について)
word-spacingプロパティ(半角空白について)
text-align:justify;
Dreamweaverのノウハウ本で初心者向けでなにかオススメを教えていただけませんでしょうか
レベルはHTMLタグで簡単なイラストのサイトを作ったことがあるくらいです
ボックスを理解するのが難しいのですが、何か、勉強になるいいホームページか参考書はありますか?
>>866 それにしてみます
ありがとうございました
>>867 divで囲んだらボックスになるってだけ
<div>ボックス</div>
CSSで個別にスタイルを指定できたりします
divのボックスの線ってテーブルより綺麗だよね、なんでだろ・・
871 :
863:2010/02/15(月) 20:02:00 ID:???
>>864 遅くなりました
ありがとうございました!!
自習します。。
現在MX2004のDreamweaverを使っています。
50個ほどのhtmlの中の一部分を、前ページ一括置換すると、高確率で置換ミスが何個か発生します。
1000個のhtmlを置換した場合、ミスしたのを探し出すのがつらいです。
最新版は、こういう置換ミスは無い感じですか?
どういうミスなのかわからんと答えようもない。
大体は前後の単語に影響された置換ミスじゃないの?
または、タグの中で要素の並び順が違っていて引っかからないとか
他の要素まで間違って選んじゃうとか。
置換の失敗はたいてい指定の仕方が間違っている。
DW4のでも挙動はまともだったよ。
<heml><body>
<table><tr><td>
<table>
<tr><td>ひとつめのテーブル1</td></tr>
<tr><td>ひとつめのテーブル2</td></tr>
<tr><td>ひとつめのテーブル3</td></tr>
<tr><td>ひとつめのテーブル4</td></tr>
<tr><td>ひとつめのテーブル5</td></tr>
<tr><td>ひとつめのテーブル6</td></tr>
<tr><td>ひとつめのテーブル7</td></tr>
</table>
</td>
<td>
<table>
<tr><td>
<table>
<tr><td>ふたつめのテーブル1</td></tr>
<tr><td>ふたつめのテーブル2</td></tr>
<tr><td>ふたつめのテーブル3</td></tr>
</table>
</tr></td>
<tr><td>
<table><tr><td>
ふたつめの<br>
テーブル用の<br>
文章
</tr></td></table>
</tr></td></table>
</td></tr> </table>
</body></html>
質問です
>>876のような構造のhtmlを作ったときに
ひとつめのテーブル1とふたつめのテーブル1の開始位置がずれてしまいます。
開始位置をそろえるにはどうすればいいですか?
まーじん・ぱってぃんぐ・ぼーだー
というかそのHTML閉じタグの順番おかしいよ。
</td></tr>が変でしたね・・・
ありがとうございます
<html><body>
<table><tr><td>
<table style="padding-top: 25;">
<tr><td>ひとつめのテーブル1</td></tr>
<tr><td>ひとつめのテーブル2</td></tr>
<tr><td>ひとつめのテーブル3</td></tr>
<tr><td>ひとつめのテーブル4</td></tr>
<tr><td>ひとつめのテーブル5</td></tr>
<tr><td>ひとつめのテーブル6</td></tr>
<tr><td>ひとつめのテーブル7</td></tr>
</table>
</td>
<td>
<table>
<tr><td>
<table style="padding-top: 0;">
<tr><td>ふたつめのテーブル1</td></tr>
<tr><td>ふたつめのテーブル2</td></tr>
<tr><td>ふたつめのテーブル3</td></tr>
</table>
</td></tr>
<tr><td>
<table><tr><td>
ふたつめの<br>
テーブル用の<br>
文章
</td></tr></table>
</td></tr></table>
</tr></table>
</body></html>
などpaddingで微調整してもIEで無反応です・・・
paddingではなくmarginで微調整できましたがブラウザによって開始位置がずれます
なにか他の方法はないのでしょうか
0以外の場合、単位は省略できません
あとそういう滅茶苦茶なHTMLで終了タグ省略はやめたほうがいい
解説にわざわざ<html>タグとか書いてるからついでに言うけど、title要素も省略できません
で、原因はvertical-alignその他かな
tableレイアウトするにしてもこれは酷いから、実際の表以外のレイアウト部分を一つのtable要素に統一するといい
理解できるようになってから出直します
すみませんでした
<html>
<head>
<meta http-equiv="Content-Script-Type" charset="Shift_JIS" content="text/javascript">
<link rel="stylesheet" type="text/css" href="./Skin/hoge01.css">
<script type="text/javascript"src="./Skin/hoge01.js"></script>
<link rel="stylesheet" type="text/css" href="./Skin/hoge02.css">
</head>
こういう感じでcssを二種類指定はできないのでしょうか?
こういう感じってどういう感じだよ。
普通にできるだろ。
まず自分でやってみろ。
CSSを読み込むlink要素一つに統一したいってことなら、@import規則とか
>>886 いやまあやってるんですが・・・
>>887 そういうのもあるんですね
自前でhttp鯖作っててこの辺の仕組みを勉強中な物でできないのかと思ってたのですが
どうも鯖側の作りの問題でした。
お騒がせしました。
分割はやめてくれ。管理は楽かもしれないが、HTTP通信の回数が増える。
手元では分割でも、鯖に上げるときは単一の外部ファイルに。
初心者質問スレが落ちているみたいなのでこちらで質問させてもらいます。
同一ページ内のリンクにマウスオーバーした際、マウスカーソルを変えたいのですがどう記述したらいいでしょうか?
a[target="_href"],a[target="_href"] *{
cursor:ne-resize !important;
}
現在こんな感じで記述してますが多分全然おしくもないですよね・・・
っていうか、こいつ何言ってんの?日本語でおkレベルだとは思いますが、お暇な方居られましたら回答お願いします。
マウスカーソル CSS
でググレカス
正直その部分はあってるからググっても答えに行き着くのは・・・
「"」が不要・a要素を指定すればそれ以下のも適用されるから〜*も不要(のはず。少なくとも画像の場合は)
a[target=_href] {
cursor:ne-resize !important;
}
target=_hrefになっているならこれで出来るよ。ただ、target_hrefって初回は新しく開くよね・・
質問させてください。
ひとつのページにAとB2つのボタンを配置します。
ボタンAを押した場合はページ上半分のみを印刷、
ボタンBを押した場合はページ下半分のみを印刷
というようにボタンによって印刷内容を切り替えたいと考えております。
javascriptを使って印刷用cssを切り替えるなど考えてみたのですが、実装にいたりません。
なにかよい方法はありますでしょうか?
ヒントだけでも結構なので
お詳しい方、ご教授お願いします。
<_href></_href>
??
なにそれ?
htmlの知識をもう少しつけた方が良さそうだな。
分からなければ、a {cursor:ne-resize !important;}でいいんじゃね。外部リンクも全部適応されるけど。
>>894 これでどう
1) 印刷用CSSに、見せる用のclassと隠す用のclassを用意
2) ボタンクリックしたら、印刷用エリアのdivと非印刷エリアのdivのclassをそれぞれ書き換える
印刷ダイアログが出たら、一旦キャンセルして印刷プレビューを見れば確認できるよ
<html>
<head>
<style media="print">
.Printable { display: block; }
.Unprintable { display: none; }
</style>
</head>
<body>
<div id="PrintAreaA">
<p>AAAAAAAAA</p>
</div>
<div id="PrintAreaB">
<p>BBBBBBBBB</p>
</div>
<input type="button" value="print A" onclick="document.getElementById('PrintAreaA').className='Printable'; document.getElementById('PrintAreaB').className='Unprintable'; window.print();">
<input type="button" value="print B" onclick="document.getElementById('PrintAreaB').className='Printable'; document.getElementById('PrintAreaA').className='Unprintable'; window.print();">
</body>
</html>
899 :
894:2010/02/18(木) 19:58:18 ID:???
>>898 あなたは神様ですか?
なかなか解決策が思いつかなかったので大変助かりました。
ありがとうございます。
もっかい、ありがとうございます!!
<img scr="/A/B/c.jpg">
っていう記述のタグがあったとして
このタグがドメイン内の全てのページに書いたとしても
DocumentRoot/A/B/c.jpg
をちゃんと呼び出してくれますよね?
例外とかあったりするんでしょうか。
scrの時点で(ry
例外があったらこまるがな。
902 :
900:2010/02/18(木) 23:12:36 ID:???
本当にこれで大丈夫?
絶対平気なの?
と圧迫的に聞いてきたので、なんだか絶対といえる自信がなくなりまして。。
<base>タグで別の場所指定したら例外になるな。
>>903CSSの場所が相対パスなんだろ。
>>904 相対パスという言葉自体知らなかったので助かりました
相対パスでググったら解決しました
ありがとうございます
数人で使いまわす場合に
ショートカットや環境設定、ワークスペースなどを
簡単に切り替える方法があれば教えてください
Mozilla Firefoxでプロファイルを切り替えて使うような感じです
CS4です。よろしくお願いします。
909 :
Name_Not_Found:2010/02/19(金) 10:44:51 ID:uQFtjF33
tableに関するCSSの質問です
〜html(閉じタグは省略します)〜
<table cellspacing="0" cellpadding="0">
<tr>
<td class="a" rowspan="2">50px * 250pxの画像
<td class="b">200px * 200pxの画像
<tr>
<td class="c">
<td class="d">
〜CSS(閉じ括弧は省略します)〜
table { width:610px
.a { width:50px; height:250px
.b { width:200px; height:200px
.c { height:50px
.d { width:360px; height:200px
のテーブルを作っているのですが、
IEですとちゃんと表示されるのにfirefoxですとclass="d"のセルが
何故か20pxほど左にずれて表示されてしまいます
何故このようなことになるのでしょうか?対処法を教えてください。お願いします!
910 :
909:2010/02/19(金) 10:45:57 ID:???
あ、伝え忘れました。firefoxのVer.は最新(3.5.8)です。よろしくお願いします
質問です
メールアドレスを入力してキー発行みたいなのを押すと
ランダムな文字列が発行されるスクリプトのようなものはないでしょうか?
そして管理者(私)の元に文字列とメールアドレスが送られてきて
その文字列の人物はそのアドレスの持ち主って判別できるような・・・
意味のない省略すんな
省略されてるのでわかりませんがr
あ、誰か来たようだ
見やすくなると思ったんだろうな。ちなみに試してみたら確かにそうなるが、俺にはなんでかわからん
915 :
Name_Not_Found:2010/02/19(金) 13:01:11 ID:WwyO5q7m
htmlタグについて質問させて下さい。
ページジャンプのタグをパソコンにだけ反映させたいのですが、そういうタグは存在するのでしょうか?
ページジャンプのタグは見つけられたのですが、私が疎いせいか一定の機種だけ反映させるタグが見つけられません。
もしあるようでしたらご教授頂けると助かります。
Pc/携帯を分けたい?
IE/他を分けたい?
もうちょっと具体的におね
917 :
915:2010/02/19(金) 13:04:58 ID:???
>>916さま
説明不足で失礼致しました。
携帯機種とPCを分けたいと思っています。
919 :
909:2010/02/19(金) 13:06:09 ID:???
>>912-913 すみません。省略なしだと、
〜html〜
<table cellspacing="0" cellpadding="0">
<tr>
<td class="a" rowspan="2">50px * 250pxの画像</td>
<td class="b">200px * 200pxの画像</td></tr>
<tr>
<td class="c">テキスト</td>
<td class="d">テキスト</td></tr></table>
〜CSS〜
table { width:610px }
.a { width:50px; height:250px }
.b { width:200px; height:200px }
.c { height:50px }
.d { width:360px; height:200px }
こうなります。どうかご回答よろしくお願いします。
<html>にそんな機能はありませんし、そんなタグもありません。
921 :
915:2010/02/19(金) 13:15:14 ID:???
>>920さま
そうですか、残念です。
教えて頂き有難う御座いました。
>>920 優しく答えるスレだろ?不親切すぎるわ
>>921 htmlにはそういうタグは無いけど、javascriptやらphpやら場合によってはCSSでも分岐させることはできるよ
"UserAgent 分岐 PC 携帯"とかでぐぐってみれば?
>>919 しry
ほらあれだよあれ。
よく耳にするだろ?あの***。
なんでこれくらいの事わかんないかな?
r
すみませんおまいらさんおしえてくだしあ。
divで枠をつくって、そんなかにtableを配置しようと思ってます。
floatをつかってもうまいこといかないのでおしえてくだしあ。
html側は
<div ID="AAA">
<div CLASS="BBB">
テキストだよ
</div>
<div CLASS="CCC">
サイドバーだよ
</div>
</div>
css側は、
#AAA {
width:800;
}
.bbb{
width:350;
float:left;
}
.ccc{
width:150;
float:right;
}
としています。なんでfloatしないんでしょうか。エロい人おしえてたもれ!
大文字小文字
px
>>927先生
ちぇんちぇい!
#AAA {
width:800;
}
.BBB{
width:350;
float:left;
}
.CCC{
width:150;
float:right;
}
にしてみましたけど結果かわりまちぇん。
大文字小文字ってこういう意味ではないですか??
それから、全然エロさが足りないです。
>>928さま
#AAA {
width:800px;
}
.BBB{
width:350px;
float:left;
}
.CCC{
width:150px;
float:right;
}
にしてみたのですがやっぱりだめです。
私の人間性以外で、なにかだめな点はありますか?
あ、サーセン。
>>930で直ってました!
大文字小文字とpxでした〜。
ありがとうでありんす〜。
>>919 ・<table>の横幅とセルの横幅の合計が一致してない
・そのソースだとrowspanが正しく動作しないはず
どういう風にしたいのか分からないけどこんな感じだとどうだろう
試してないから何か問題あったら言ってくれ
<table cellspacing="0" cellpadding="0">
<tr>
<td class="a" rowspan="2">50px * 250pxの画像</td>
<td class="b">200px * 200pxの画像</td>
</tr><tr>
<td class="c">テキスト</td>
</tr><tr>
<td class="d" colspan="2">テキスト</td>
</tr></table>
table { width:250px; }
.a { width: 50px; height: 250px; }
.b { width: 200px; height: 200px; }
.c { width: 200px; height: 50px; }
.d { width: 250px; height: 200px; }
933 :
909:2010/02/19(金) 16:36:55 ID:???
>>932 ありがとうございます!
ああ…クラス"d"のwidthは310pxの間違いだったか…
ウィーバーをウェーバーと間違わないようにする覚え方を優しく教えてくれ
いいけど俺がTwitterをトゥワイターと読んでしまうのを治してもらってからだな
水野真紀、水野美紀、坂井真紀、酒井美紀
10年掛かって、やっと違いが分かってきました!
>>935 Twitterとは小鳥のさえずりという意味
短文でチョロチョロやる様を例えて、そうツイッターんだろうな
さあ教えろ
>>936 次は森高千里と森下千里と森下悠里の違いに挑戦を。
HTMLをフトミルと呼ぶ運動に優しく協力して
XPproからwindows7(64bit)に乗り換えよと考えているのですが
Dreamweaver8は使用可能なのでしょうか?
後ろをふと見ると、運動に参加していた人たちは一人もいなくなっていた
加納です
width
読み方を教えて貰おうか
うぃどつふ
勇んでDWCS4を買ったのですが
右も左もわからない状態なのできちんと機能を学びたいのですが
サンプルサイトみたいなのを作りながらDWの機能を順を追って学べる書籍というとどれが良いのでしょうか?
わからなくなったら調べるみたいなリファレンス的なものよりは本当に基礎中の基礎の機能を学びたいです
>>946 ×機能を学ぶ
○HTMLとCSSを学ぶ
DW使うっていっても、よく分かってきたらほとんどコードビューしか使わなくなる。
うむ
ネット上のでいいからHTMLとCSSのリファレンスを軽く学んだ方がいいな
DWはタグのアシストとSFTP機能ぐらいしか使わんなぁ〜
ソースフォーマットの適用も便利だよね
あと、検索/置換とかテキストオブジェクトとか、便利だよね
>>946 一万円分ぐらい参考書を買いあさってみれば、ある程度ざっくり理解できると思う。
DWはHTMLやCSSを理解していることが前提のソフトだから
フトミル
FUTOMIRU
ふとむる
ふいぱー・ときすと・むーくあっぷ・るんげーじ
ばつ見ろ と ふと見る の 違いを産業で
ドリームウエーバーの最新版はなんぼくらい?
5000円以内なら買う
5000円じゃホームページビルダーも買えないだろ
そこら辺の中小はコピーや割ればかりやん
ねーよw
どっかの地方公共団体がバレてニュースで全国的に晒し者になってたなあ
ネットブック12台とDWの体験版用意すれば、12ヶ月無料で使えるよ
再インスコ
お前の浅知恵だと
たぶんあと3手ぐらい先まで対策されてるが
ていうかhos(ry
「ドリームウエーバー」なら5000円で買えるかもな。
金メダル級の優しさ
チッ、うえーばー 反省してまーす
970 :
Name_Not_Found:2010/02/21(日) 18:33:28 ID:15jqvYZi
初心者なんですが質問させてください.
htmlファイルにテンプレートを適用するとき,以前のCSSが消えてしまいます.
具体的には,Spryテキストフィールドを作成し,容易してあるテンプレートを適用したときCSSが消えてしまってました.
再度リンクさせたら機能したんですが,どっか操作間違えてる気がしてなりません.
よろしくお願いします
CS4,PCはWindowsXPです
972 :
Name_Not_Found:2010/02/21(日) 18:52:04 ID:15jqvYZi
>>971 割れというのは?
不具合はそれ以外は特に生じてないです.
Spryテキストフィールド検証っていう青タグは相変わらずあるけどCSS定義がないから機能してない感じです…
フトミルっつってんのに機転の効かない奴はマニュアルで解決しろ
よく読んでないからわからんけど、天麩羅テキヨーしたから糞そへのリンクが外れただけじゃね
割れ認定はホント頭悪く見えるからやめて
割れ認定
無駄な改行はホント頭悪く見えるからやめて
割
れ
認
定
割れに良く見る症状なのは確か
なんで症状をしっているんだい?ん?
980 :
Name_Not_Found:2010/02/22(月) 04:19:50 ID:BL0ghmV2
贅沢だ。メモ帳にタグ打ちしなさい。
>979
調査したからです。
CS4で今マニュアルやリファレンスを見ながら勉強中なのですが
わからないことがあるので質問させてください
デザインモードの画面で改行をすると強制的に1行空いてしまうのですが
普通の改行にするにはどうしたらいいのでしょうか?
バカばっかw
そのとおり
優しく答えろよ
うるせーばか
993 :
992:2010/02/22(月) 19:54:26 ID:???
>>992 これは乙なんじゃなくてポニーテール(以下略
しかしこれは凄く便利なソフトに思えるときもあるし、
テキストエディタの拡張版にしか思えないときもある。
997 :
Name_Not_Found:2010/02/22(月) 20:22:46 ID:0zcEQ9Z6
998
999
このスレは1000の風になりました
1001 :
1001:
このスレッドは1000を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。