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

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

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

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

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

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

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

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

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

cs4　なんですが、指定した文字に色を付けるのはどうすればできますか・・

>>3
ヒント：CSS

解決しました！ありがとうございます。。
手順がめんどうですね・・

前スレ970ですが，学校の研究室が公費で買ったライセンスなので割れでは絶対ないです．．．

aptana VS Dreamweaver

公費で買ったといって資金は懐に・・・
オークションとかで実際に買ってたとしてもそれが割れの可能性は十分にあるんだな。

スレチ

CSSの質問です。
<li>要素の中の文字を下揃えにしたいんですが、どうすればいいでしょうか？
vertical-align:bottom は指定してみたんですが、効かないようです。

以下のように横並びで高さ指定している状態です。
ul li{
float:left;
height: 30px;
}

>>10
vertical-alignはインライン要素かセル要素に指定するプロパティだから、リスト要素には指定出来ない
あとfloatを使うなら、widthも必要

ul li{
width:auto;
float:left;
}
ul li span{
display:inline-block;
width:1px;
height:30px;
vertical-align:text-bottom;
}

<ul>
<li><span></span>test1</li>
<li><span></span>test2</li>
<li><span></span>test3</li>
</ul>

どうもありがとうございます。
<li>と中の<a>だけでなんとかしたかったんですが、
難しいですね。

ボタンを作ったんだけどボタンに表示するフォントの種類ってどうやって変更するの？
inputとtextareaの入力欄はcssで変更できたんだけどボタンだけがうまくいかないんだ。
ボタンの部分のhtmlは↓こんな感じなんだけど。
<input type="submit" accesskey="s" name="post" id="comment-post" value="submit" />

>>12
liにline-heightとpadding-topが合わせて30pxになるように指定してみたら？
ソースに余計なもの書かないで済むし
>>13
font-familyで変わる
上手くいかないとしたら書き方がおかしい

質問です
HTML4.01で今までやってきました
これからもXHTMLとかよく理解していないのでHTML4.01を使い続けます
いいですね？

>>15
なんか面白い

>>15
いやです。

よく考えたらDreamweaverでXHTMLに変換できました
ありがとうございました

なんとなくプロっぽいからウチもXHTMLにしなきゃという曖昧模糊とした動機で
耳年増のサイトの間で半端にしか普及しなかった規格だと理解した上でその労力を費やすのか？

HTML4.01もまったく普及しとりませんが

ソース出せや豚虫

↓調味料のソースを出すという古典的ギャグが書き込まれるわけだが、それは手詰まりの20が話を逸らすために書き込んだもの　と予想

悪魔の証明とかいうネタですか

一定の信憑性のある普及率の数値を“出せば良い”わけだから
悪魔の証明ではないだろ

ネットサーフィンしてみるとか

>>25
俺にビッグウエーブを見せてくれ

コードビューの 全角スペース、半角スペース、TAB、改行コードに色をつける方法を教えてください。
全部#ccccccぐらいのグレーにしたいです。

塗れ

>>14
<div>で囲って指定したり
input, textarea {
font-family: xxx, xxx;
}
にしてみたけどボタン部分だけ反映されないんだよ

>>29
普通にしてたらそんなことありえないから書き方が間違ってる
そこを書き込まないと答えようが無い

だな。
そのままコピペしてもできたし、doctypeかと思って指定しなくても同じだった。
別のCSSで設定されてたりしてな。

>>30,31
環境書くの忘れてたわ。
MacのOperaでは出来るんだけどSafariとChoromeとFirefoxで反映しない。

すみません、ものすごく初歩的な質問で恐縮なのですが
ドリームウェーバーＣＳ４での任意の場所へのラインを引くにはどこから設定に入ればいいのでしょうか？
ttp://www1.axfc.net/uploader/Sc/link.pl?dr=34166802&file=Sc_86801.jpg
口頭ではうまく説明できないので画像をアップロードしました
画像のようにラインを引きたいのです
よろしくお願いします

>>33
border-topで検索

仕様って事でよろしい？

Mac板行った方が良くね

>ドリームウェーバーＣＳ４

CSSで設定されたフォントサイズ、色を一時的に変更できますか。
font　b 使っても無変更なんですが。

>>35
ねーよ。お前がおかしな書き方してるだけ。ソース晒せよ

>>38
font,bの代わりに<span style="font-size: *px; color: *;"></span>
基本的なことだからCSSについて一から勉強した方がいい

thx!

>>35
> 仕様って事でよろしい？

inputのcssに border-top: 1px solid #FFF; とかを指定してから
表示に変化があるかどうか見てみて。

WebKit系のフォームボタンは、明示的なborder指定があるときと
ないときで、font-familyの反映を含めレンダリングの仕方が
大幅に変わる。以下、ちょっとサンプル作ってみたから見てみて。

http://gyazo.com/4ce30eae5d48210d47e02e3a532593bf.png

標準のAquaっぽいレンダリングとCSSボックスモデルによる矩形単位の
レンダリングのトグルに、border属性の有無が使われているようだ。

Firefoxに関しては、ウチの会社のサイトのログインフォームの
ボタンでは、特に工夫しなくてもFirefoxでもフォント指定効いてる。

ちなみに指定するborderの値は
border: none;
でもいい。とにかく、borderプロパティの記述が
あるかどうかで違いが出る。

Dreamweaverを初めて使っています。
半角/全角キーが聞かなくて、日本語が入力できません。
どうしてでしょうか？

>>41,42
borderを指定したらSafari,Chrome,Firefoxでも反映したよ。
わざわざ画像まで用意してもらってありがとう！
おかげで勉強になった。

とても詳しい人みたいだしついでに教えて欲しいんだけどborder: none;だけでも四角いボタンになっちゃうんだけど
Aquaっぽい飴みたいなボタンを維持しつつフォントを指定するにはどうすればいいかわかる？
ググってみたけどわざわざAquaっぽいボタンを指定するっていう方法がわからなくて。

>>43
キーボードを窓から投げ捨てて、新しいの買ってくる

subversion+httpで設定すると不正終了するんだが
検索すると昔からあるバグみたいだがいつになったら治るんだ？

ブログを中央に寄せたいんですが

body {
margin: 0;
padding: 0;
width: 1200px;
background-color: #f3f3f3;
text-align:center;
}

div#container {
width: 94%;
margin: 0 auto;
padding-bottom: 10px;
background-color: #fff;
position: relative;
}

div#content {
margin: 0 10px;
height: 1%;
}

とやっても左寄せになります
どうすればいいでしょうか？

すいません

width: 1200px;
background-color: #f3f3f3;
text-align :center ;
margin-left :auto;
margin-right:auto ;

で中央になりました

>width: 1200px;

大は小を兼ねる

↑モニターの話

>44
aquaっぽいボタンを背景にする

>>44
> >>41,42
> borderを指定したらSafari,Chrome,Firefoxでも反映したよ。
> わざわざ画像まで用意してもらってありがとう！
> おかげで勉強になった。
>
> とても詳しい人みたいだしついでに教えて欲しいんだけどborder: none;だけでも四角いボタンになっちゃうんだけど
> Aquaっぽい飴みたいなボタンを維持しつつフォントを指定するにはどうすればいいかわかる？
> ググってみたけどわざわざAquaっぽいボタンを指定するっていう方法がわからなくて。

あ…間違えてレスそのまま書いちゃった。ごめん。

>>44
> Aquaっぽい飴みたいなボタンを維持しつつフォントを指定するにはどうすればいいかわかる？
> ググってみたけどわざわざAquaっぽいボタンを指定するっていう方法がわからなくて。

えっとですね、このへんからは、「Safariミステリーゾーンにようこそ」と
言うほかない謎仕様が連発します。いい機会だから、自分の知ってる範囲を
まとめておこうかな。

まずWebKitには、Aqua的なフォームパーツを表示するかどうかを制御する
独自CSSプロパティとして、-khtml-appearanceというプロパティがある。
これを-khtml-appearance: none; と指定すると、input/buttonは
ボックスモデル準拠の表示に、select+optionでも似た表示になります。
きのう書いたborder: none;は、実はこの-khtml-appearance: none; を
裏で発動させるトリガーとしての効果を持っているのだと理解してください。

で、この-khtml-appearanceを維持したままフォントファミリーを
変更できるか…なのだけど、今のところの結論を書くと：

・input type=submitで作るボタンの場合　→　基本的に無理
・buttonで作るボタンの場合　→　フォントによって異なる

ということになります。実例これ↓。メイリオだと-khtml-appearanceが
外れてるけど、Osakaだと維持できてるのがおわかりかと。なぜかは【不明】。
http://gyazo.com/88cc2e953a36f7e318f37e76c9913bd1.png

ところがここで、ブラウザの機能で全体のフォントサイズを上げてみると、
こうなる↓。メイリオでも-khtml-appearanceが再び有効になり、
しかもフォント指定も有効のまま。ちなみに、この効果をfont-sizeに
よって意図的にコントロールすることはできない。なぜかは【不明】。
http://gyazo.com/0e6714395a676ad8f3184fc9e93bfad3.png

というわけで、ボタン＋フォントの表示制御ロジックは訳がわからないので
Aquaベースの制御は考えず、>>52氏の言うとおり、Background-Imageで
誤魔化すのが吉。

遊びでいいなら、CSS3属性（ドロップシャドウ＋角丸＋グラデ塗り）を
フルに使って以下のようにすれば、ぱっと見Aquaに似た表示にすることも
できるけれど、特にグラデ塗りあたりはWebkit/Mozillaとも仕様が
どんどん変わってる状態で業務には使えない。ほぼ自己満足の世界です。

<p><button style="
font-family: 'メイリオ', Meiryo;
line-height: 1.5;
border: 1px solid #666666;
-webkit-border-radius: 15px;
-webkit-box-shadow: #555555 0 1px 2px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#FFF),
color-stop(0.20, #FFF),
color-stop(0.25, #EEE),
color-stop(0.5, #DDD),
color-stop(0.85, #FFF),
to(#FFF));
">CSS3で作ったAqua風ボタンの表示状態</button></p>

実例：http://gyazo.com/fe9ca513366f4a4345ee2021785348bb.png

ドロップダウンメニューについては以下にまとめられているので、ご参考まで。
http://particletree.com/examples/safari3/drop.html

Mac版ブラウザって、劣化レンダリングなのか……難しいな
俺のサイトもやばいことになってそうだ

どんだけアップル信者なのかとwww

>>56
> Mac版ブラウザって、劣化レンダリングなのか……難しいな
> 俺のサイトもやばいことになってそうだ

全般的に見ると、Webkitはモダンブラウザらしい安定したレンダリングで
こういうヘンな挙動はほとんどないのですけど、フォーム要素に関しては
上記の通りに怪しいところがいろいろあります。

なお、クロスブラウザでの表示崩れが気になるなら Adobe BrowserLab で
テストするのが一番簡単だと思います。IE6/7/8, Firefox(Win), Firefox(Mac),
Safariあたりのシェア上位ブラウザでの表示状態が一度にテストできます。

https://browserlab.adobe.com/
要登録・無料。Adobe ID持ってればそれでサインイン可能。

なるほど
Mac版Gecko/Webkitは、フォームに対するフォント関係CSSの挙動だけがおかしいんだな

まあクロスブラウザで考えれば、フォント変更することなんてないし別にいいか

おまいらが何を言ってるのかサッパリわからない

>>60
ググれば分かるから元気出してね！

初心者ですが、よろしくお願い致します。
テーブルの幅を指定しているんですが、指定幅を超える文字を入れると幅が広がってしまいます。
IEだと指定幅で折り返してくれるんですが、firefoxだと突き抜けてしまします。

<TABLE CELLSPACING=0 border=1 width='100'>
<TR>
<TD bgcolor=#fffffd><FONT color=#000000>１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０</FONT></TD>
</TR>
</TABLE>

初歩的なミスをしているかもしれませんが、よろしくお願い致します。

>>62
<table>タグに style="table-layout:fixed;" を加えればいい
その指定が無いと、テーブルにおける長さはブラウザの判断で決めることになってる

連続した全角数字が突き抜けるのは、Firefox特有のバグかな

>>63
ありがとうございます。
すいません追加でご質問なのですが、table-layout:fixedを指定すると、
表の幅は固定されるんですが、表示内容ははみ出してしまいます。
これはなんとかなりませんでしょうか？
ググッたら<wbr>や半角ブランクを折り返しても良いところに埋め込むって
のはあったのですが、IEのように勝手にやってはくれないのでしょうか？

ブラウザハック本書いたら結構売れそうだよね

firefoxはまだ無理らしい。
css3で出来るらしいけど。jsで同じ動きするやつもあるけど、<wbr>の方が良いと思うよ

無理と言うかバグじゃない？
OperaもSafariも全角文字は自動で折り返すし

<wbr>は独自タグだから、もし同じようなことしたいなら &shy; とかを挿入しておくれ

62です。
皆様ありがとうございました。
また、何かあったらよろしくお願い致します。

>>52
ごめん言葉足らずだった。
Aqua関係無くブラウザのデフォのボタンでフォントだけ変更したいって意味ね。
わざわざAquaなボタン作ったりしてたら林檎信者かよって感じで印象悪いじゃんw

>>54
詳し過ぎワラタw
プロの人？
ほんと勉強になるわー。
Aquaに関しては自分の希望は現実的じゃないみたいだしせっかくだからオリジナルのボタン画像を作ってみるね。
あと自分Macオンリーな環境だからhttps://browserlab.adobe.com/もすごく嬉しい。
他にもチェックできるサービスあったけど重かったり色々微妙だったからさ。

色々ありがとう。
感謝！

この前、web製作初心者スレで質問したものですが、また挫折気味なので質問させてください。。
ご返答お願いします。
外部jsで困っていることがあります。
http://www.flashwork-s.com/button/button8/index.htmlでflashボタンをお借りしているのですが、ブログにupできません。
htmlは
<script src="AC_RunActiveContent.js" type="text/javascript"></script>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab..." width="160" height="60">
<param name="movie" value="button8.swf" />
<param name="quality" value="high" />
<embed src="http://blog-imgs-42.fc2.com/r/e/i****/button8.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio..." type="application/x-shockwave-flash" width="180" height="60"></embed>
</object>
こういった感じになっております。
何が間違っていますでしょうか？
返答の方よろしくお願い致します。

swfobject.jsのが便利だと思うけど。。。まぁJSならスレチ

blogの方に行った方がいいんじゃね。
AC_RunActiveContent.js／http://blog-imgs-42.fc2.com/r/e/i****/button8.swfが無いorアクセスできないってオチだと思うけど。

dat落ち？

すいません、かなり悩んでます。
ホームページのレイアウトを進めているのですが、ついに行き詰まりました。
プリントアウトする際なんですが、ヘッダ部分の背景画像が2枚目以降もページ先頭に登場してしまいます。
回避するテクニックがあれば是非ご教授下さい。

メニューなど複数ページで同じものを使う場合，いちいちそれぞれのページのソースに書かずに済む方法はないでしょうか？
フレーム以外でお願いします。

>>75
object要素

印刷用にPDF形式のファイルを用意する

DreamweaverのCS4でテンプレート使っているんですが、
テンプレートから新規作成するとcssやimgなどのパスがすべて
絶対パスに置き換わってしまいます。

コレはどうやって相対パスで作成できるように
すればいいんでしょうか？

KompoZerってDreamweaverみたいに使える？

>>71-72
アリガトウゴザイマシタ

>74
背景を印刷しない

こんばんは、DreamweaverCS4を使っています
ＣＳＳは全く分からないのですがDreamweaverの機能を本で覚えてトライ＆エラーでサイト製作をしています
Dreamweaverの質問も可との事ですので質問させてください

あいうえお
￣￣￣￣￣￣￣￣￣￣
↑ＣＳＳのボーダーを使いテキストの下にこのように線を引いているのですが
この文字とボーダーの間隔をもっとあけたい場合はどこから設定すればいいのでしょうか？

あいうえお
──────────
イメージとしては最初のモデルからこんな感じにしたいのです

>>82
ヒント：マージン・ボーダー・パディング

テステステスト

皆様よろしくお願いします。
携帯サイトにて質問があります。疑問を解決するにはサイトを晒して
ソースを拝見して頂いたほうが良いと思いますので、恥ずかしいですが、
ttp://www.pachinko-segu.com/soten/soten-spec.html

上記サイトですが
１、最上部『パチンコ-セグ.com』のロゴ上部に空白があります。
この空白を無くしたいのですが全く理由がわかりません。

２、上部『スペック詳細』の文字〜表まで文字２段の高さの空間があります。
別ページからコピペしてページを増やしてましたが、何故かこのページのみ
空間ができて消せません。

２つの問題を解決したいので皆様、知恵を貸して下さい。
よろしくお願いします。

>>85
１はcssで
body {
padding:0;
margin:0;
}

２は
<img src="../images/page/head-logo3.gif" alt="パチンコ セグ" width="180" height="21" /></h1>
<div style="text-align:center; background-color:#000000; color:#c0c0c0;">
CR蒼天の拳</div>
<br />　←これ
<div style="text-align:left; color:#ff8800;">スペック詳細</div>
<div style="text-align:center;" align="center">

この<br />を消せばいいとおもうんだ

wbrが楽だけど文書が汚れるからjsがいい

dreamweaverCS4ってmxと8と比較してHTMLの部分で変わった部分ってありますか？
体験版いじった限りではjavascriptでDOMが強くなってることは確認できたのですが・・

>>83
調整できました
本当にありがとうございました

あります

こんにちは。
リンクさせてる画像に、カーソルを持っていくとふきだし？みたいな説明がでる方法が
<img alt="表示したい文字（ふきだし）"width="32" height="19" border="0" src="***.glf"><br>
これだとわかったのですが、どうやって埋め込んでいいかわかりません。
src="***.glfの部分に、
<TR>
<TD><a href="http://****380.html">
<IMG src="http://***.gif" onMouseOver=this.src='http://***.gif' onMouseOut=this.src='http:***.gif' width="160" height="40" border="0"></a></TD>これを埋め込めばいい、ってわけではないですよね？

>>91
ふきだしなんかでねーよｗ　それIEのバグだろ

altは画像を表示しないときの代替文章
<script>に対する<noscript>みたいなもん

jQueryとかでaltの中身を取得してふきださせてるんじゃないの？そのソースどおりなら。

titleでもいいんじゃね。てかtitleじゃね。

ん？じゃあ>>91の質問はどうでもいいので、もう一度最初から説明してもいいでしょうか？
ふきだし、かなんなのか、呼び方がわからないからそういったのですが、
例えば、ウインドウズのスタートボタンにカーソルを持っていくと、「このボタンから始めます」の用に、画像に説明を入れたいのです。
その際、<TR>
<TD><a href="http://****380.html">
<IMG src="http://***.gif" onMouseOver=this.src='http://***.gif' onMouseOut=this.src='http:***.gif' width="160" height="40" border="0"></a></TD>これにどう埋め込めばいいかわからないのです。

画像の説明入れたいなら>>93の通り、<img>タグに対して title="説明"
リンク先の説明なら<a>タグに対して

<IMG src="http://***.gif" width="160" height="40" border="0" title="ふきだし">

おお、ほんとだ
いちいち細かく考えなければよかったんですねorz
教えてくださった方本当にありがとうございました！！

>>96さん
タグも表記してくださって本当にありがとうございました＞＜。

テステス

>>86
早速のアドバイスありがとうございます。
質問１は解決しましたが、質問２は<br />を消すとの事ですが
その<br />は一段上であり、私が消したい空白は『スペック詳細』〜表の間に
発生している空間です。説明不足で申し訳ありませんでした。
>>86さん、又はどなたか教えて頂けませんか？よろしくお願いします

>>100
変な全角空白を消せば良いんじゃない？
# 以下の□は全角空白を意味する

---変更前---

<DIV style="text-align:center;" align="center">

□
□<TABLE width="240" border="1" cellspacing="1" cellpadding="1">
<TBODY><TR style="font-size:smaller;">
------

---変更後---

<DIV style="text-align:center;" align="center">
　<TABLE width="240" border="1" cellspacing="1" cellpadding="1">
<TBODY><TR style="font-size:smaller;">
------

---変更後---

<DIV style="text-align:center;" align="center">
<TABLE width="240" border="1" cellspacing="1" cellpadding="1">
<TBODY><TR style="font-size:smaller;">
------

テーブル根強いなｗ

>>101
アドバイスありがとうございます。
修正しようとしたところ、ご指摘の空白（□）はありません。
しかも101さんはソースをコピーして頂いたと思いますが、私はタグは全て小文字で
打っております。一体何が何やら頭が混乱してます。
頭を冷やして考えてみます。ありがとうございました。

>>104
二つの<tr>の前に全角スペースがある
ソースをCtrl+fで「　」を検索してみるといいよ
↓該当箇所
　<tr style="font-size:smaller;">
<td style="text-align:center; background-color:#333333; color:#c0c0c0;" width="80">大当り内訳<br />
潜伏時<br />【ﾍｿ】</td>
<td>15R確変 15％<br />14R確変 20％<br />5R確変 13％<br />突然確変 10％<br />潜伏確変 20％<br />5R通常 
22％</td>
</tr>
　<tr style="font-size:smaller;">
<td style="text-align:center; background-color:#333333; color:#c0c0c0;" width="80">大当り内訳<br />
【電ﾁｭｰ】</td>
<td>15R確変 78％<br />
15R通常 22％</td>
</tr>
</table>

>>105
ありがとうございました。全角スペースを消しましたら直りました。
本当にありがとうございました。しかし、ctrl+fの件は私にはさっぱり
使用方法がわからず…また表ですが、DWが勝手にソースをナミナミにしていくので
全く関係ないと思っていました。今回は私がスペースを入れてしまったと思いますが。

Dreamweaver CS4をつかってます
・インデントのショートカットはどこですか？
・TABボタンだと4文字ずつインデントされてしまいますが、一文字のインデントはどこで設定できますか。
よろしくおねがいします。

自己解決しました

>>108に質問です。
Dreamweaver CS4をつかってます
・インデントのショートカットはどこですか？
・TABボタンだと4文字ずつインデントされてしまいますが、一文字のインデントはどこで設定できますか。
よろしくおねがいします。

>>109
>・インデントのショートカットはどこですか？
CTRL+SHIFT+>(<)
>・TABボタンだと4文字ずつインデントされてしまいますが、一文字のインデントはどこで設定できますか。
[編集]-[環境設定] を選択。
[カテゴリ] リストから [コードフォーマット] を選択。
インデントの項目の初期値2を任意の値に変更。

環境は、Core i7 メモリ3G 32bit win7でCS4 webPremiumです。

DreamWeaver CS4で、ショートカットの動作不具合で困ってます。
一番多い症状。
ctrl+C、ctrl+Xと、shift+カーソル↓で行を選択が、
Ctrl+A、もしくは全てdeleteの動作になる。
これが3割ぐらいの確率で出ます。

全deleteはctrl+Zで元に戻るけど、さすがに怖いです。
他にもあれ？コピーできない・・・。っていうのがたまにあります。

同じ症状の方いらっしゃいませんか？
仕事に支障が出るレベルなので、何とか解決したいのですが。
よろしくお願いします。

そういうのはadobeに報告しろよ

お前の環境だけで出る事象だから、原因はお前にある

ドリと秀丸のようなテキストエディタを併用してる？
作業効率を早めるためにどういう工夫をする？
教えて。
いろいろ試したけどどれが一番早いのか分かりにくいかな。
全部ドリでCSSスタイルとCSSプロパティ項目で今はやってる。

ドリあったら秀丸いらんだろ

ドリは仰々しいのでCrescent Eveと併用してる

てか、今時、秀丸みたいなメモ帳がシェアウェアなんて時代錯誤も甚だしいな。
OpenOffice.orgを見習ってもらいたい。

秀丸エディタ ４，２００円（税込）

それでも使ってる奴がいるんだよな。
やっぱ名が知られてるからか

こんばんは。divボックスを左右隣に並べたいのですが、
並べたあとボックスの大きさを調整すると回り込みが効かなくなってしまいます
テーブルタグは使いたくないです
どうすれば左右に並べたまま各ボックスの大きさを調整できますか？

「css」
.menu {
margin:60px 40px 0;
padding:20 20px 20px;
width: 200px;
height: 300px;
list-style-type: none;
text-align: right;
background-image: url(b_14_04.png);
float: left;
}

.main {
margin:60px 40px 0;
padding:20 20px 20px;
width: 700px;
text-align:left;
float: right;
}

「body」
<div class="menu">メニュー</div>
<div class="main">本文</div>

idとclassを一つの要素に対する併用の仕方が
うまい使い方をしているサイトがあったらおしえてくで。

>>120
背景色・境界線つけるとかわかりやすくしてくれよ。
回り込みは効いてそうだけど、ウィンドウの横幅を変えると位置が変わるってこと？
よく分からないけど、divで二つをくくって横サイズ指定すればどうだろう。mixiとかニコ動のソース見たらいいかもしれない。

ttp://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html
すげえ・・

すみません、単純にメニューと本文を足した横幅がウィンドウに収まってなくて
改行されていただけでした。お騒がせして申し訳ありません
それとは別の問題が発生したので聞いていただけるとと助かります

ページの下部に挿入されるはずの無料サーバの広告がメニューと本文の間にきてしまいます
正しくないタグが含まれているからだと思うのですがそれが分かりません
おかしなタグがないか確認してほしいです

「css」
.menu {
margin:60px 40px 0;
padding:20 20px 20px;
width: 200px;
height: 300px;
background-color: red;
float: left;
}

.main {
margin:60px 40px 0;
padding:20 20px 20px;
width: 700px;
background-color: blue;
float: right;
}

「body」
<div class="menu">メニュー</div><div class="main">本文</div>

色つけたので↑をttp://hp-sozai.net/m-auto/saku00.htmlに入れて見てください

clear: both

今はテキストエディタでこつこつやっててそれほど不満はないんだけど
ドリを導入したら何か楽になることってあるのかな？
すげーむかし趣味でやってた時にゴーライブを使った事はある
リンク切れとか教えてくれるのは便利だった記憶がある
例えばグローバルメニューの一部を書き直した時に全ページに
反映させてくれたりする機能とかあるのかな？
まあマルチファイル検索・置換でもできるといえばできるんだが…

グローバルメニューはSSIやphpでインクルードじゃだめなん？

>>126
扱うページ数が多いと圧倒的に楽。
リンクの張り替えとか。
30ページを越えるとエディタでコツコツは泣きたくなる。
テンプレとファイル管理が良い。

・・・とか言いながら私も、ゴーライブから乗り換えたバカリで、機能を使い切れていなくて、質問。
ゴーライブにあったin&out機能にあたるものを使いたいんだけど、どうすればいい？
リンクチェックである程度はなんとかなるんだけど、今ひとつ不便。
inが見られないがないからリンク間違いのダブルチェックがし難い。

あと、ゴーライブにあった「参照先の変更」みたいなのは、どうするん？
出来ない筈はないと思うんだけど・・・CS４パーフェクトマスターを何度も読み進めつつ、睡魔に勝てん。

今は
変更先のファイル(hoge.html)を作成。
ドリームウェバーを閉じてファインダ上で現存する変更元のファイル名(hogehoge.html)に変更（この時元ファイルはhogehogesave0000.htmlみたいに改名）。
ドリームウェバーを立ち上げてファイル管理上でhogehoge.html>hoge.htmlに名前を変更。
（これでこのファイルを参照してるリンクは書き変わる。）
みたいな冗長な事をしてみたりしてるんだけど・・・

ドリームウェバー、cssの反映がある程度信頼性高くて(前に使ってたのはゴーライブの６で、cssがちょー酷かった。)ページ作り易いんだけど、
なんか、作りっぱなしっぽい感じが・・・

ウェーバーて社会学かよｗ

ウィーヴァーとは言わんがせめてウィーバーと書いてくれ

その間違いはよく見るからもう慣れたな

>>126にはDreamweaverの前に
KompoZer使ってみることをおすすめしておく

>>130
オススメありがとう
Mac版もあるようなんで、今の仕事が終わったら試してみまつ

ゴーライブも途中からはほとんど管理＆アップのためにしか使ってなかったんだよね
最近はほとんどリニューアルがメインなんで、基本的にはmiで間に合ってるんだけど
300ページ超のサイトだとちょっとしたタイプミスとかで大量にリンク切れのページを
複製しちゃったりするんで時々泣きそうになる
Jeditの方が検索置換は便利なんだけど、miに慣れちゃったからイマイチ普段使いできない…
でも最近正規表現という便利なものwがある事を知って古いページの無駄タグを削除するのが
メチャクチャ楽になった
人間いくつになっても学んでいかないと駄目だね（長文ｽﾏｿ）

konozamaに見えた

友人が作ったサイトが検索エンジンに引っかからないので、
私が運営しているサイトの各ページからリンクしようと思っています。
しかし、業種が全く違うので、視覚上は目だって表示させたくありません。
そこで、CSSで実際には目に見えないようにしようと思っていますが、
これって検索エンジンに対して「ウソ」をついていると判断されるのでしょうか？

つまり、検索エンジンはCSSの中身まで見ているのでしょうか？？

気になるならrobot.txtで制御すればよろし

問題ないです

>>133
3点ほど。
・Googleの中の人に改めてチェックされたならば、不正な隠しリンクであると判断される。
・実際にチェックされるに至るかどうか、またその確率などは、誰にも確かなことは言えない。
・俺ならやらない。友人のサイトが一切ヒットしないのなら、申請・登録し忘れや、何らかのぶっ飛んだ不備があるんだろう。

ググッたときに、サイトの中のいくつかのページのリンクが出るところがありますね。
たとえばGoogleをググッたら、Gmail - カレンダー - 画像 - iGoogleのリンクが出ます。
ttp://www.google.co.jp/search?hl=ja&c2coff=1&rlz=1T4GGIH_jaJP213JP214&q=google&btnG=%E6%A4%9C%E7%B4%A2&lr=&aq=f&oq=

こういうふうに表示してもらうためには、どういうふうにHTMLを書けばいいんでしょうか？

サイトリンクで検索。自分でどうこうできるものではない。

スレチじゃね。つSEO

画像の一部分にオンマウスしてロールオーバーさせる方法がわかりません。
（例えば人が２人写った写真のうち１人にオンマウスした場合に画像自体をロールオーバーさせたい）

map/area要素を応用してどうにかできないか試行錯誤しているのですが、うまくいきません。
ちょっと文字じゃ説明しずらいので画像に
ttp://up3.viploader.net/net/src/vlnet001621.gif
どなたかご教示願います

そこまでキーワードがわかってるなら検索してみよう

こういうクリティカルマップって自動生成してくれないのかな？
複雑なのはみんなどうやってるんだろ？

クリティカルマップ???

生成補助ツールあるじゃん

クリッカブル

>>144
あれ？どこだろー？
dwで見つからないからfwみてるけど
これ画像の選択範囲からクリッカブルマップ作る事出来ないのかなぁ？

>>145
ごめん　DWやFWではなくフリーソフトなどの意味で言った

ttp://www.vector.co.jp/soft/win95/net/se084175.html
ttp://www.vector.co.jp/soft/win95/net/se191731.html
ttp://www.vector.co.jp/vpack/browse/pickup/pw3/pw003346.html

俺は1つ1つ座標見て手打ちしてるので使ったことないけど、
どんなものか興味があれば

>>140
js使えば簡単にできるお。
でもマッピングがめんどくさいお。
ﾏｼﾞﾃﾞ。

photoshopならできるね

複雑な形はphotoshopじゃ無理じゃね？
円とか曲線とかさ

できるよ
日本地図のマップなんかもphotoshop使ったよ

フォトショでどうやんの？ってのはスレチか

"Photoshop" "イメージマップ"

フォトショじゃ複雑なクリッカブルマップ出来ないじゃんｗ
ImageReadyやFireworksなら出来るけどさ

{display:none;}で非表示にした部分を解除するために
{display:xxxxx !important;}を入れて上書きしたいんですが
xxxxxの部分には何て入れれば表示する指定をできますか

>>154
対象の要素は何？元々のdisplay値は要素によって違うよね

あと、セレクタの詳細度や記載順などで上書きできる可能性は十分にあるので、
!importantは必要ないかもしれない

DWCS4って、ソースが長いと途中までしか表示されないことがあるバグがあるよね

body {
position:relative;
text-align:left;
height:200px;
width:800px;
margin:0 auto;
background-image: url(http://www.);
background-position:center;
background-repeat:no-repeat;
}

上記のCSSを指定したページをIE7で表示すると、margin:0 auto;が無視されて、背景画像が少し下がった位置に配置されます。
どのように書き直せば、正しく表示されるのでしょうか？

英語圏（特にアメリカ）向けのサイトを制作しようと思うのですが
制作する時に何か注意することはありますか？
海外のサイトのソースを見ると国内のサイトとはフォントが違うと思いますが
これはどういった理由なのでしょうか。

>>157
> background-position:center;
背景画像の垂直位置の指定が無くないか？
例えば
background-position:center top;

>>159
正しく表示されました
ありがとうございます！

>>158
lang属性とか？

>>161
ありがとうございます。
lang属性というのを英語圏用のものに指定して
文章を英語にすればほかは特に注意する点はないのでしょうか？

もっとも重要なのは翻訳精度だろ常考

いや英語圏での宣伝・露出だろ

英語圏向けサイトで一次情報元が英語圏だったら笑うな

日本のサーバにおいてても
英語圏のロボットってひろってくれるの？

当然やん
日本のサイトもよく海外にサーバ置いてるで

日本の鯖において
海外にだけひっかかるようにしたい時
なんか方法ありますか？

んな区別してるロボットあるん……？

>>168
海外のgoogleで登録したら？
答えは知らないよ。

>>156
マジ？ 同じバグがかつてGoLiveにもあったぞ。まだ直ってないんか‼ 怠惰以外の何者でもないな

Google webmaster toolsだとターゲット地域選ぶ項目があるでよ。
使ってないのでどういう効果があるかは自分で調べてみて。

ごく小規模な二ヶ国語サイトやってるが、ボットは基本的に英語ページ優先で読みに来る。
フォントが違うのは2バイト文字を含まない言語圏だからだろう。
言語や文字コード宣言は正しく行うにこしたことはない。
まあ何よりも内容がちゃんとしてるかどうかだな。

暴れん坊将軍で地球滅亡クラスの隕石が江戸...orz (他40) - はてブログ
http://d.hatena.ne.jp/ha34-13/20100311/1268289314
このページを開くとFirefoxの最新版が強制終了する原因を教えて下さい

Dreamweaverでライブビューの英字の既定フォントを変更する方法はありますか?
フォント指定してない場合にデザイン画面とライブビューでのフォントが異なり少し困っています。

>>173
Cドライブ晒せよ

>>155
要素は div です。
何て書けばいいのでしょうか。

>>161
結局これだけでいいの？
誰かー。

ドリームウィーバーCS4を使いサイトを完成させたのですが
作ったサイトをブラウザの左右真ん中に表示させるにはどこの設定いじればいいんでしょか

>>176
初期値でいいならblock

>>178
もうめんどくせーから、centerで囲っとけ

>>180
すみません、centerで囲うとレイアウトがくずれてしまうので…

>>179
できました
ありがとうございました

こんにちは。
教えてください。
各ページ共通の「ヘッダー」「メニュー」「フッター」を
一括管理できるようにjsに書き出しています。

SEO的にデメリットはありませんか？

Script無しだと見られないとか、実用面でデメリットあり過ぎだろ
PHPのincludeでも使っとけ

>>183
jsはクライアントサイドスクリプト、つまり訪問者のPC上で初めて実行されるものであって、
検索エンジンはjsを読んだり解釈したりしてくれないよ
検索エンジンからはヘッダーとメニューとフッターが無いものとして扱われてるってこと
デメリットなんて言わずもがな

ul {
float:right;
}
li {
float:left;
}

のようにfloat:left;したものを右寄せにしたいんですが、
ブラウザ表示はうまく行くものの
Dreamweaverのデザインビューでは親要素が縮んで、表示が乱れてしまいます。
何かいい方法ないでしょうか…。

>>186
他にどういう指定してるかわからないんでアレだけど、
floatする要素に幅を指定しないとIE6とかでジャムるよ。

liをfloatじゃなくて、display: inline;　にしてみるとデザインビュー上もおｋ。
つか、デザインビューはバカなんで、気にしないのが一番。

＞つか、デザインビューはバカなんで、気にしないのが一番。

と、言っておきながら、どなたかDWのデザインタイムスタイルシートを
ローカルサイト全体とか、選択したファイルに一括して適用する方法知りませんか・・・

教えて。

target="blank"は間違いですか？

ずっと前から使っていて、問題なく別窓で開いていたのですが、
ふと何かで見たら、target="_blank"ばかりなのに気が付きました。

私が間違って覚えていたのでしょうか？

お察しの通り、大間違い
アンダーバー無しの属性値はウィンドウ名だ

>>190
_サンクス

iTunesStoreが文字化けするのですが、
その解消のためには、itunes.cssに
*{ font-family:' メイリオ',Meiryo !important; }
と書き込めばイイらしいのですが、
メイリオをこのためだけに入れるのはイヤなので
IPA Pゴシックにしたいのですが、どう訂正したら良いでしょうか?

IPA Pゴシックはipapg.tffというファイルです。
よろしくお願いします。

font-family IPA Pゴシック で検索

>>187
どうもです。
floatにwidthはあった方がいいと思うんですけど、
ここではulにwidth指定すると中身は左寄りだから右に隙間が
できるので難儀してます…。
inlineで行ったらいいのか、でも改行がスペースになるとかもあるしとか…。
デザインビュー無視したいけど、更新する人が別だったりすると
なかなかそうも行かなかったりしないですか？

floatを使うとき、widthは推奨ではなく必須じゃないかな
width:auto;

<table border>
<caption align="top" style="color:LightGreen;">title.</caption>

<colgroup>
<col style="BackGround:orange;">
<col style="BackGround:gold;">
<col style="BackGround:YellowGreen;">
<col style="BackGround:SkyBlue;">
</colgroup>

<tr><th>00年</th><th>01年</th><th>02年</th><th>03年</th></tr>
<tr><td>01月</td><td>01月</td><td>01月</td><td>01月</td></tr>
<tr><td>02月</td><td>02月</td><td>02月</td><td>02月</td></tr>
<tr><td>03月</td><td>03月</td><td>03月</td><td>03月</td></tr>
</table>

　環境はXPのFx3.6です。
　このtableタグからborder指定を外すと、背景色が無効に。
　IE8では指定なしでも意図通りに行きました。
　前は大丈夫だった筈ですが、いつからでしょうね。
　それとも、正しいと思い込んでいるだけで誤用だったかな。

>>195
floatの幅で仕様的「明示的に指定しておく必要がある」って言われる場合、
width:auto;もだめってことなんですよね？たぶん。
そうするとulでテキストをなりゆき幅でfloatしてメニューにするのって
そもそも間違った使い方ってことかもですね。よく教本とかに出てるけど。

%も駄目なんだよね

>>197
width:auto;
float:left(又はright);

この指定をしたボックスは shrink-to-fit width（なりゆき幅） になるという決まりがある

>>197　
人に聞く前に「float width 仕様」みたいな簡単なワードでググる癖付けた方がいいぞ

>>196
>>54-55あたりかなって思った。border=0でFXでも大丈夫なんじゃないかな？

frame="void"の状態だと無効になるっぽい
border="0"を指定すれば、同じ効果になるようなのでこれも無理
Firefox3.5では問題無いし、3.6からのバグかね？

Second Life 雑記
ttp://booooo.slmame.com/e850869.html
Firefoxの最新版でこのページを開くと強制終了するのですが、なにが原因なのか教えて下さい。

>>203
プロファイルを晒せ

>>199,200
つまりfloatの幅はwidth:auto;でいいからつければ良いと…。
基本的なことをググれもしない自分を見つめなおしたいと思います。

>>201
　え、ゼロ指定すれば良かったの？
　・・・と思ったら、ダメでした(^^;

　ま、納得行けばボーダーあっても構わないのですけどね。
　釈然としないだけだからw

はじめまして初カキコします
現在体験版のdreamweaverを使用してます
漠然とした質問ですが
ＨＰ製作はどのように始めるのが効率がいいのでしょうか？
ＣＳＳなんかも学びたいのですが手順がわかりません

Dreamweaver覚えてもHTMLとCSSを手打ちできることに越したことないから、
タグリファレンス買って、それ片手にいろんなサイトのソース見て仕組みを理解するのが手っ取り早いと思う

HTMLやCSSにDreamweaverを覚えたい！
素人の人ってみんな同じこと言うよね。
HTMLやCSSなんて中学生でも理解できるよ。
素人はまずサイトのワークフローから勉強したほうがいいよ。
そういってもそれを簡単に説明してる本なんてほとんどないけどね。

手打ちから始めるかWYSIWYGから始めるか、
どっちがいいんだろうね　未だに悩む

俺はビルダーから始めたけど、気が付いたら、
補完付きのフリーのエディタで手打ちのみになっていた

今の技術的方向性からすると、手組みで始めないと
一本立ちできる水準のコーダーになれない気がするなあ…。
数年前までだとTable→CSS移行期というのがあって

1・視覚デザインを学ぶ
2・視覚デザインをtableベースに落とし込む技法を学ぶ
3・それをCSSベースで表現する技法を学ぶ
4・1次元の情報デザインをXHTML形式で書いて
　そこに2次元の視覚デザインを施すという発想を学ぶ

という流れを段階を踏んでやってゆくことができたし、
1〜2の時期にWYSIWYGの恩恵を被ってたひとたちは
3〜4でもDWを使い続けることにも違和感がなかった。

でも今だといきなり4のレベルを実現できないとダメで、
その路線での学習にはDWのレイアウトビューや
CSSエディタはむしろ邪魔になる気がする。

サイトデザインについて質問です。
好きなサイトさんのソースを見て勉強させてもらってるんですが、
そのサイトさんではデザイン崩れを防ぐために
余白に見えない画像を配置しているようです。
元は1px四方の小さな画像で、それをデザインに合わせて拡大して配置してあります。

この手法は一般的なんででしょうか。
崩れを防ぐ方法として有用ですか？
普通にCSSでmargin、padding、width、heightを指定するより確実なんでしょうか。

>>212
スペーサーGIFとか言われてる
HTMLとして間違ってるし、ピクセル単位でしか指定出来ないし
CSSで指定した方が確実だと思う

そういうところのソースはあまり参考にしない方がいい

>>213
回答ありがとうございます。
間違ったやり方だったんですか…
わかりました。
自分のサイトではcssを使って画像は使わないでやってみます。

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

ホームページを作りたい？
まずはマーケティングから勉強しないといけないね。

マークアップです

まずは購買意欲の高い人がたくさん来るキーワードを選定することが必要だな。ホームページって、作る前段階がむちゃくちゃ重要なのに無頓着な人多いね。

すみません
>>178
をお願いできませんでしょうか・・orz

>>218
margin-left:auto;
margin-right:auto;

>>218
そもそも左右真ん中って意味が解らない。
何処に配置したいの？、って感じ。配置できる場所をいじれる場所を教えて、ってことなのかな。

みなさまのDreamweaverで良く使う機能ってなんですか？

タグの補助機能

一括痴漢

ファイルのアップロード

今までXPでDreamweaverCS3を使用していたのですが、
7にのりかえたら、tmpファイルが隠れずにざくざくあらわれてくるんですけど、
どうやったら消せますか？

どうか教えてくださいませ。

7の設定でした。ごめんなさい。

Quit

>>207
私は、フリーのHTMLエディタ(何だったか忘れた)で形を作ってから、
リファレンス本を買ってソースに突き合わせてその意味を覚えた。
次にHTMLの思想的な所に入っていって、概念的な所を勉強した。　今その段階。

たかがHTML、されどHTMLですね。
CSSやJavaScript等も併用しないと切ない画面作りしか出来ませんしね。

これはどうなってんすかね
http://do-not-bleach.jugem.jp/

>>207
まずHPの素材を作る勉強しなきゃね。
それからレイアウト。
とにかくデザインの勉強しないと何も始まらない。
そしてその次にHTMLにCSSでコーディング。
最初にCSSとかやり出すと安っぽいHPしか出来ないよ。
HPのよさはデザインでほぼ決まる。

そういう奴に限ってオナニーサイトを作るから最初はHTMLとCSSからやればいいよ

HTMLやCSSなんかいきりだって勉強するようなもの？
初心者はこれがサイト作製の全てと思ってる人もいるけどｗ
秀和の辞典と神本といわれてる虎の巻で十分
私はたった２日で覚えたけどｗ
それに本は必要なとき調べる程度だけしか見ないし
でもデザインは難しい
思ったとおりのデザインにするにはかなりやりこんでいないと出来ない

デザインが難しいって言ってる人の大半はCSS特に視覚整形モデルがわかってない気がする
いや、わかったつもりになってるが正解か

XHTML＋CSSは若干ながら手続き言語の様相を呈してきていて、
その感覚に馴染めるかどうかがスッと理解できるかどうかの分水嶺。
「文系のセンス＋理系の構成力」がある人が強い世界になった。
どっちだけでもダメ。

>>219
本当に助かりました
ありがとうございます

>>229
宣伝乙

写真撮影技術 >>>>> デザイン技術

>153
余裕でできるけど

>>238
CS4でもクリッカブルマップ作成が可能なのでしょうか？
可能でしたらやり方を教えていただけませんでしょうか

>>239
ttp://www.multi-bits.com/adobe/products/Fireworks/index.html
＞実際にコーディングする前にクライアントにデザイン見本を見せて承認を取る際、Fireworksのページ機能が役立ちます。ページ 間のリンクをホットスポットで制作しておけば、クリッカブルなまま 「HTMLと画像」またはPDFで書き出すことができます。

可能です

ﾜﾛﾀ

初級の質問で申し訳ありません。
ブログで本文の文字サイズを変えたいのですが、どこの数値をいじってもブログに反映されません。

http://d.hatena.ne.jp/themesample?hatena_simple2

このテンプレートを使っているのですが、
どうすれば本文の文字サイズと行間の広さを指定できますか？

CSS font-size

IE6でレイアウト崩壊しないコツ教えてくだせえ

>>245
dtdのアドレスを省略しない
xml宣言を省略する

>>240
あ〜すみません、「フォトショで（クリッカブルが）可能」という上からの流れで
「CS4でも〜」と書いてしまいました
正しくは「フォトショCS4でもクリッカブルマップ作成が可能なのでしょうか？」です
CSにはImageReadyが付いていたので問題なかったんですが…まさかCS4で別になってるとは
夢にも思いませんでした、まあそれほど頻繁に使うわけでは無いんですけどね

>>246
そんなことやっても崩壊するもんは崩壊しますな

IE6はネットサービスでのサポートが着々と打ち切られていってる

>>245
・標準モードで描画されるようにする
・凝らない

CX4を使用しています。
全くの素人なのですが、仕事でHPの管理を引き継ぐことになりました。
普段は本で勉強して少しずつ触ってるんですが、今回社名変更に伴い
index.htmlのヘッドロゴを変更することになりました。
画像の変更はなんとかできたのですが、これを全ページに反映させるには
どのようにすればよいのでしょうか？
引き継いでから初めての大きな変更で困っています。
素人で申し訳ありませんが、どうかよろしくお願いします。。

CX4？？

>>251
検索置換

win機でmacのieの見え方チェックが出来るソフトは何かありますか？

>>254
Mac版IEはセキュリティアップデートが終了してます

>>255
あ、そなの？
なら考えなくてもいいのかー。

CXではなくCS4でした！
すみません。

検索置換で全てのページの画像名を置き換えるということでしょうか？
その場合、画像を全部のフォルダに入れないといけませんか？

独学で勉強しているのですが、わからない記述があり次に進めません；；
ヘッター部分の左上にロゴ画像を入れるスタイルなのですが・・・・

/* ロゴ
---------------------------------------------*/
#header {
background-color: #2D78BF;
padding-top: 90px;
}
#logo {
position: absolute;
left: 10px;
top: 30px;
width: 267px;
height: 33px;
background: url(../images/logo.gif) left top no-repeat;
}
#logo img {
position: absolute;
left: -9999px;
}

それで<body>内にて

<div id="header">
<div id="logo"><img src="images/logo_mono.gif" alt="カスケーディング モーニング ニュース" width="267" height="33" /></div>

となっているのですが、最後のleft: -9999px;ていうのが何をなしているのか
わかりません。ためしに削除してみると、ロゴの背景色が白くなりました。
よろしくお願いいたします。

>>257
そんなレベルでその仕事は無理なんじゃ…
誰かに変わってもらえ。

バケツでウラン

>>258
初心者ならまずFTPで全体をDLしてローカルにバックアップしといたほうがいい。しかも二つ以上。

画像は広告会社か看板屋が作ったデータをもらってきててきと〜に編集してlogo.gifとlogo_mono.gifを上書き。余計なところはいじらない。
社名の文字列はルートフォルダの配下ごとテキスト置換でいいんじゃないかい。

ただし、当社は旧XXですとか解説で旧社名を残す部分があるかもしれんから気をつけて。
ページ数が多いなら正規表現を使える人にでも置換方法を聞いたらいいかもね。勉強すればすぐ覚えられると思うが。

>>258
何を参考にしてるか分からないけど普通はそんな書き方はしない
ロゴなら<h1>に背景画像として指定することが多い
<h1>の中はaltに相当する文章を入れて、text-indentで飛ばすといいかな

＞となっているのですが、最後のleft: -9999px;ていうのが何をなしているのか
img要素を左側に9999px移動（ページ外まで）させてるだけ。positionがどういうプロパティなのか調べると分かるはず

<h3>などの見出しをCSSで{display:table;}にして背景色や罫をつけているのですが
IE6,7では{display:table;}に対応していないため親要素の横幅一杯になってしまいます
IE6,7用にハックをかませてdisplay:inline;にすれば見た目はほぼ合わせられるのですが
当然のように前後の改行がなくなるなどレイアウトで不具合が発生してきます
これに対処する手段は何かありますでしょうか？
h3 {
display:table;
padding:5px;
margin:10px;
border:1px solid #333;
background:#ccc;
}

>>263
display:table;は普通HTMLで使うもんじゃあ無い
中にテキストとかが書けんぞ？

具体的にどうしたいわけ

>>263
display:table;は普通HTMLで使うもんじゃあ無い
中にテキストとかが書けんぞ？

具体的にどうしたいわけ

具体的には見出しの内容に応じたサイズで背景色や囲み罫を施したいのです
display:block;では横幅一杯に罫や背景色がきてしまうのを
display:table;にすることで文字の長さや大きさに合わせられるので使っています
以前どこかのサイトでこの使い方を知ったのですが…

h3 span {
padding:5px;
margin:10px;
border:1px solid #333;
background:#ccc;
}
<h3><span>test</span></h3>

企業サイトでテンプレートタグとライブラリタグを削除しないでうｐするカス会社は氏ね

そもそも企業サイトは文法滅茶苦茶だから

HP更新作業という仕事をしててもweb知識が薄いｋｓ野郎が社会に就職していて
DW設定ファイルもいじれてweb知識豊富で世界で優秀な人材の俺が無職な日本

標的企業があるなら換わってもらえ

>>261 >>262 さん
アドバイスありがとうございました。無事解決いたしました。
感謝！！

上司から、絶対できるからやれと言われて困ってます。
逆に質問しても教えてはくれません。
内容は、ホームページの壁紙の設定なのですが、例えば、横が1000ピクセルある画像を壁紙に設定します。
それを、横が800のモニターで見たら縮小して、1260のモニターで見たら拡大するようにぴったり常に合うようにしろとのことです。
画像として認識させて作ったのですが、縦リピート出来ないのと、画像の縦を長くすると、その画像の分だけスクロールが伸びるので却下されました。
もしわかる方がいらっしゃいましたら、お知恵をお借りしたいです。
よろしくお願いします。

>>273
スレチ

[JavaScript]プログラム作成します
http://pc11.2ch.net/test/read.cgi/hp/1212582365/

>>274
すみません。
誘導ありがとうございました。

>>267
おお！これならIE6,7でも問題なくイケルわけですね
もう少し早くここで質問すれば良かった…
次回からはこの形を使うようにします
ありがとうございました

>>274
誘導先違うだろ素人

>>277
宿題スレ行きで会ってるだろ

>274 のスレ、、スレタイと1が異なってﾜﾛﾀ。確かにHTMLもブラウザを制御するプログラム言語だが。

追加です
IE7で確認した所、spanがインライン要素になるためか上下のpaddingが無視されましたが
line-heightを多めに設定する事でfirefox等とほぼ同じになりました

>>279
マークアップ言語です

>>281
同じだろ。

それぞれ定義の枠組みが競り合うようなものではない

>>282
コンピュータ言語って言いたかった？

CPUのレジスタ叩くまでをどう呼んでるかにしかすぎない

腹に入ればみんな一緒？

俺の腹はゴミ箱じゃねえ！

見栄えプロ並みのホームページを作りたいのですが
買う物は、ドリームウィーバー、イラストレーター、フォトショップでいいですか？

自社の業務用通販サイトを作りたいです

いいんでない？
phpもdwで十分だと思うし。

>>288
他人事とはいえちょっと気になったんだけど
見栄えプロ並みとか
その三つに投資考えちゃうあたり
商売大丈夫なの？

>>288
どう考えても委託した方が楽だし安い

委託も考えたんですけど、自分でやったほうが
便利なんで
自社っても自営ですので金の無駄遣いもできませんしね

dwはいいとして、イラレとフォトショってまずいんですか？

サイト作成には、作成ソフトプラス、画像編集ソフトがいるという風に
紹介されていたのですが

>>288
本気でやるならadobe Creative Suite 4 を買えば？
デザイン全般とWeb制作ならCreative Suite 4 Design PremiumかCreative Suite 4　Web Premium、
単純にWeb制作ならWeb Standardでもいい気もする。
http://www.adobe.com/jp/products/creativesuite/

>>288
通販サイトは写真&セキュリティ命だろ常考
ASP使うのが上策だろ
商品写真は、一眼レフカメラ&写真の撮り方本買って猛練習てから撮れ

客「自分の都合ばかり考えて手抜きしてんじゃねーよ糞が！！」

サイトデザインするならPhotoshopは欲しいところ。Fireworksでもいいけど。
サイトにイラスト使いたければIllustratorも欲しいけど、Photoshopでも頑張れば代用できる。
コーディングとサイトの管理はDreamweaverでできるけど。フリーのソフトでも正直代用できる。

ド素人が甘い考えで登山して遭難するパターンだな

adobe Creative Suite 4買うなら、自分の用途を考えないと使わないソフトもあったりする。
まぁ単品で買うよりは断然良いけど

素人が高いツール使ったところで出来るものなんて高が知れてる
金の無駄遣いになるだろうからフリーソフト使ったほうがいいよ

>>288
素人がイラストレータなんて買っても描けるのか？ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

>>297

最初はみんな初心者でした。

Terapadを使って何か物足りないなと感じないレベルなら買うのは止めとけ
FFFTPがなんでダメなのか理由を知った上で使うか使わないか決められるレベルでないなら買うのは止めとけ

もう答えは出たようなもんだけど
一応スレチなんじゃないかと思ったわけで

Webサイト制作初心者用質問スレ part217
http://pc11.2ch.net/test/read.cgi/hp/1267851052/

イ…イラスト使いたければIllustrator…？

はい

カーペンターズにペンキ塗りをさせるようなものか

奴は永遠の初心者

イラストレーターはサイトには不要だろ
どっちかというと印刷用の原稿作るやつだろ

絶対に必要ではないかもしれないが、不要ではない。
実際にたっぷりと使ってる。

質問させていただきます。

<div style="position: relative; z-index: 50;">
　<div style="position: absolute; z-index: 60;">
　 　 あいうえお
　</div>
</div>

このxhtmlなんですが、外側のdivが内側のdivより上にかぶさってしまいます。
z-indexの値が大きい要素が上にかぶさると思うのですが、なぜでしょうか。
よろしくお願いします。

情報不足。再現しない。あとわかりやすく背景色つけるとかしてくれ。CSSも別にあるんだよな？だったら原因はpositionだと思うけど。

IEの有名なバグの話か？
どっちにしろ>>313の言う通り

スレチガイだと思いますが、
適当なスレが見つからなかったので、こちらに質問します。

会社で複数人数でサーバーに入れるようにしていますが、
情報漏えいの対策のため、サーバー上からファイルがダウンロードされたら、
わかるように設定することって可能なのでしょうか？

また、この質問に適当なスレがありましたら、教えてください。

>>313,314
すいません
詳しく書きます

<body>
<div style="position: relative; margin: 10px; margin-right: auto; padding: 4px; width: 85px; text-align: center; border: 1px solid #777777; z-index: 5;">
　<div style="margin:3px; padding:10px; width: 400px; position:absolute; top: 10px; background-color:#dedede; color:#242424; border: 1px solid #336699; text-align: left; z-index: 10;">
　 　 z-index: 10;
　</div>
　z-index: 5;
</div>

<div style="position: relative; margin: 10px; margin-right: auto; padding: 4px; width: 85px; text-align: center; border: 1px solid #777777; z-index: 5;">
　z-index: 5;<br />
　↑重なる
</div>
</body>

↓理想はこれです
ttp://www.dotup.org/uploda/www.dotup.org738801.jpg

背景色はちゃんと上になっているのですが、borderや内容が重なってしまいます。

>>315
http://pc11.2ch.net/pcqa/

>>316
z-indexの値が同じ 5 だから、後に指定されたほうが前面に来る

>>318
divは3つあって、z-indexは上から順に5と10と5です。
今回の私の質問では、10のdivと5のdivが問題です。

>>318
意味が分かりました
すみません

z-indexが順に、6・10・5なら行けるね。

>>321
どうにかして両方5のまま10の要素を上に表示する方法はないですかね・・・

>>322
うちのIE8,firefox,chromeではしたの要素は重なりすらしないんだが、それはいいのか？doctypeの宣言関係だとは思うが。

他にどれだけのソースがあるか分からないけど、最前面表示するのが少しなら別の場所に入れてみたりしてはどうだろう。
（Zindex~5の中に入れるからダメ・最前面表示用のボックスを作成）
absolute→absoluteの組み合わせでも似たようなことは出来るよ（当然挙動は違う）
やりたい事の大きさが分からないからこれで出来るかはわからん。

>>323
XHTML 1.1で試したら重なったけど

xhtml1.1とかほんと無駄なものを勉強しちゃったのか

>>322
5・10・5のままだと難しいなぁ。
3つめのdivのposition指定を解除すればいけるけど。
（つまりz-indexも無効になる）

XHTML1.1が現状HTMLの最新バージョンだからしょうが無いね

XHTMLとは何だったのか

おいやめろ






やめろ

>>323
ありがとうございます。
XHTML 1.0 Transitionalですが、正常に表示されませんか？
自分の環境では主要ブラウザでは正常な表示になるのですが。

親要素のz-indexの指定を無くしたらうまくいきました。
みなさんありがとうございました。

自民党：HTML
民主党：XHTML

何が悔しかったのか

技術ではなく政治を語るか愚か者め

CS4を使っています。
Spryデータセットを使ってRSSを表示したいのですが、
表示される日付が
2010-03-20T00:33:35+09:00
のようになります。
これを
2010/03/20
と表示したいのですが、どこで指定できるのでしょうか。
変更方法をお教えください。

そのうちHTMLやCSSなどの知識がなくてもｺｰﾃﾞｨﾝｸﾞできる日が来るだろう。
言語の開発が進んでDWの性能が上がってPsなどから一気に書き出せるようになるのではないか？
デザインさえきちんと出来れば後は一気に書き出しておわりというように。

HTMLがボックスとかインラインとかじゃなくて
ベクタでページを描画するようになればなあ

>>288
Creative Suite 4 がオススメ
バラで買うと高いからね

あと素人ならこれにプラス本代がかかるよ
だいたいプラス10万みこんどいたほうがいいかも
コレ1冊で十分なんていうまとも本なんてない世界だから

問題はadobeがHTML5に拒否反応を起こさないかどうか

HTML5はflashの代わりにはなりませんよ

HTML5対応のソフトなんてもう開発済みなんじゃないの？

IE神の御心次第です

神は死んだ！

>335
コーディングって言ってる内はまだまだ来ないね

そんなあなたにCMS

教えて欲しいのですが
"MM_swapImage"ってdreamweaverで作った時に出てくるんですか？
あんまり書籍なんかには書いてないもので…。
html,css,javascriptは一通り勉強したのですが
サイト制作するにあたってここから何を覚える必要があるのか
分からなくなりました。
当方かなり素人ですが、会社でweb制作をしないといけなくなった
もので。

MM_swapImageも分からないｋｓ野郎が会社に就職してて
「歩くDWの解説本」とまで謳われるほど世界で優秀な俺が無色な日本

たった一つのアプリケーション解説本程度の価値しかないの？

これ何が悪いの？
<form method="post"target="メモ">
<textarea cols="50"rows="10">
メモ
</textarea>
<input type="submit"value="書く">
</form>

>>348
action属性は必須です

targetにマルチバイト文字はあんまり使わないよな
actionもそうだけどtextareaにname無いとどうしようもないだろ

MM_swapImageが効くのはIEだけって印象があるが

まあ普通はCSSスプライトとかCSSロールオーバーで
やっちゃいますよね。

>>346
m9（＾Д＾）

MM_swapImage使って許されるのは小学生までだよねー（AAﾏﾝﾄﾞｸｻ

ドリはテンプレとライブラリを使わないのならaptanaで十分だと思うんだ

Aptanaのぬるぬる感は異常

KompoZerはいかが？

Safariに付いてる奴は？

まぁ実質スイートで入手する人が多数派だろう

…スイート？

エッチテーエムエル

…「…スイート？」？

スイート（笑）

頑張ったXHTMLへのご褒美（笑）

マジレスすると、アドビのスイーツだろ。

アケビはフルーツですか？

>>366
つまんねんだよ氏ね！！

このスレの微妙な伸びを見るに
お前らほんとは誰かに教えてあげたくてうずうずしてるんじゃねーのか

この寂しがりやさんめ///

dreamweaverのおすすめの入門書ってありますか？
イラレでいう、逆引き辞典のようなものではなくって井上のきあさんの出してるテクニック集的なものを探しているのですが

DW本はスーパーリファレンスだけでいいよ

>>369
DWに付属してるDVD一択

ネットいったく

同じくＨＴＭＬ・ＣＳＳに関しておすすめの解説書を教えてください
もちろん情報はネットで調べられるんで問題はないのですが
本として形あるものを持っておきたいのです　もちろん使えるもので

そんなん無いから仕様書でも印刷しとけば

>>373
4798023744←辞典系の中で最も完成度が高い良書
4797355816←不思議なくらい（他メジャー書と比して）すんなりCSSが理解できた良書

ソフトの解説書はわかるけど
HTMLとかCSSとかは結構変化が早いから
（新しいブラウザがでるたびにその対応とか）
ネットで十分というか、ネットの情報の方がいいような気がするお。

HTMLでパス認証って言うのか？かけたいんだが全くわからない・・・
色々調べてやってみたけどリンクしてくれない・・・orz
alphaEDITで作ってるんだが、誰か教えてくださいorz

できればそのままコピペすればなるような回答が欲しい！
パスがst35
認証した後に開かれるページがst35.html

お願いしますorz

質問させてください。

web制作は10年くらい前に少しかじった程度で初心者も良いとこなのですが
上司に簡単なページを1枚作るよう言われました。
で、さらっと「画像はスタイルシートで表示させて」と言われたんですが…(SEO対策？)
スタイルシートで画像表示させるってことは、一般的にどういう事でしょうか？
CSSファイルを外部として呼び出して、背景画像として指定する・・とかでしょうか？

見当違いなアホな事言ってるかと思いますが
お優しい方・・お助けください・・

>>377
>HTMLでパス認証

んなものはありません。.htpasswdでググれ。


>>378
CSSで背景画像ってことだろう。つか、その上司も解ってないと思われ。
何でも背景画像化するのが良いとは言えないよ。

>>373
w3cのDTDを読むのが一番だよ
読み方はネットで調べればわかるから一度覚えとけば将来の新技術にも対応できるよ

>>375
サンクス
参考にします

>>378
テキスト情報をCSSで隠しつつ背景画像を置く
「画像置換（IR）」という手法があるのですが、
特に理由がないなら何らかの意味を持ってる情報は
普通に画像を置いて、alt="xxx"にその情報を
書くのがよいです。見出し画像とかね。

背景画像とか区切り画像みたいに、それ自体に
情報的な意味が乏しいものはCSSで背景を敷くように
棲み分けるのがよいのでは。

その方法って印刷の為にしかつかってないな

>>381
３８０はスルーか氏ね

>>380
サンクス
shine

>>385
ＤＴＤも読めない池沼シネ

spry　メニューバーを配置したのですが、左寄りになって中央に配置できません。。

手動でCSSいじって直すんですか？よろしくお願いします

>>386
なんで感謝の気持ちを表してんのにいけぬまとかシネとか言われなきゃならないの？

>>379
>>382
非常に分かりやすく教えていただきありがとうございます。
やはりCSSで画像表示するという事は背景でという事なんですね。
そしてなんでもかんでもCSSで表示するのは良くないんですね。
勉強になりました。
ありがとうございました！

ちょっとここで質問していいものか疑問ですが
スレ違いでしたら誘導お願いします。
当方Mac使いで現在MacOSX10.6を使用しています。
パソコンはMacBookProの一台のみ持っていますて、
BootCampでWinXPでも起動できます。

GoLive CSでとあるWebサイトの管理をしています。
先日GoLiveは開発中止になったということ、
GoLiveからDreamweaverへ簡単に移行できることを知り
今はGoLiveCSは使えていますが、MacOSX10.7〜10.8と
OSがアップデートしていったときに使えなくなる恐れがあると思い
移行すべくその後継ソフトのDreamweaverCS4を購入しました。
ところが、
ttp://www.adobe.com/jp/devnet/dreamweaver/golive_migration/
GoLive Migration KitはGoLiveCS2以上からしか以降できない
ことを知りました。
実際やってみましたがGoLiveCSで作っているWebサイトは
移行できませんでした。

質問（１）　やはりCSからは移行できませんか？
質問（２）　どなたかCS2以上をお持ちの方、わたしのWebサイト（44MB）をCS2に変換してくださる神はいらっしゃいませんか？

openpneのカスタマイズでわからないので誰か教えて下さい。招待制からオープン制にした場合、ログイン窓のCSSがわからないのです。
元のCSSが#invite div.snsLogin {background:transparent url(http://sns.openpne.jp/img.php?filename=index_login) no-repeat scroll 0 0;
height:230px;margin:100px 0 0;width:200px;}
.snsLogin fieldset {margin:20px 0 0;}.snsLogin div#usernameArea span, .snsLogin div#passwordArea span {
text-indent:-99999px;}.snsLogin div#usernameArea input, .snsLogin div#passwordArea input {
left:-17px;width:180px;}
.snsLogin div {left:0;}.snsLogin div#buttonLoginArea {top:186px;}
.snsLogin div#buttonLoginArea button, .snsLogin div#buttonRegiArea button.container {
background:transparent none repeat scroll 0 0;border:medium none;left:30px;
text-indent:-99999px;width:140px;}
これで、今のが#free div.snsLogin div#loginSecurity {background:transparent url(http://sns.wejap.com/web/skin/default/img/index_login.jpg) no-repeat scroll 0 0;
height:253px;
margin:100px 0 0;
width:200px;}
.snsLogin fieldset {margin:20px 0 0;}
.snsLogin div#usernameArea span, .snsLogin div#passwordArea span {
text-indent:-99999px;}
.snsLogin div#usernameArea input, .snsLogin div#passwordArea input {
left:-17px;width:180px;}
.snsLogin div {left:0;}
.snsLogin div#buttonLoginArea {top:186px;}
.snsLogin div#buttonRegiArea { top:209px;}
.snsLogin div#buttonLoginArea button, .snsLogin div#buttonRegiArea button.container {
background:transparent none repeat scroll 0 0;
border:medium none;
left:30px;
text-indent:-99999px;
width:140px;}
これです。

>>390
業者に金払ってやってもらえよ

>>392
そんな業者があるんですね。
例えばどういう業者ですか？

マッチングサイトとかで募集すりゃ持ってる奴がやってくれるよ
ttps://hp.submit.ne.jp/

>>394
ありがとう。募集してみます。

さっそく募集してみました。
依頼がくるのが楽しみです＾＾
ttps://hp.submit.ne.jp/request/detail/17584

ほんと、394さんありがとうございました。

>>396
さっそく提案が着たみたいだな
がんばれよ

多くなってきた動画を整理しようとおもい
htmlで動画のリンクを張り、ジャンルごとにページを作ってみました
aviは普通のリンクでWMPが起動して再生できるのですがMP4は
ダウンロードになってしまいます
この場合どういったタグを使用したらいいでしょうか？
あとFLV、3GPも同じように再生させたいです

YouTube様に保管してもらえ

ブラウザの設定とか関連付けじゃないのか？
sleipnirなら拡張子で識別子して自動で再生とか決めれる拡張あるな。たぶんどのブラウザでもありそうだが。

ブラウザの設定次第
ジャンル別に別けるなら、ジャンル別のフォルダに入れとけばいいんじゃないか？

フォルダオプションの拡張子関連付けの詳細設定で変更することができました
どうやらスレ違いにもかかわらずアドバイスありがとうございます

spry　メニューバーを配置したのですが、左寄りになって中央に配置できません。。

手動でCSSいじって直すんですか？よろしくお願いします

なんで調べないの？
埋込み部分にCSS適用させろよ。

ごめん許して

絶対に許さない、絶対にだ

>>404
ツンデレ乙

絶対に許さないんだからねっ

iPhone用にサイトを最適化させたいのですが、
横幅によって2つのCSSを用意するには
どういう記述をしたらいいのでしょうか？

スレ違い。スクリプト等で

Firefoxはrgba( n, n, n, n)とか#rrggbbaaサポートしてるけど他のブラウザはどうなの

ggrksなんだからねっ

<td rowspan="2"←ここの数字を編集しないで
下にテーブルを追加したらテーブルの分だけ繋がる便利なタグはないでしょうか？

あるわけねえだろｋｓ

>>413
rowspan="0"

>>415
デタラメ書くなｋｓ
できねーつってんだろがｋｓｇ

>>416

>>417
日本語読めないの????????????????????????????？？？？？？？？？？？？？？？？？？？？？？？？？？

＞テーブルの分だけ繋がる

それ以降に追加したその部分の下に当たるセル全てをつなげちゃってもいいならrowspan="9999"とかでどうよ。初回はどうしても編集する事になるが。

そんな歪曲した解釈せんでも……

すみません...そのつど足していきますです

日本語の話？
rowspanがまともに機能しないIEのバグの話？

>>421
>>414を嫁

求めてもないものはない

まず>>413はどういう意味だ？
>>415>>419の解釈が正しいのか、>>418の解釈が正しいのか

Bug 542620 - table sometimes ignore background-color of column
>>196は上記のバグで、3.6.2から修正された模様

>>418は違うだろｗｗｗ
そして>>421は解決策を決めたというレスだろ。

>>424-426
初心者は答えなくていいよ

>>425さんは関係なかったわ、ごめんね

騒いでる人って、文章の揚げ足を取っているんじゃなくて
もしかしてrowspan="0"を知らないだけとか

IEのシェア率考えればrowspan="0"とか使えるわけないだろカス

rowspan="0"使う奴ってまだいたの

NDK

textにタグ打ちより、Dreamweaver使うとどのくらい便利ですか？
Dreamweaver体験版でないものは、無償で手に入りませんか？
変わりになる無料ソフトありませんか？

>>433
つWordPress

>>434
神様

お恵みありがとうございます。
早速、しらべてみます。

どんだけ卑屈なのかとwww

>>433
ZenCoding

ZenCodingはソフトじゃなかったなｗコーディングスタイルだ
ttp://www.youtube.com/watch?v=u2r8JfJJgy8

なにこれこわい

ジャックって人間なのか？

クロエ、俺だ！！

ボックスの中にボックスを配置するうえでこの問題に当たっているのですが解決策をご教示願います
positionはmargin:autoができなくなるので使いたくありません

ttp://up3.viploader.net/net/src/vlnet001793.gif

マージントップ55はどうよ。ソース無いから試してないけど

タグとタグにはさまれた部分を正式に何て呼ぶんでしょうか？

板ばさみ

「marginの相殺」はCSS2.1にも記述されている仕様なので，
>>443さんのやり方が順当だと思います。

http://www.w3.org/TR/2006/WD-CSS21-20061106/box.html#collapsing-margins

相殺されないpaddingをbox1に当ててコントロールしたり，
box2にborder-topを当ててコントロールしたりする方法も
ありますが，その際も，上記のmargin相殺条件について
理解しておくほうがいいと思います。

参考： ttp://www.techdego.com/2007/05/margin_collapsing_css.php

>>443>>446
なるほど！その発想はありませんでした
border-topも考え付きませんでした。
ありがとうございました、助かりました

書式はどちらで統一した方がいいですか？

width:680px;
margin:0px;
padding:10px;

width : 680px ;
margin : 0px ;
padding : 10px ;

width: 680px;
margin: 0px;
padding: 10px;

好み

読み込むたびにwidthが数px変動する親divの中に左右分割の子divがあって、
右の子divは必ずwidth:240の右寄せ、左の子divは残りwidth全部の左寄せ、
としたいのですが、何かうまいやり方はないでしょうか

>>450
何がうまくいかないのか知らんが、単位付け忘れてるから失敗するんじゃない？

>>450
div#left {
width: 100%;
float: left;
margin-right: -240px;
}
div#right {
width: 240px;
float: left;
}

<div>
<div id="left"></div>
<div id="right"></div>
</div>

positionとかでもいいけどこれが一番スマートな気がする
ちなみに固定カラムが左寄せだとネガティブマージンじゃたぶん無理
clearfix使うなり何なりしてclearしておくこと

もしかしたらIEで数pxずれるかもしれないけど、その場合は
leftかrightの子要素にmargin-right: 250px;とか指定すれば解決するはず
全部うろ覚えだし間違ってたらすまん

cl<div style=" width:0px; height:0px; clear:both; "><span style="display: none"> </span></div>

とやるとIE6だと微妙に数ピクセル下に空間ができちゃうんですが対処法はないでしょうか

>>453
clearfixで調べてみるといいよ
もしくは後続要素でclearしてやるか

おまいらってほんとバカだなｗ

今時おまいって・・

Golive7使ってサイト作る。細かいところはタグ打ち
というのは大丈夫なの？　古いソフトみたいだけど、非標準ページ生産したりしない？

ツールは手間省くための手段
ちゃんと文法とか理解できてるなら問題ないだろ

初心者なんですけど、HTML+フルCSSでサイトを作っています。
記述は全部TeraPadでやってるんですけど、DreamWeaverCS4を持ってます。一応。
個人的に、エディタでやった方が慣れてる分やりやすいのですが、DWを使う意義って
主にどんなところだと思いますか？

初心者なんですけど、HTML+フルCSSでサイトを作っています。
記述は全部DreamWeaverCS4でやってるんですけど、TeraPadを持ってます。一応。
個人的に、業界先進のWebオーサリングツールでやった方が慣れてる分やりやすいのですが、TeraPadを使う意義って
主にどんなところだと思いますか？

割れ厨死ね。買ってからそんな質問する奴いねえよ

>>458
理解出来ないから使うってことみたいだけど
Goliveなら別にゴミタグ生成する心配はないってことだよね
サンクス

>>461
割れじゃないっすよ。学割うんちゃらで安かったのでマスター買ったんです。
イラレ、フォトショ、フラッシュもろもろは使うけど、DWだけなんとなく手が出なくて。

使ってみればいいんじゃないの

DWを含めたAdobeのソフトって、パソコンのOSをクリーンインストールしてしまったらアクティベーションによってインストールできないんでしょうか?
またワンライセンスに付き、クリーンインストールを考慮して何台までインストール可能なのでしょうか?
それと、インターネットに継っていなくて認証を出来ない場合はある一定の期間を過ぎたら機能制限とかになるのでしょうか？

>>459
> 初心者なんですけど、HTML+フルCSSでサイトを作っています。
> 記述は全部TeraPadでやってるんですけど、DreamWeaverCS4を持ってます。一応。
> 個人的に、エディタでやった方が慣れてる分やりやすいのですが、DWを使う意義って
> 主にどんなところだと思いますか？

現状では，多人数でサイト制作・運用を廻してゆくコラボレーション
系機能（ファイルロック，テンプレートなど）が強みだと思われます。
あと，Fireworksとの連携なんかも，使ってる人にはいいかもですけど…。
逆に言えば，それぐらいしか優位性がなくなってきてるとも言えます。

私もMacromedia時代からDWベースでサイト作ってましたけど
4年ほど前からハンドコーディングに移行していて，CS4のDWに至っては
両手で数えるほどしか起動してません。Design Premiumについてるから
持ってはいるけど…。

Webの世界では，今後ますますhtml側ではデザインをあてやすく設計上の
見通しがよいデータストリームの持ち方が，CSS側では汎用性・可視性の高い
クラスや継承の設計が重要になってくると思うので，今後は表層の視覚表現の
裏側にあるデータ構造まで設計（design）できてはじめて「デザイナー」と
呼ぶに足るスキルになるのだと思います。

DWのようなWYSIWYGエディタをメインにしてWebを作るというのは，
今後は趣味人の暇つぶしになってゆくのではないでしょうか。
DWもそういうトレンドはわかっていて，コードビュー側の編集支援機能や
その他の付加価値を高めようとしているとは思いますが，だったら結局
Codaとかでいいじゃん，という人の方が多いんじゃないでしょうかね。

GoogleChromeで見ると
文章の頭に半角スペースが入ってしまう部分があるんですが
原因はなんなんでしょう。CSSで対応できませんか。

>>465
アドビに聞きましょう！

質問です。
Dreamweaverで、変数や定数を使うことはできるでしょうか？
イメージとしては

<IMG src="%img_path%/logo.gif">
のような感じで書き、どこかの定義一覧で

%img_path% = "/use/local/apache/htdocs/site/img"
と定義すると、その通りに置換されて出力される。といった感じです。

<base>タグじゃだめなん？

ライブラリで近いことできるんでない？

2001年2月頃に、Studio 4を29,800円くらいで購入しました。
3年前にWin 98SEのPCが壊れVistaにしたら、
こちらのバージョンはインストールできませんでした。

その後フリーソフトのAlpha Editを使っていますが、
やはりDreamweaverとFireworksの便利さには未練たらたらです。

調べたら今は13万円近くのパッケージになってしまっていて、
とても手が出せません。

もう3〜5万円程度でDとFを買える機会は、見込めないのでしょうか。

>>472
今はDWなんかよりAptanaが旬
AptanaとZen-Coding最強
http://vimeo.com/7405114

Dreamweaverて高い割にいまいちだよなあ

>>471
案の定Wikipediaの丸暗記か

単体で買うもんじゃないだろ

Dreamweaverなんておまけ、おまけ

確かにおまけだな、単体だとフリーのIDEの方が数倍使いやすいし

<div>でボックスを作り、それを中央に配置してページをつくってます。
jQueryで表示する内容を切り替えれるようにしているのですが、表示する内容によって長さが違うので
横のスクロールバーが出たり、でなかったりします。スクロールバーがでると全体が横にずれるので気になります。
スクロールバーが出ても最初の表示位置をキープしておきたいのですが、なにか方法はありますか？

body { overflow-y: scroll; }

それは独自拡張です

独自拡張だろうがなんだろうが実害無いし使っても問題ないと思うけど
それ以前にこれも併記しないと意味ないの忘れてた
*:first-child+html body { overflow: auto; }

これで全ブラウザいけるはず
html{
height:100%;
margin-bottom:1px;
}

ほげほげほげ
　　　or
ほげほげほげ
　　　or
ほげほげほげ

という表示をしようと思います。
ulとliで項目を作り、orはdivで作ったのですが、
これだとHTML Validatorでエラーが出ます。
どう作るのがいいと思いますか？

orの部分もliで囲んでstyle指定すれば？

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

<ul>
<li>ほげほげほげ<span>or</span></li>
<li>ほげほげほげ<span>or</span></li>
<li>ほげほげほげ</li>
</ul>

これでスタイルシートで成形の方が個人的には好みだな

たしかに、構造的にはその方が美しいと思います
しかしliの左borderをブリット？がわりに使っているのでorの前までborderが来てしまうのです・・
いやブリットを画像にしたらいけるか・・

>>488
そのままでもspanにネガティブマージンと背景色指定したらいけるんじゃね

・html
<a href="XXX.html" id="link"><span class="none">XXX</span></a>
・css
span {display: none;}
a#link {
background: url(img/link.gif);
display: block;
height: 100px;
width: 100px;
}
a#link:hover {background: url(img/link_ov.gif);}

上記のコードで、IE6でリンクが効きません。(カーソルを乗せてもクリックしても無反応)
IE8とfirefox3.5では思った通りに動くのですが…
<a>タグ内には文字を入れず、
javascriptを使わずにマウスオーバーで画像の切替がしたいです。
どうすれば良いでしょうか？

>>490
IETesterでそのソースそのまま試したけどちゃんと動いたぞ

＞<a>タグ内には文字を入れず、
<a>は空要素じゃないから文字か画像が必要
＞javascriptを使わずにマウスオーバーで画像の切替がしたいです。
そのソースでできるはず。CSSスプライト使えば切り替えがスムーズになる

あとdisplay: none;よりtext-indent: -9999px;の方がおすすめ。<span>はいらない

>491
ありがとうございます。
自分もIE Testerで検証しているのですが…
何でだろう…

ちなみにtext-indentマイナスもやったのですがダメでした。

書き忘れました。
<a>タグ内に文字を入れないのではなく
<a>タグ内の文字が表示されては困るという意味でした。

他の部分に問題があるんだろ

DW4使っています
複数サイト管理しているのだが
各サイトの文字コードが違うので文字化けが激しいのですが
いい回避策はありませんか？

解決しますた〜

騙り防止のために自己解決した方法を書かないと自己解決とはみなされない

490ですが解決しました。
>490のコードを記述したdivAを、divBの横に並べていたのですが
floatせずにネガティブマージンで設定していたのが原因だったみたいです。

現在
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
仕様のphpで掲示板を作っております。
その中の構造で投稿した文章に問題があれば
もう一度投稿フォームの画面が出てそこに記入した文章が書いてあるという動作を
させたいと思い投稿後の画面のvalue値にphpで投稿時の文章が
入力されるようにしたのですがまったく反映されません。
ブラウザによって表示されるされないなどあるのでしょうか？
タグに問題がないか何度も調べてはみたのですが解決しません。

すいません、javascriptが悪さしてました。
スレ汚しすいませんでした。

CSSをクライアントのキャッシュに残さない方法として、
<link href="css/index.css?20100410" rel="stylesheet" type="text/css">
などとする方法がありますが、この方法だと編集中のウィンドウ上部にリンク先専用ウィンドウが表示されなくなってしまい大変不便です。

諦めて別ウィンドウでCSSを開くしかないでしょうか？

>>501
もうちょっと何のことか説明しないと、Dreamweaver CS4の話って解んないよ・・・

デザインタイムスタイルシートで、編集中のみindex.cssを適用させれば行けるんじゃないかな。

DWとXHTML/CSSを別のスレに分けたほうが良い
全く関係ないし質問がややこしいしDW以外のエディタはどうなるんだよ、と

ずっと前は分かれてたのにいつからこうなった

>>502
考えにはありましたが、やっぱそれしかないですよね
どうもありがとうございます

>>503
確かにそうだわな。
でもCSS初心者スレは別にあるし、過疎板で何でもスレ分けても余計過疎るだけだしなぁ。
元々このスレは後発だが「優しく答えるスレ」ってことで伸びてるんだから、
このままでもいいんじゃないかと思うんだが。

優しくと言うか、混合した質問をし易いからってことじゃないかな

初心者はHTMLの問題なのかCSSの問題なのか解ってないケースもあるから
これはこれでいいんじゃないの？

Dreamweaverとごっちゃにして質問されるとわかりにくいってことかと思われ

ぶっちぇけ、ドリに限定しなくてもいいよな

Dreamweaver VS Aptana

AdobeがどうあがいてもEclipse（+Aptana）陣営には勝てないだろｗ

すいません教えてください。
現在ホームページ作成中です。(phpはつかってません)
TOPページにバナー広告を貼りつけるのはできたのですが他のページに飛ぶと消えてしまいます。
指定した全てのページに自動でTOPページと同様のバナーがつくやり方がわかる方いましたら教えてください。

>>512
自動ではつかないから全部のページにtopと同じように自分で貼り付ける

http://imepita.jp/20100413/322790

何が自動なのかわからんが、一括置換したら？

>>512 お好きなものを
Dwでテンプレート（＋ライブラリ）
SSI
CMS

dwのテンプレートのコメントって汚くない？
これってもう少しスマートにならないのかな

どなたか教えて下さい。
初心者でCS4製品版を使用しています。バグかなと思うのですが、
プロパティインスペクタの上の段で、下の部分と右部分の表示がされません。
タイトル、ターゲットの文字より右が無くなっているので、
ターゲットの変更やタイトルの入力等ができず困っています。
再インストールしてもダメでした。同じような症状で直ったという方はいませんか？

>>518
モニタが小さいか、モニタの解像度が低いんじゃないか？

>>519
レスありがとう。
モニタのサイズは23インチで、解像度は1920×1200です。

>>520
こちらでいま画面開けないんだけど、
メニューバーの右から２つ目辺りのレイアウトで、
コーダーとかデザイナーとかあるやつを幾つか切り替えて
どれかでちゃんと表示できるかやってみた？

>>521
ありがとう。全部の条件を試してみましたが、どれも同じ結果でした。

>>520追加
Dreamweaver CS4 プロパティインスペクタ でぐぐって見ることもおすすめ

>>520
ひとつでもHTMLファイル開いてやってる？
ファイル開かないと表示されないメニューがあるような気もするが。

色々と本当に有難う（涙）
htmlファイル開いてやってます。
そしてぐぐってみても同じ症状の方はいなかったので、明日にでも
サポートに電話してみます。お騒がせしましたー！

http://www.atmarkit.co.jp/fdotnet/dotnettips/150aspctusr/aspctusr.html
このフォーム認証のユーザー管理シリーズをかみ砕いて説明して貰うのは、やはり難しいでしょうか

スレチだったらすいません。

通信教育でプログラミングやらなんやらを教えている、
SITC 札幌情報技術学院
って、大丈夫な教育機関でしょうか？
ホームページ見たんだけど、受講料がいやに安いんですよね。
入会については問い合わせフォームのみで詳細の記載がないんですよね。
これはやはり怪しいってことでしょうか？

でも大丈夫なら安いし利用したい気もするんですが、
通信教育の利用経験もないし、
ＰＣの通信って実態を知らないで申し込むと、
入会金とか後に多くのお金が必要だったりだまされる印象が強くて、
怖くて入会についての質問フォームも使えない・・・orz

どなたかこの学校のことや、
プログラミング・言語・HTMLを勉強できる通信教育をご存知の方
いらっしゃいましたら教えてください。
よろしくお願いします。長文失礼しました。

>>527
通信教育？
そんなの、意志が弱すぎて自発的に勉強できない人が仕方なく利用する学習手段だろ。
良書を数冊買って読めば、十分習得できるぞ。

>>528
意図をくんでやれや

formに複数のsubmitボタンを配置したとき
Enterキーを押すと、先に記述したほうのボタンが押された動作をするのですが
これを後に記述したほうのボタンが押された動作をするようにする方法ってあるんでしょうか。
tabindexを指定してやる方法では意図した動作をしませんでした。
ブラウザはIEとFirefoxで動作すればOKです。

jsでウィンドウのロード時にfocus合わせてやればいい。この方法ならスレチ

[ボタン１] [ボタン２]
みたいな感じで並んでるのならcssのpositionとかネガティブマージンで簡単に出来ると思うけど

はじめまして
初心者の質問板から誘導されてきました
ｆｃ2ブログのページフッターの上にアドセンス起きたいのですがどこに挿入したらいいでしょうか
1ページ3つ記事があった場合3つすべての記事の直下などには作ることができたのですが
1ページ3つ記事があった場合最後の記事の下に1個のみ出したいです

Dreamweaverって、DivとCSSでレイアウトしたとき
カーソルがクリックした場所と違う位置に配置される時があるな
Div内をクリックしているのに、カーソルは外にあったりして…
これがとてもやりにくく感じる

これってある種のバグだよな？

デザインビューで、DIV内をクリックしたら、ポインタが瞬間移動するってこと？

>>533
それ、有名なDIV病だから

どんな環境でも崩れない、上中下の３つのdivで構成されたスクロールなしのデザインを作りたいと思っています
中divをheight：500pxにして上下は余白を埋める感じの・・
しかし当然ながら上・下divをheight：100％にしても縦幅200％＋500pxになってしまいます。

↓ 上div、height：100%?
目← 中div、height：500px
↑ 下div、height：100%?

なにかいい方法はありませんか？

>>536
tableの中にDIVを入れるんじゃダメなの？
これなら一発

うひゃ・・・これでも出来た（笑）

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中央レイアウト</title>
<style type="text/css">
<!--
body, html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}
#middle {
width: 900px;
height: 500px;
position:absolute;
top: 50%;
left:50%;
margin-top: -250px;
margin-left: -450px;
}

-->
</style>
</head>
<body>
<div id="middle"> ほにゃらら</div>
</body>
</html>

上と下のdivも入れてからが「できた（笑）」だろ(笑)

すいませんhtmlファイルの中にテキストエリアを作って
そこからhtmlファイルを編集するというようなことは出来ますか？

テキストエリアのあるhtmlであってもなくても構わないのですが

何言いたいか良く分からんがとりあえずJS使わないと無理
もっと分かりやすく書いた上で↓に再投稿すべし
+ JavaScript の質問用スレッド vol.77 +
http://pc11.2ch.net/test/read.cgi/hp/1268206233/

そうですか、失礼しました

日経Web版のページのように、クリック＆ドラッグでテキストを反転表示できないようにするにはどうするのでしょうか？

ttp://www.nikkei.com/

ソースを表示させると文字列を選択できるのでが、webページではマウス選択できません。

すいません、Topページじゃなくて個別の記事ページのことです。
Topページはマウス選択できます。

html,cssでやるなら上から透過gifを背景に指定した要素を重ねればいいんじゃね
ユーザを遠のけるだけだから止めといた方が無難

ありがつうさまですた。
上からgifを重ねるなんてできたのね。

<form>タグの中に、
<textarea>で規約を表示しています。submitで規約も送られてしまうのですが、送らないようにすることは出来ますか？

nameとid属性消せ

idはあってもいいんでないの？

今はあっても良いけど方針的にはnameはidに代替されていく

フォームの値送信する・しないを決めるためのname属性まで
id属性に代替することはできないし、
そういう方向性で行きましょうなんて話も出てないでしょ？
確かにHTML5ではname属性が削除されたけど、それとは全然違う。

＞HTML5ではname属性が削除されたけど
<a>要素から、が抜けてた

>543-544
ふつうに反転できるけど？

jsで右クリックは規制してるね。ｳｻﾞｽ

jsなんか切っとけよ

divとimgを縦にmargin:0で並べると火狐などでは密着して表示されますがIEでは2pxくらい空きができてしまいます
CSSハックを使わずにIEでも密着させる方法はないでしょうか

どのIEだよ

再現できるソースぐらい載せろよカス


<img>をブロック要素化すれば解決。もしくは<img>の後に改行入れればいい

>>556
> divとimgを縦にmargin:0で並べると火狐などでは密着して表示されますがIEでは2pxくらい空きができてしまいます

よくあるのはline-heightのベースライン分の隙間です。
vertical-align: bottom を指定すると変化しますか？

スレチガイかもですけど
ここの人達はプロの人が多いのかな？
会社でHP作れと言われて
HPの構成は簡単な会社案内とwebショップ・顧客管理（ID・パスワード）・ブログ（社長がやりたいらしいから）
作ったことないし、SEOとかわからんし、会社からは製作コスト・維持コストは最小限にと釘刺されたし
DM作成でフォトショとイラレ使っているからDWを使おうかと思っているんだけど
かなり途方にくれています。
同じ境遇のひといる？

何が聞きたいんだよ。愚痴ならチラシにでも書いてろ
少なくともwebショップ・顧客管理なんかを素人がやるのは無理だと思ったほうがいい
万が一を考えると委託するのが無難ってかそれ以外ありえない

DWはあくまでHTMLを効率よく書くためのものであって……
webショップに顧客管理ってのは一つのシステム。プログラム。
プログラミング言語を知らなければ手も足も出ないのは当然として、
こっちの方面の深い知識がなければサイトが止まったり壊れたり、
最悪の場合情報が盗まれたり改竄されたりする。

出来合いのものを導入するのも素人じゃ難しいし、
素直に>>561の言う通り外部の業者に丸投げするしかない。
ちなみにあんまりケチって質の悪いものを使うと痛い目に遭うかもしれない。
（例：「メッセサンオー」で検索。エロゲーの通販やってる会社だが、
セキュリティの知識が皆無の糞業者が開発したシステムを使っていたために
顧客の情報が漏れまくり叩かれまくり）

Web関係は必要な知識がかなり広いな。
ネットワーク・セキュリティ(SQLインジェクションなど)は当たり前、さらに
Webサーバー運用するにはWindows,LinuxとIIS,Apacheの知識が必要だし
サイト作るだけでもFTP,HTTP,HTML,CSS,JavaScript(&Ajax),デザイン,色彩,著作権の知識は必要。
さらに何かサービスを作ろうとしたらSQL,Perl,PHP,XML,Java,・・・きりがない

果たして>>560に上司を説得できるのか…！
頑張れとしか言えないが頑張れ

clearfixってDreamweaverで正しく表示される？

こんにちは。質問です。
会社のパンフレットをweb上でも見れるようにしたいと思っています。
ページをパラパラめくれるようなビューアーが開くタイプのものが良いのですが、
皆さんのおすすめはありますか？

出来れば無料で利用できるものが理想です。
よろしくお願いします。

img要素

>>565
clearfixに限らず、Dreamweaverは正しく表示できないことが少なくない

HTML上はどのブラウザでも問題なくても、
客がDreamweaverでちゃんと見えないと納得しないので
それだけのためにそういう対策をする

と言う話は定期的にループしている。

>>568
ねーよｗ
クライアントのブラウザが古いってのはあるけど
DW上で動作確認なんて信じられません

>>568
そうだよね。もう少し完璧にレンダリングしてくれれば良いのにね

…で、
.clearfix {
overflow: hidden;
}
を入れたら直るというので入れたら確かにDW上ではOKなんだが、
その他のブラウザで不具合でたりしないかな？

調べてみると、Clearfixも色々な書き方あるのな。
どれが良いかかなり迷うわこれ・・

>>569
そういう客に当たってないあなたは幸せ。

ワード感覚でしかDWを使わ（え）ない客もいるんだよ。
文字色がパレットからなくなっちゃったとか、
文字サイズ表示がなくなったとか、うるさいのに
でも自分で更新しちゃうんだよ。勝手にスタイルが増えるんだよ。
ほんと迷惑

>>571
客用のCSSを別ファイルにして
自分のCSSはサーバ上で書き込み禁止にすればいいんじゃ？

>>572
文字対象だけならCSSはそういう対応でしのげることもある。
>>568で書いた
客がＤＷのプレビューでちゃんと見えないと納得しない、というのとは
このスレ的には別の話なんだけど、
同じ客がもとめる困ったちゃん、ていうのでくくってしまったんだ。

失礼しました。

>>570
人様のブログだがよく参考にさせてもらっている
http://www.yomotsu.net/wp/?p=561

理屈も並べてくれているので説得力はある気がするが
俺はプロじゃないのでこれがベストかどうかはわからん

cssについてお聞きします

http:test.co.jp/t/e/s/t/test.jpg
http:test.co.jp/t/e/s/t/test2.jpg
http:test.co.jp/t/e/s/t/test.png
http:a.co.jp/i/ueo.jpg

img[src^="http:test.co.jp/t/e/s/t/"]
では
http:test.co.jp/t/e/s/t/test.jpg
http:test.co.jp/t/e/s/t/test2.jpg
http:test.co.jp/t/e/s/t/test.png
にマッチ

img[src$=".jpg"]
では
http:test.co.jp/t/e/s/t/test.jpg
http:a.co.jp/i/ueo.jpg
にマッチ

これを、http:test.co.jp/t/e/s/t/で始まり、かつ、.jpgで終わる文字列にマッチするようにするにはどうすればよいか教えてください

試してないけど、属性セレクタって複式で使えるんじゃなかったっけ。

img[src^="http:test.co.jp/t/e/s/t/"] [src$=".jpg"] {hoge}

FC2なんですけど
ブログのページ自体の大きさってどこを変えればいいでしょうか？

ウィンドウのサイズ変更？

右下をドラッグ

いやいやページ自体の大きさです
ブラウザ的な問題じゃなく

あの付け加えますとページの横幅を狭くしたいんです
どうすればいいでしょうか？

body{width:40em;margin:auto;}

◆こんな新CSSを実現せよ
スクロールバーを隠してホイールで使おう

body{scrollbar:hidden;}
body{scrollbar-x:hidden;}
body{scrollbar-y:hidden;}
body{scrollbar-width:10px;}
body{scrollbar-width-x:5px;}
body{scrollbar-width-y:5px;}

table{scrollbar-width-y:0px;}
span{scrollbar-width-y:0px;}

日本語でおｋ

電子アルバムを作っているのですが、サムネイル画像が多すぎて
CD-Rに焼いたものを参照しようとHTMLを開くとフリーズしがちになってしまいます。

これは恐らくサムネイル画像を全て読み込んだ後にHTMLを表示させている為だと思うのです。
そこを読み込みしながらHTMLを表示って出来ないんですかね？

lazyloadをつかうといいよ

WEBセーフカラーの重要性について、
今は意識する必要あるんですか？

movaの古いのがモノクロだったり8bitだったりするらしいけど、まだ生きてるのかね

今時たった256色でWEBデザインできるわけないよね

今時Shift_JISしか使えずCSSも使えずPOSTメソッドも使えずCookieも使えずhttp-equiv属性必須のDoCoMo携帯

すいません
デスクトップ上に置いたhtmlファイルから自分のpcの
windowsの時計をインターネット時刻サーバーと同期させるというようなことは可能でしょうか？

またhtmlファイルからexeファイルを実行することは可能でしょうか？

はいはい釣り釣り。無理。

初心者です。UIの色は変えられないんでしょうか？
やさしく答えてください

そのくらいヘルプ見ろよ

依頼していたホムペ製作会社が飛んで私が変わりにやって
いるのですが、わからない点があり先生達にアドバイス求めます。
ページプロパティからページ背景を変えたいのですが、
先ず�@autoはこのCSSプロパティの標準値ではありません。と表示
　　　この値を使用しますか？→はい　で続行してみると
　　�Aこの変更を行うにはイラストレータロックされているコードの
　　　変更が必要です。と表示
この場合はどうゆう意味で解決方法は無いでしょうか？
素人っぽい質問ですいません...

autoはそのCSSプロパティの標準値ではなく、その変更を行うにはイラストレータロックされているコードの変更が必要と言う事です。

＞＞596
ありがとうございます。
その場合はもともとの製作者しか変更できないとう解釈で良いので
しょうか？
何度も初歩的質問すいません。。。
イラストレータロックの変更自体が意味がわかっておりませんもので･･･

IE8にしたらロールオーバーしてくれなくなってしまいました。
DWのCS3です。
どなたかよろしくお願いいたします。

勘違いでした。ｽﾏｿ

Dw CS4です。
うちのDwがソースを勝手に整列しやがるんですが、止め方はあるんでしょうか？


<div id="hoge">
****
</div><!-- hoge end -->
↑こうしておきたいのに


<div id="hoge">
****
</div>
<!-- hoge end -->
↑勝手にこうされるのが嫌で。

あります

>>601
では是非その方法を教えてください。

勝手に改行しないよう設定してください。

ありがとう

すいません、ファビコンがうまく動作しないので教えてください

ブラウザはie8エンジンのスレイプニールです
また、ie8、ieエンジンのルナスケープ、グーグルクロームでも動作しませんでした
ファビコンを付けたいページとファビコンファイルはデスクトップ上です
ファビコンファイルはファビコン作成ソフトで作ったicoです
タグは
<html>
<head>
<html>
<link rel="shortcut icon" href="E:\Documents and Settings\dzep\デスクトップ\favicon.ico">
<head>

<title>んんｎ</title></head>

</body>
</html>

というような感じです
原因わかりますでしょうか

ファイルをHTMLと同じ場所に置いてパス削れ

ありがとうございます
パスを削って
favicon.ico
.\favicon.ico
\favicon.ico
./favicon.ico
/favicon.ico
という形にしてみましたがダメでした

・PNGか何かにファイル形式を変えてみる
・ico形式ならtype="image/vnd.microsoft.icon" を追加してみるとうまく行くかも
・他ブラウザでもチェック

こんなところだろうか

<html>と<head>が二つある上に<link>の位置がおかしい
原因がこれでないならicoファイルのフォーマットが間違ってるとかかも

アップロードしてないんじゃないの？

<html>と<head>２つあるのを修正しました
type="image/vnd.microsoft.icon"とtype="image/png"で16x16のpngを試してみましたがダメみたいです
ブラウザはグーグルクロームとie8で試してますがどれも上手くいかないです

また既存の他のサイトのファビコンも置いてみたりして駄目だったんですが
（これはグーグルクロームでは動作しましたが）

おそらくieの場合urlにアクセスするのと自機にアクセスするのではエンジンの構造が違うと考え
諦めました、失礼しました

↑
すいませんみなさんお騒がせして
スレイプニルの仕様だったみたいです
ローカルのファイルにファビコンは表示されないらしいです

こういうこともあるので他ブラウザも入れておくと良い

ttp://www.andye-shibuya.comをIEで見ると、ナビゲーションの一番右だけが
落ちますがなぜでしょうか？
よろしくお願いします。

>>614
よくわからんリンクは踏んでないが、
１）作り手が火狐で正しくつくっているがIE対応作業をしていない
２）IEのバージョン違いでの対応が甘い

とかだろう

http://www19.atpages.jp/imagelinkget/get.php?t=v&u=deliver.vector.co.jp/screenshot/057/057121_00.jpg
http://www.laxjyj.com/teliute/TeacHtm/html/lesson1/images/1jshb1.gif
http://deliver.vector.co.jp/screenshot/119/119752_02.jpg
http://www.laxjyj.com/teliute/TeacHtm/html/lesson1/images/2xg.gif
http://news.sosol.com.cn/news/html/shtml/NewsImage/20080605/20080605093641695.jpg

>>605
タイトルがエッチっぽいのが原因なんじゃないかと思うんだ

すいませんtxtかhtmlファイルの特定の文字列を別の文字列に書き換えるような
フリーソフトか良いツールあったら教えてください

Ctrl + H

すいませんそんな機能があるなん知りませんでした！
どうもありがとうございました！

Dreamweaver CS4 Mac 日本語体験版ってもうダウンロードできないの？(´・ω・｀)

>>621
どっかにそんなスレがあった。
スレ検索して見つからなかったらDAT落ち

CS5英語版公開と同時にCS4は鯖から消されたな。

すみません、preタグ内の罫線の長さについて教えてください。

＜tt＞＜pre＞
１２３４５６７８９０
──────────
＜/pre＞＜/tt＞

と UTF8 で１０桁ずつ（罫線も１０桁）書いたところ、
Firefox3.6.3だとちゃんと０のところまで罫線が行くのですが、
IE8だと６のところまでしか行きません。
SJIS だと両方共きちんと０までの長さで表示されました。
charset=utf-8 をファイルの最初に書いても直りませんでした。
UTF8のままで、よい解決方法は無いでしょうか？

すいませんひとつのリンクで２つ（複数）のページをフレームを使わずに開くようなことはできますか？

object要素

オブジェクト機能を使え！　詳しくはググレ！

どうもありがとうございました

＜font face="ＭＳ ゴシック"＞付けても変化無しでした。
ググッてもこの問題が出てこないのは、もしかしてうちの環境のせい？

そうですね

そ、そうなのか。。。（´･ω･｀）ｼｮﾎﾞｰﾝ
ttp://dl.dropbox.com/u/3256710/pre.html

fontタグとか今年になって初めて見たわｗｗ
まだ絶滅してなかったのか

>>632
俺普通に書くけど<font>。
cssとかわかんねーしwwww
クソブラウザでもちゃんと表示されるのはむしろ古い記法だと思うんだよね。

いまどきCSSが使えないのなんてドコモくらい……

CSS分からないのにWebページ作るって・・・

fontタグ程度でどうにかなる程度の内容ならWYSIWYGエディタ使えよｗ

質問です。
input type=textで横幅をsize="1"よりさらに縮めたいのですが、
widthでピクセル指定しても効果がありません。
何か良い方法がありますでしょうか？

IE6ですら効くが

効果が無いことがおかしい
書き方間違ってるんじゃね

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

携帯サイトについて質問させて下さい。
ttp://pachinko-segu.com/
上記サイトにてトップページ最上部ロゴの上にスペースがあります。
携帯ブラウザでは１文字分の高さ、IEやFireFoxでは30pxぐらいの上部空間が
発生しており、この空間を無くしたいのですが、解決できずにおります。
どなたか知恵を貸して下さい。よろしくお願いします。

>>640
　<meta name="Keywords" content="セグ,セグ判別,パチンコ">
↑ここに全角スペースがある

>>641
全角スペースを取りましたら解決しました。本当にありがとうございました。
素人ですが、PCサイトを悪戦苦闘しながら制作し、レイアウトの崩れやIE6の
対策など、なんとか自分で調べてやってきました。しかし今回は３ヶ月程解決
できずにいましたがあっさりと…
ありがとうございました。

＜a href="http://ameblo.jp/diehascast/"＞＜img src="http://sora.poche.jp/angel/v205.gif"＞
ってなんかダメなとこありますか？
書いてある通りにやったつもりなのですが
うまく表示されませんちなみに
なにがしたいかというと
http://sora.poche.jp/angel/v205.gif
の画像で
http://ameblo.jp/diehascast/にリンクが張りたいんです
バナーみたいにしたいと言えば分ってもらえるでしょうか？

＞うまく表示されません
どんな風に表示されてるのかまで書けよ


まさかだけど全角じゃないよな？

どんなふうにっていうか
そのまま文字のまま表示されます・・・

半角です。

<a href=""><img src="http://sora.poche.jp/angel/v205.gif" border="0"/></a>
できました！！
645ｻﾝ感謝ですっ

ΩΩΩ <な、なんd

Dreamweaver上でここにこのアイコンを置こうと想定した場合サイズがわからない場合があります。
このような場合Dreanweaver上でサイズを測ることはできますか？

DWをアイコンにぴったり当てて目盛りを読む

>>648
プロパティインスペクタ（だっけ）で
画像のリロードすれば
縦横サイズが表示＆タグにも記述されるだろ

すみません。
margin:0;　margin 0px;　は同じ意味合いですか？
0の場合だけ単位付けなくてもいいんでしょうか。

左様

なるほど。これでスッキリしました。ありがとさんです。

Fc2ブログについて教えてください。
カテゴリをa,b,c,d,e,fに分けるとしてa,f,eを左側に、c,d,bを右側に分けることはできますか？

カテ1　　　　　今日の記事　　　　　カテ2
a　　　　　　　　　　　　　　　　　　　　c
f　　　　　　　　　　　　　　　　　　　　d
e　　　　　　　　　　　　　　　　　　　　b

こんな感じで。

自己解決しました。

どうも、みなさん！
オイラはビルダーから入って、dreamweaverをチョイかじって、現在メモ帳でCSSを使ってサイトを作成してます。
ただ、俺の悩みだったのは、CSSをいちいち書いていくと、作成に時間が掛かりすぎる事だった。

しかし、HTMLを限りなく簡素化し、CSSをきれいに書くことが出来るようになってからは、その悩みはかなり軽減されてきた。

そこで聞きたいのだが、dreamweverを使う意味、dreamweaverでしか出来ない事とは一体何なのですか？
また、作成のプロとして、メモ帳で作成することのデメリットがあれば教えてくらさい！

webサイト作成でメシを喰っていこうと思ってる若輩者より

ありませんがしいて言えば、dreamweaverを使える事を条件にしている求人があると言うぐらいです

メモ帳よりエディタなどを使った方がミスが減る
補完機能は要らないが、タグの色が変わらないと打ち間違いが頻発する駄目な子なもので

>>657
どもです。
そうですね。求人はdreamweaver必要って書いてありますよね。
私は個人でもう一つ別のビジネスもやっていますので、
これからも他人の会社に勤めるつもりはありませんので問題ないです！

>>658
ありがとうございます。
一応、cresent eveというエディタは使っています。
もっとお薦めのものがあれば教えてください！

スレチ

Web人材の募集かけてると「手組みできます」ってアピールもよく来るよ
DWオンリーの人はCSSが全然構造化されてなかったりすることも多いんで
確かにひとつの魅力ではある

スレタイとは異なりますが、ファイルの管理についてご教示ください。
パーツをイラレで作っていますが、
�@ファイル名を日本語にしておくと書き出し時に毎回アップ用のローマ字タイトルを入力しなければならない
�Aファイル名をはじめからローマ字タイトルにすると、ファイルを探しにくい
イラレのファイル名は日本語とローマ字のどちらの方が管理しやすいですか。

dreamweaverってどこでダウンロードできるんですか？
買うって言ったら馬鹿にされたのですが・・・

>663
さ、昼休み終わったんだから遊んでないで仕事しようぜ。

今ならもう一台Dreamweaverが付いてくるよ

でもお高いんでしょう？

>>663
Adobeにメールで問い合わせれば教えてくれるよ

DWはセットで買ったおまけだと何度このスレで言われてることか・・

DWもおまけFWもおまけなのであります

P2Pで落とせや

画像の表示のことなんだけど

画像表示のことなんですけどフラッシュでたとえば
画像１、画像２、画像３と順番に表示するときに画像１の時はリンク先１、２の時は２へと飛ばすやり方はありますか？

フラッシュ？

>672
ありますよ。でも板違いです。

板？

サイト違い？

初歩的な事かもしれませんが教えて下さい。
リンクを貼った際の数字や画像の後ろに背景色が出てしまいます。
（グレーです）
この色を消す方法はありますでしょうか？

>>677
何のソフトでつくってんの？

padding0とかmargin0の位置がわかるようにするにわどうすればいいのでしょうか・・・・。
感覚でするしかないのでしょうか。

は？

borderでも入れとけば？

border入れたらずれるから普通はoutlineだろ・・

outlineいれてもなにもならないぞ

outline : 1px solid #FF0000;

すいません
以前フリーウエアの説明書がhtmlで書かれたものを見たことがあって
（今はそのファイルはないんで、どんなものだったか憶えていないんですが）
そういうものを自分も作ってみたいと思っているんですが

オフラインでhtmlを説明書として使おうとした場合
（自分が見たものは画像がネット上のものだったかもしれないんですが）
画像ファイルなどを一緒にＤＬした人のhtmlで表示させることなど可能でしょうか？

つ 相対パス

なるほどありがとうございました、盲点でした

<tbody> って現時点では使い道がなさそうなので、書かなくてもよいでしょうか？

できるだけコードを短くしたいので、省略しようか迷っております。

ダメです

おｋ

すいませんtargetの指定先なんですが〇〇orＸＸみたいなことできませんか？
〇〇がない時はＸＸになる　と言う感じのことは

html,cssじゃ無理
js使えばできる

そうですか失礼しました

cssで width: 780px;のボックスの中に
width: 550px; float: left;指定のボックスと
width: 200px; float: right;指定のボックスを入れているのですが
（すべてmargin: 0px 0px 0px 0px;）
何もいじってないときは二つともきちんと収まっているのですが
width: 550px; float: left;のボックスに padding: 15px 0px 10px 25px;を設定すると右側のボックスが表示できなくなるようで表示されません
paddingって確かボックス内と情報の距離の設定ですよね？それでボックス自体のサイズが変更されることってあるんですか？

html初心者で覚えながらfc2ブログのテンプレートを作っているんですが質問させてください

吹き出し画像にコメントリンクを表示させたいのですが重ねる事ができません
%topentry〜はFC2ブログの変数です

<div class="cm"><a href="<%topentry_link>#comment">coment<br /><span id="CMC"><%topentry_comment_num></span></div>

.cm {
margin: 0px 0px 0px 0px;
padding:80px 0px 0px 0px;
background:url(吹き出し画像url) bottom left no-repeat;
text-align:left;
font-size:12px;
}
.cm span#cmc {
font-size:30px;
color:#ff0000;
}

こんな感じにして色々試したんですが
画像と文字が上下に並んだりするだけど重なってくれません
まだhtmlやcssで何をすればどう変わるか理解してない事が多いので的外れな事してるかもしれませんが・・・
わかる方いましたら教えてください

>>694
＞それでボックス自体のサイズが変更されることってあるんですか？
yes

>>696
あるんですねー
幅を合わせたいので計算したいのですが、どう計算すればいいのでしょうか
単純にpaddingした分を足した数値でもないようなので・・・

FC2ブログで続きを読むと記事下の広告の部分のフォントの色の変更ができないのですがこれは仕様ですか？

しょうです。

仕様じゃねーよ
適当書くなカス

CSSでボックスの中にボックスを入れ子してるのですが中のボックスの大きさに応じて大枠も変動できるようにできませんか？

できます。

やり方教えていただけないでしょうか

中のボックスの大きさを取得して大枠を変動させればいいのです。

記述方式を教えていただけないですか？

htmlで文字＋リンクを何かのファイルにまとめるやり方を教えてください
たとえば

今日の運勢は
魚を食べるとよくなるよ<a href="http://002.harikonotora.net/fish/img/432-1.jpg" target="_blank">
【コチラ】</a>

この文章を何かのファイルにまとめてそのファイルを変更すると自動的に記事内容も変わる様にしたいのですが。

つ PHP, DB or 管理ソフト

jsかssiがラクなのでは。

>>706
そのhtmlを管理すれば良い

Dreamweaver　CS5(体験版)　MAC10.6.3
サイト設定が上手く出来ず、「このサーバーのサイト定義が正しくないため、動的関連ファイルは解決されませんでした。」とエラーが表示されます。


ローカルサーバー：MAMP

--サイト定義--
サイト
ローカルサイトフォルダー：/Applications/MAMP/htdocs/wordpress

サーバー(リモート・テスト)
サーバーフォルダー：/Applications/MAMP
WEB URL:http://localhost:8888/wordpress/
(詳細設定：PHP MySQL)

解決方法を知っている方はお願いします。

パスが違うんじゃね。/Applications〜で始めてどうすんだよ

>>711
返信ありがとうございます。

ローカルフォルダ・サーバーフォルダー共にフォルダー参照から設定したので間違いがないと思います。

Setting up a PHP development environment for Dreamweaver

http://www.adobe.com/devnet/dreamweaver/articles/setting_up_php_03.html

MAMP　環境設定 Apache/MySQLのポート設定を標準にしないと動作しない事を確認。(初期値では動作しない。)
(http://localhost:8888/　から　http://localhost/　になりました。)

これで大丈夫っぽいので　明日試してみます。

Dreamweaver CS4 でFlashファイルを埋め込むと
Firefoxで見てクリックした時に、Flashの外側に枠線が表示されてしまうんだけど
これ、CSSとかで枠線が表示されないように出来ないですかね？

MacはFirefoxやSafariでも枠線は表示されず
WindowsはChromeでは表示されませんでした。

>>714　ですが自己解決しました。

<object>タグに
onFocus="this.blur()"
を入れたら枠線が表示されなくなりました。

自己解決

変更箇所
サーバーフォルダー：/Applications/MAMP/htdocs/wordpress に変更
MAMP 標準ポートに変更
DreamweaverでMySQLに接続設定をしました。

設定でき、エラーも消えました。
コマンド+クリックで動的にページが変更されるようになりました。

FC2ブログのテンプレートを作ってます

CSSで画像を表示させたいのでbackground-imageを使っているのですが表示されません
bodyタグでのみ表示されるので原因がわかりません
<body>
<div class="index">
</div>
</body
仮にこう書いていたとしてbodyにCSSでbackground-imageを書くとしっかり画像が表示されます
ですがindexにbackground-imageを書くと表示されないのです、背景色で指定すると色は反映されるのですが・・・
なぜ画像だけ表示できないのでしょうか
画像URLが間違っている等はありません、FC2ブログにUPしているので

高さと幅の指定しろよ

肝心なCSSはどうなってるのかぐらい書け

Macでロシア語とかギリシア語とかを文字化けせずに表示する方法を教えてください。
Miではできませんでした。
よろしくお願いします。

sageを打つところ間違えました。
すいません。

質問の意味が分からないけどたぶんスレチ

スレチでしたか。すいません。
ほかをあたってみます。

>>719
.index {
width:サイズpx;
height:サイズpx;
background-image : url("画像URL");
background-repeat : repeat-x;
background-position : left top;
background-attachment: absolute;
}

こんな感じです
bodyの方と全く同じなんですけどbodyは表示されてindexは表示してくれません

試しに!important入れて見てくれ

少なくともbackground-attachmentにabsoluteなんて値は無いはず
他は問題無さそうだから別の部分が関係してるんじゃね

>>725
表示されました・・・原因がわかりませんが助かりました、ありがとうございます

すいません、form get　でurlをgetできないんです

<FORM action=http://nnn.nnn.nn/ target="s">
<INPUT type=text size="40"><INPUT value=G type=submit></FORM>

こんな感じです

http://nnn.nnn.nn/（例）　にテキストエリアの文字列を加えたurlを表示したいんですがうまくいきません
どこがいけないんでしょうか

上すいません、間違えました
<FORM method=get action=http://nnn.nnn.nn/ target="s">
<INPUT type=text size="40"><INPUT value=G type=submit></FORM>

こうです

name属性が無いみたいだけど

はい、nameは入れると?=〜〜というのが邪魔だと思ったんで外したんですが
必要なんでしょうか・・・

.............get methodはなんなのか

>>731
GETメソッド単体でやることじゃない
スクリプト使え

どうもありがとうございました、結構難しいものなんですね

初心者すいません。

CSSで作りたいのですが、『新規作成』→基本ページ→CSS　にすると、
デザインビューが出ません。
どうしたら確認しながらcssを打てますか？

そりゃCSSファイルだけを新規作成してるんだから、デザインビューが無くて正解。
新規作成→HTMLだ。

先輩に聞いたらそのとおりでした･･･ありがとうございます。

サイトのjavascriptをcssにより無効にすることはできないのでしょうか。
たとえばこのサイトのポップアップメニューのjavascriptを無効にするにはどのように記述すればよいのですか。
ttp://java.misty.ne.jp/popup_menu.html
script
{
display: none !important;
}
としてもメニューを非表示にすることができません。cssではjavascriptを制御することはできないのですか？

それが表示されるって事はjsが有効なんだからjsで潰せばいいじゃない
cssじゃ無理

>>739
このjavascriptのみを無効にすることはできないのでしょうか。

なぜスレチと言われているのにここで訊く

>>741
すみません、cssで無効にできないのかなと思って・・・

だから「CSSじゃ無理」と言われてるだろうがｗ
とりあえず自分で簡単なCSSとJavaScriptを書いてみて、
それぞれ何を目的としたもので何ができるのか
勉強してみたらいいんじゃないか。
1日使えばそれなりのことは分かると思う。

あほや

DOCtypeの切り替えをする方法は手打ち以外にありますか？

コピペ

htmlで出来るかどうかお尋ねしたいんですが

モニター画面ぐらいの画像にリンクがいくつかあるようなものを作りたいんですが
分割のファイルじゃなくじゃなくひとつの画像にいくつかリンクがあって
ウインドウやフレームによってそれが崩れないようなものを作りたいんですが
可能でしょうか？

かのうです

ヒント下さい

だめ

スライスするのが一般的。でなきゃpositionとか

mapだろ

font-familyでVerdanaを先頭に記述しているのですが、
Firefoxでテキストの開始位置が1px下にずれてしまいます…
Verdanaを削除、もしくは記載位置を後ろに回せば（適用されない状態にすれば）
FirefoxもIEもテキストの位置がそろうのですが、
これを回避しつつVerdanaを使用する方法はご存知ないでしょうか？

↓サンプルコード（テスト用にスタイルをインラインで書いてあります）

<html>
<head>
<title>テスト</title>
<body>

<h1 style="font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;background-color: #f00;margin:0;padding:0;width:500px;line-height:1em;vertical-align:bottom;height:35px;font-size:20px;">見出しテスト見出しテスト</h1>

</body>
</html>

コンディショナルコメントとかでIEだけline-heightを替えてみるとか

height,line-height,font-sizeをちょっとずつ変えてみればどっかで揃うんじゃね
ずれた分はマージンで調整しておけばいいし

関係ないけどブロック要素にvertical-alignって効いたっけな

1pxなんか気にすんなよ

ありがとうございます！
教えていただいた方法で試行錯誤してみますね。

vertical-alignなんですが、何故かこれを入れない場合、
IEだとテキストがブロックの天井にめり込んでしまったんです…

自分のサイトなら1pxは気にしないんですけど、
今回はデザイナーの友達に頼まれてコーディングしてるので、
可能であれば揃えたいなあと思って質問させていただきました。

親切にご回答いただきまして、ありがとうございました！

紙媒体のデザインじゃないんだから、あらゆるブラウザで1pxズレせずにしたいのは間違い

>>757
がんばって、オペラやサファリやネットフロントでもずれないように作るんだよ

IEやネットフロントやDoCoMoは鬼門

>>757
Linuxだとフォントのサイズが全く違うからpx単位で揃えてるとズレまくるからがんばってね

今時厨二病かよｗ

ヒラギノに悩まされる毎日です

すいませんhtmlファイルをブラウザからメモ帳などで開かせるようなことはできますか？

firefoxアドオンスレ行き

右クリック→ソースの表示

IE（笑）

>>766
なるほど！！あなた様は天才です！！

IE死ね

Dreamweaver CS4(win)使っています。
MySQLに接続しているのですが、日本語名のテーブル（utf-8）が
全部???になってしまい、データ表示のような操作も全部エラーになってしまいます。

> MySQL Error#: 1064
>
>You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '[???DB]' at line 1

日本語名のテーブルは使わない方がいいのでしょうか？

MySQLはたたでさえ文字化けし易いんだから、日本語テーブル名列名なんて使わん方がええ

そいやMySQLって、日本語ドメイン名で使えるのかな？　ふと思った

日本語ドメイン名ってパーセントエンコーディングと同じで、本来のアドレスは英数字でしょ

国際化ドメインのドメインはPunycodeでエンコードされるでしょ

floatの回り込み解除について質問です。

--------------------

#***{
zoom:1;
}
#***:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

--------------------

これが正しい記述という事ですが、

--------------------

#***{
overflow:hidden;
zoom:1;
}

--------------------

でも同じように表示されます。“正しい記述”としてはこっちでは駄目なんでしょうか？

overflow:hiddenは｢はみ出した部分を非表示にする｣の意味なので違うのかな・・・。

clearfixのこと言ってる？
後述の方では全部のブラウザでうまく表示されないと思うけど

>>776
そうです。

後述のものは
Firefox　1.5　2.0　3.0　3.5　3.6　3.6.3
Opera　8.0　9.0　10.00　10.53
Safari　3.1　4.0　4.0.5
Netscape　8.0　9.0.0.6
IE(スタンドアロン)　5.5　6　7　8
IE8
で確認しましたが大丈夫でした。

他に確認が必要なブラウザがあったら教えてください。

wordpressを使ってるのですが、文章を入れる際に、<h1>や<hr>が使えない場合があります。
これって、どういう仕組みでＨＴＭＬのタグが打ち消されているかわかりますか？

ＣＳＳのルールでＨＴＭＬのタグを無効化できるのでしょうか

>>777
実際試してみたら確かにその通りになった。憶測で物言ってすまんかった
記述自体におかしな所は無いから、使っても問題ないとは思うけど、
heightやmin-heightと併用できないから汎用性はないかも

>>775
たまたま同じように表示されるってだけだろ
#***:afterがなにをやってるか理解できてる？

<div id="a"><p>あ<br />あ<br />あ</p><p>あ</p></div>

<div id="b"><p>あ<br />あ<br />あ</p><p>あ</p></div>

div p {width:50px;float:left;}

#a {
width:100px;
border:1px solid #000;
overflow:hidden;
zoom:1;
}

#b{
width:100px;
border:1px solid #000;
zoom:1;
}
#b:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

#aと#bのどっちが正しく表示できてる？

ついでに言うと、「正しい」記述って訳じゃないよ。
一例ではあるけど。

>>780
775じゃないけど

どっちも同じ表示されるんだけどどのブラウザのどのバージョンで試したの？

「正しい」記述って訳じゃない　って言っても文法的に問題あるのはzoomだけだし
clearfix自体はzoom使わない方法もあるから気にするほどでもないんじゃね

>>780
両方同じ表示のようです。

#***:after擬似要素が何をやっているかは、

***の直後に"."を挿入、"."をブロック化し回り込みを解除。

つまり、#***の次のブロックにclear:both;を指定するのと同じ意味です。

"."を非表示にして終了。

height:0;がいまいち分かりません。height:0;を入れないと***のブロックが"."まで伸びてレイアウトが崩れる。

"."の代わりに""を使うとheight:0;の指定、visibility:hidden;の指定は必要ありません。

#***:after{content:"";display:block;clear:both;}でOKです。

"."を使わず""を使うのは空要素を入れたくないからじゃないかと思います。

要するに<div></div>を入れてそこにclear:both;を指定するのと同じだから。

overflow:hidden;は｢範囲外を非表示｣というのが主な意味なんですが、
各種ブラウザは非表示にするより範囲外を拡張して範囲に合わせる動きをするようです。

正しいCSSの記述方法って結局どんななんでしょうね・・・。

ご存知の人，教えて下さい

今更ながらtextareaタグのワードラップ【再挑戦】
http://blogs.wankuma.com/chuki/archive/2008/03/21/128879.aspx

この記事に書かれている解決方法（何かしらの背景色を指定する）は妥当なものなのでしょうか？
それともたまたまうまくいくっていう話なのでしょうか

何か関連するソースなどあればよろしくお願いします

>>783
ieに絞って答えるなら、
妥当かどうかは何を基準にするかによるけど文法的には問題ない
msが提示している解決方法は以下のタグを加えること
<meta http-equiv="MSThemeCompatible" Content="No">
ちなみにリンク先の解決方法は背景を指定するとボーダーの質が変化して表示領域が1px拡がることを利用してる
てか「textarea cols ie」で調べれば1ページ目にmsのページ出てくるんだからそれくらい自分で調べる癖つけた方がいいぞ

firefoxはスクロールバーの有無で変わる。ieの独自拡張だけどoverflow-y: scroll;で実質解決
他のブラウザは試してないから知らん

>>775
IE6以外はoverflow:autoで良さげだな
afterを使う方法は、ネスケ7でも不具合が出ないようにするためだったっぽいのだが、真相わかる人いるかな？

＞afterを使う方法は、ネスケ7でも不具合が出ないようにするためだったっぽいのだが、真相わかる人いるかな？
これがそもそも間違い

すいませんフレームを置いてあるhtmlファイルに文字列やタグなどを置くことはできないでしょうか？
置く方法があったら教えてください

無理

わかりました

>>785
overflow:auto;だと、

親要素にwidth、heightを指定せず、子要素にwidth、heightを指定した場合に、
Opera以外の主要ブラウザではどのバージョンでもスクロールバーが出るようです。

overflow: hidden;も非表示にしているから分からないだけで何らかのバグが出るかもしれませんね。

やはり:after擬似要素をお勧めします。

overflow: hidden;もしばらく使ってバグが出るようなら報告します。

ブログの下部に前のページと次のページへのリンクつけたいんですけど

<!-- BEGIN sequel -->
<div class="entry_navi">{prev_entry} | <a href="./">main</a> | {next_entry}</div>
<!-- END sequel -->

これを付ければいいってわけでもないんでしょうか？
ちなみにjugemで、html、cssの知識はほとんどありません

>>790
＞overflow: hidden;も非表示にしているから分からないだけで何らかのバグが出るかもしれませんね。
clearfixという手法でわざわざ:after擬似要素が使われているのはその他のプロパティに影響されないようにするため
上にも書いてあるけどoverflow: hidden; zoom: 1;ではheightと併用できないし、overflowは印刷に影響与えることもある
汎用性が高くて使い回しできるのは間違いなく:after擬似要素を使う方法だし、どうしてもって理由が無い限り:after擬似要素使っておいた方がいいんじゃないかな
予め使う所が分かってるならoverflow: hidden;でもいいんだろうけど少なくとも独自拡張のzoomはwidthに変えた方がいいよ

知ってそうだけど一応言っておくとclearfixがなぜ必要かというと浮動ボックスが通常フローから外れる事で親要素の高さが算出されなくなるから
clearプロパティを何かしらの形で指定してこれを防ぐわけだけど、overflowにもボックスに高さを算出させる効果があるから使われることがある
http://www.w3.org/TR/CSS21/visudet.html#normal-block
本来の用途とは違うわけだし、思いもしなかった所で他にも問題が出てくるかもね

>>792
それを加えた結果はどうなったわけ？うまくいかなかったのならどう表示されたのかも

>>792
何も表示されませんでした

<!-- BEGIN sequel --><!-- END sequel -->で囲まれた部分は個別記事でのみ表示される

らしいからマニュアル見て使えそうなの探せば？

winのCS4で、CTRL+Eにショートカットを割り振れないのですが、使えないショートカットキーなんでしょうか?

>>792

overflowを使った場合、バグではないのですが、Firefox 2.0　以下では、
ページ内をダブルクリックするとoverflowを使った要素内の画像が全て選択された状態になります。
いちいち選択されるのでページを見ていてうざいので、やはり:afterを使った方がよさそうです。

Firefox 2.0のサポートがまだ続いてると思ってんの

そろそろしつこいな 十分afterって結論出てるだろ

>>797
１％強はいるみたいですよ。

http://www.vish-creative.jp/webcreative/438

>>798
十分じゃないです。不具合、バグの確認までしないと。
レスを見てoverflow:hidden;が使えると思った人に申し訳ないでしょ。

結局>>792で終わりだろうに

>>786
overflowだとネスケ7で不具合があるから、afterの方法を使ってたと思ったけど間違ってた？

ネスケ7を使ってるやつがいるのか疑問なんだが・・IE5.5より稀少だと思うぞ

いないだろ

>>795 もよろしくお願いします

すいませんコメントのタグなんですが
無効にしたいタグがある場合の正しい使い方はどれでしょうか？

<!--a href="http://" target="s"--><!--ぬ--><!--/a-->

<!--<a href="http://" target="s">--><!--ぬ--><!--</a>-->

<!--<a href="http://" target="s">ぬ</a>-->

自分は今まで一番上のやり方だったんですが
一番下のやり方でも出来るようなので疑問に思いました

>>805
ポピュラーなのは一番下だけど、(面倒くさくなかったら)どれでもいいんじゃないかな
一番上は斜め上いってるなーと思いましたが。

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

>>805
1、2メンドクセー

おれは
<!--a href="http://" target="s">ぬ</a-->
でやっちゃうな
面倒なんで

dwcs4はCTRL+EにショートカットつけられないでFA?

ドリなら選択してコメントの適用

途中にコメントがあるときはめんどくさい

DW CS5いきなりアップデートかよw
俺らはバグ取り人柱か？

ほんとですか？実はDWのCS5で昔のを開こうとすると強制終了・・・
仕方ないから昔の使おうかと思ってところです。

友人が小説書くって事でサイト作ってあげてて
TOPページの更新情報の部分を本人が簡単に更新できるようしてあげたいんですが
なんかいいスクリプトや方法ありませんか？

友達のHTMLに関する知識はほぼ０です・・・

よろしくお願いします！

今時その程度の編集小学生でもできるぞ。メモ帳開いて日本語書き換えるだけだろ

>>815
書き変えだけじゃなく追加していく感じにしたいらしいんですよね
なにかいい方法に心当たりあればお願いします

Ctrl+C
Ctrl+V

楽天ブログでも紹介してやれｗｗ

テンプレート機能で更新情報部分以外をロックすれば良いんじゃね？

みなさんレスありがとうございます
サイトの形式がブログではないので・・・

>>817
FTPでサーバーへアップロードすら理解出来ないと思うんです

>>818
サイトももう完成してしまってるので
出来ればいまの状態で更新情報だけってのを・・・・

注文多くてすいません

楽天blogに投稿する
rssを更新情報に表示する

完璧じゃねｗｗｗｗｗ

実際>>821はいいとこついてると思う。
別に全部同じところに置く必要はないわけで。

>>820
それを最初に書けよ
てかhtmlもcssも無理ならスレチだろ

html勉強すりゃーすむ話なのにね

>814
更新情報部分だけインラインフレームにするのは？
インラインの部分のファイルは極力シンプルなソースにして。
友人にはメモ帳で更新してもらう。

>814
あ、ごめんFTPも使えないのか。

ttp://www.s-ht.com/~jackal/cgi-bin/sample/mkh/sample.html
じゃ、こういうのは？
埋め込み式の一言メッセージみたいなやつ。

節子、それHTMLやない。Perlや

質問です。IEの有名なバグで、横幅指定ブロック要素＋margin-left:auto＋margin-right:autoが
中央寄せされないっていうものがありますよね？
これはHTMLが互換モードの時にだけおこるものであって、根本的に解決したい場合は、
HTMLを初めっから標準モードにしておけば解決ということでしょうか？

>>828
互換モードで作る意味がわからないけど
その場合はbodyにtext-align:center;して、コンテンツ部分にtext-align-left;すればいいんじゃなかったっけ。

>>795もお願いします。

バグじゃないよ

>>829
それは知っています。そういう細かい調整ではなくて、根本的に、最初っから標準モードにしておけば
OKなのかどうかという質問です。

>>830
バグかIE6の仕様かの質問ではなくて、標準モードにしておけば問題が起こらないかどうかの質問です。

>>831
あんたのいう問題っちゅーのも仕様の話じゃんなにいってるの?

>>826
ありがとうございます
そういうのを探してました！！

本当に助かりましたありがとうございます

>>832
仕様でもバグでもどうでもいいです。質問の本質からズレてますし、議論する気もありません。
改めて整理しますが、
「IE6で横幅指定ブロック要素＋margin-left:auto＋margin-right:autoが中央寄せされない」
という問題に対する解決方法として、
>829の様な「bodyにtext-align:center;して、コンテンツ部分にtext-align-leftにすればいい」
という方法が出回っていますが、
もう一つの解決方法として、「doctype宣言をstrictにすればいい（標準モード）」
という回答でもOKかどうかという質問です。

>>834
文法的に問題ないとかブラウザのレンダリングが意図した通りになるとか本来の用途に沿ってるとか
お前の言ってるOKの定義が分からない以上、人によるとしか答えられない

一般的には互換・標準のためにdoctypeを指定するんじゃなくてdoctypeの都合で互換標準が定まってくることの方が多いんじゃね
これも突き詰めれば人によるわけだけど、そもそもお前の質問自体がずれてると思った方がいいよ

>>835
人によるってのが意味が分かりませんね。個人的な解釈はどうでもいいです。
「IE6で標準モードにした場合にどう表示されるか」の話です。
議論する気はないので、知識がある方にYesかNoかで答えていただければ結構なんですが。

>>836
はいはいyesyesかえれ

>>837
もしかしたら>837さんは知らないのかもしれませんが、
「横幅指定ブロック要素＋margin-left:auto＋margin-right:autoは、中央寄せになる」ってのが本来の形です。
ただIE6はバグがあって中央寄せにならずに左に寄ってしまいます。有名なバグなので検索すればたくさん
ヒットしますけど。もしかしたら知らないで議論をふっかけてるのかもしれないと思い、確認のために書いておきます。
これは自分の個人的なOK定義ではなく、正しいCSS解釈の基本の話です。

>>838
はいはいyesyes帰れ

>>ID:oWz06sVY
自分でやってみてそうなるんだろ?
ならそれでいいじゃん
なんでいろいろ言ってくれてる奴につっかかってんの?

>>840
「いろいろ言ってくれてる奴」じゃなくて無駄な議論をふっかけてくる奴にしか見えませんけど。
質問に対してYesかNoかで答えてくれればいいのに、全然違う答えが来られても意味が無いというか。
例えば、
http://www.dspt.net/stylesheet_css/001/ie_error2.html
↑のページにも「対処方法」として長々と書いてありますが、違う答えとして
「初めっから互換モードじゃなくて準拠モードで書け」という対処方法がなぜ書かれないのだろうか
という疑問です。

訂正。準拠モードじゃなくて標準モード。

質問の不備を指摘されてることに対して答えは無いのかな^^^^^^^

>>843
特に不備があるようには思えませんが。不備と解釈する人もいるんでしょうが、前にも書いたように
そういう人と無駄な議論をするつもりはありません。知識のある方が簡潔な答えをしてもらえれば
それで話は終わりです。

例えばの話で、テンプレ化するとして、
Q、IE6で左右のmarginをautoにしても中央寄せされません！どうしたらいいですか？
A、互換モードだからそうなる。初めっから標準モードにしろ。
という書き方で何か問題ありますか？こういう書き方が出回らないのは、標準モードでも
問題が発生するからでしょうか？

問題があります。その質問に対してその答えは不適切ですし、
あなたは標準モード互換モードの違いやどういった理由で指定されるべきなのかを理解できていません。
ちなみに言うとこれまでのレスでも同様の答えは出ているのできちんと読む癖を付けましょうね。

この流れが何かに似てると思ったらこれだ
Is this a pen?
No, it is an apple.
Why?

>>845
モードの違いや、どういった理由で指定されるべきなのかも知っています。
まだ揚げ足とり的などうでもいい議論にもちこもうとしてるようなので、整理します。
「IE6で標準モードの時、左右のmarginがautoで、きちんと中央寄せで表示されるか」が質問です。
知識のある方がYesかNoで答えていただければそれで結構です。無駄な議論は時間の無駄です。

問題があるって書かれてるのは気付いてないの？それともあえてスルーしてるの？

>>848
どうでもいい解釈議論や変な議論屋さんはスルーしています。
>864じゃないですが、Is this 〜？という質問に対して、Yes,it isかNo it is'ntで答えるだけで終わる話です。
どうでもいい長文や無関係な議論は答えではありません。

片側固定のリキッドレイアウトについて質問です。
ネガティブマージンの性質を利用することで右側が固定、左側が可変のレイアウトは簡単に組むことができますが、
左側が固定、右側を可変にしたレイアウトを以下のソースのCSSのみを編集することで実現することは可能でしょうか。
ご存知の方がおられましたらぜひご教授下さい。
なお、以下のソースは右固定、左可変のものですが、IE用のハックなど細かい部分は省いてあります。
div#left {
width: 100%;
float: left;
margin-right: -200px;
}
div#right {
width: 200px;
float: left;
}
<div>
<div id="left"><p>可変カラム</p></div>
<div id="right"><p>固定カラム</p></div>
</div>

>>850
div#left {
width: 200px;
float: left;
}
div#right {
width: 100%;
margin-left: -200px;
float: right;
}


>>ID:oWz06sVY
仮にも人にモノを聞く態度であるか、自問してみることをお勧めするよ

>>851
お返事ありがとうございます。
しかし、提示していただいたソースではdiv#right自身がmargin-left: -200px;によって
左側に移動してしまうため二つのボックスが重なってしまいます。
margin-leftとmargin-rightのネガティブ指定では挙動がそれぞれ違うため、
>>850と同様の方法では左側を固定、右側を可変にすることはできないようです。

>>852
float: right;
にしてるか?

全部逆にすれば入れ替わる

>>853
そのままコピペ、その状態からdiv#leftのfloatプロパティの値をrightに変える、両方試してみましたが希望通りにはなりませんでした。

>>854
>>852でも申し上げましたようにmargin-leftとmargin-rightのネガティブ指定では挙動がそれぞれ違うため、
入れ替えただけではうまくいかないようです。

私が何かしらの思い違いをしていることも考えられますので、宜しければ正しい動作を確認できたソース、ブラウザなどを教えていただけないでしょうか。

width: 100%; と　width: auto;　の違いは何ですか？

どういった時にどういった使い分けをすればいいのでしょうか？

autoはwidthプロパティの「初期値」。ブロック要素においては100%と実質的に違いは無いけど、
imgなら画像を実寸表示、inputなんかの場合はUAが決めたサイズになる。初期値だからほぼ使わない
100%はそのままの意味。包含要素の横幅いっぱいに広がる。tableとかインラインブロック要素を広げたりすることがあるかな

autoはクロスブラウザに対応するために指定することが稀にあるくらいで、気にする必要も使い分ける必要も特に無い

ためになるなぁ

>>855
<div id="left"><p>固定カラム</p></div>

<div id="right"><p>可変カラム</p></div>
↓
<div id="right"><p>可変カラム</p></div>
<div id="left"><p>固定カラム</p></div>

それか固定カラムの方にz-index使ったら

すいません
form method="get"でhtmlを得るやり方が分かりません

http://aaa/（ここにtextareaの文字列が入る)/bbb

というのをやりたいんですが組み方が全くわかりません
どなたかよろしくお願いします

>>860
スレチ。html,cssは静的

>>859
お返事ありがとうございます。
前者の方法では右側にできる固定カラム分のスペースの扱いに困ってしまいます。何か良い改善策は無いでしょうか。

後者の方法については、positionを使っていくつか試したのですが近しい表現はできても、
包含要素からはみ出てしまったり、必要以上に縦のスペースが生まれてしまいます。
詳細をご教授いただければ幸いです。

>>862
固定カラム分のスペース?
どのブラウザでも?なんだろう。

現状テストしているソースを1行目から</body>まで晒せますか?

>>863
標準モードでレンダリングに関わるようなその他の記述は一切ありませんので環境に関わらず再現できると思います。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<style type="text/css">
div#left {
width: 100%;
float: left;
margin-right: -200px;
}
div#right {
width: 200px;
float: left;
}
</style>
</head>
<body>
<div>
<div id="right"><p>固定カラム</p></div>
<div id="left"><p>可変カラム</p></div>
</div>
</body>
</html>

２カラムレイアウトでメインコンテンツが可変、サイドメニューが300pxで固定、
フッターがページの下にぴったりくっついたページを作っているのですが、
ブラウザを極端に小さくするとメインコンテンツ部分の文章が、
フッターのブロックボックスを突き抜けてしまいます。
文章に合わせてフッターが下に移動するようにしたいのですがどうしたらいいでしょうか？

>>857
shrink-to-fit width で使うんじゃない

ソースです

html, body { height: 100%; }

body { margin: 0; position: relative; }

#container { min-height: 100%; width: 100%; }

#mainContents { margin-left: -300px; width: 100%; float: right; }

#mainContents_inner { padding-left: 300px; }

#sidemenu { width: 300px; float: left; }

#footer { width: 100%; position: absolute; bottom: 0; left: 0; }

>>864
あれ、rightが固定カラムだっけ?

自己解決しました。

html, body { height: 100%; }

body { margin: 0; position: relative; }

#container { min-height: 100%; width: 100%; }

#content {zoom: 1;}
#content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#mainContents { margin-left: -300px; width: 100%; float: right; }

#mainContents_inner { padding-left: 300px; }

#sidemenu { width: 300px; float: left; }

#footer { width: 100%; position: absolute; bottom: 0; left: 0; }

長文を固定化したフレームに入れたいんだがどうにもブラウザごとにフレームの大きさがかわっちまう
何かいい方法ないかな

float:leftとdisplay:inline;の違いを教えて下さい！
<ul>等の<li>のリンクにdisplay:block;を指定して<li>全体をリンクにした場合、
<li>にdisplay:inline;を指定できず横並びにはできないので、float:left;を使い横並びにするのは分かります。

そういった特別な事情がない状況でfloat:left;とdisplay:inline;どちらを使うのが正しいのでしょうか？

>>871
好きなほうを使えばいい。
●inlineはホワイトスペースの分の隙間ができる（html側で詰めてしまえるなら隙間はできない）
●inlineは右寄せしても順番が逆にならない（float:leftだと右寄せが難しい場合がある。float:rightだと右から並んでしまう。）
●inline-boxを使う場合、Firefox2以下にはない（-moz-inlne-boxが代わりに使えるが、全く同じではない。）

>>868
お返事ありがとうございます。
固定化したいのは左のカラムです。>>850のhtml部分のleftとrightを入れ替えた次第です。分かりづらい書き方をしてしまい申し訳ありません。
>>850,>>864の状態でfloat,marginプロパティを書き換えて可能な組み合わせは全て試したはずなのですが、一向に希望通りの表示にはなりません。
大変恐縮ですが、必要なソースを提示していただければ幸いです。

<div style="float:left;width:200px;position:relative;">

</div>
<div style="float:right;width:100%;margin:0 0 0 -200px;"><div style="margin:0 0 0 200px;">

</div></div>

で逝けるな
divがひとつふえちまうが

>>872
Firefox2はもうサポートされてないよ

>>874
お返事ありがとうございます。
大変申し訳ありませんが>>850のCSSのみを編集して実現する方法を探しています。
どなたもご存知でない、もしくはそういった方法は無いようでしたら流していただければと思います。

>>876
んじゃ
#left {position:absolute:left:0;top:0;}
#right {margin:0 0 0 200px;}
だね

>>877
お返事ありがとうございます。
>>862に書きましたようにposition: absolute;ではdiv#leftの縦幅に応じて包含要素を拡げることができません。
もしこの問題を解決する方法があるようでしたらぜひともご教授いただけますようお願い致します。

すいません
自分の手持ちのieエンジンのブラウザとFirefox3.06、crome5.0375
での表示するfontsizeの大きさが違うんですが
なにか解決する方法はないでしょうか

htmlで指定したサイズです
自分はCSSいじった事ないんですが
CSSで解決出来るでしょうか

>>879
Firefox3.6のことかね
CSSだと、IEはx-smallとかのサイズが一回り大きくなるバグがあったりするけど

ソースは？

はい、普通に
<font size="1">　というものです

それとFirefoxのバージョンは
3.0.16です
上のは見間違えました

テキストエディタのCrescent Eveについて教えてください。
各ページの共通部分の修正の際、
開いている全てのページを一気に置換する方法は無いのですが？

よろしくお願いします。

>>881
Firefox3.0はもうサポートされてないよ

ulの幅を100%に指定してセンター寄せするにはどうすればいいですか？

ul {
width: 100%;
margin: 0 auto;
}

これではセンター寄せにならないようです。
具体的な数字を指定するとセンター寄せになります。

ul {
width: 900px;
margin: 0 auto;
}

そりゃあ100%ならセンター寄せしても意味無いわな

すいません。自己解決しました。

ul {
width: 100%;
margin: 0 auto;
text-align: center;
}

li {
display: inline;
}

さっきのはliにfloat:leftを指定していました。

cssの前に日本語を勉強して来て下さいね

Mac Dreamweaver CS4を使い始めたのですがShift + Iがペーストになってしまって困ります
何か解決方法があれば教えてもらえると嬉しいです

>>888
ggrksの意味が分からぬ者にAdobe様のソフトを使う権利などないのだよ！！！

http://help.adobe.com/ja_JP/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7763a.html

>>889
ありがとうございます。
ショートカットは一応一通り確認してみました。ペーストはなぜかショートカットが設定できないので
そこら辺が怪しいかなとも思っています。
OSは10.6でOS側のショートカットなんかも疑ってみたんですが、そういったショートカットは見当たらず、
また他のソフトでは起きないので、Dreamweaver特有の現象っぽいです

同じ環境の他の方でも同じ現象があるのかだけでも分かればありがたいのです

すみません、上のは>>888です

スペースは忍者ツールさんのを
サイト自体はこちらのテンレートを使わせてもらっているんですが
（ttp://www.opendesigns.org/design/hover-mania/）

広告のリンクの部分がおかしくなります
というのもCSSが効いてしまってるみたいです
広告の部分だけ普通の状態にしたいのですがどうすればいいでしょうか？
よろしくお願いします

広告以外の部分にクラス指定

すいません
<body>でリンクの色を指定した場合に<font color>で色をかえることができないんですが
リンクの色をかえることはできないのでしょうか

css使えよ

2chはタグが使えないけど<body>のように表示はできますよね？
どうやったらこんなことができるんだろう

ソース見てみりゃ分かる。
単純に「<」を「<」とかに変換してるだけ

&lt;か

意味がわからない
わかるように、もうちょっと勉強してから来て欲しい

ヘルプ読めよかすやろう

このキムチやろう

>>893
クラス指定で広告を除外するようがんばってますが
広告の表示が少し変わるだけでできません。。

できませんでわかるわけないだろこのサワークリームやろう

クラス指定がいまいちわからん；；
どのIDを指定すればいいかまったくわからない

DOCHI

このやろう

このキムチ野郎！！

プロの方はコーディングという作業をするそうですがそれはDWでやることと何が違うのですか？
DWが使えるからという理由で会社の商用ページ（零細企業です）を任されることになったのですが
何か注意した方がいい点などありますでしょうか。
画像などは素人なのでトホホですが。。。sRGBで統一すればいいのかなってそれはすれ違いですね

>>908
DWでちゃんと表示されていても
見るブラウザによってはガタガタってことがある
画像はよっぽど繊細なサイトでもなきゃ
どうせ見る側の表示がバラバラなんで、
ほどほどの環境で制作してるならそれで十分

background-imageの後ろにわざわざbackground-colorをつけるのは何故ですか？

background:url(../images/base_bg01.gif) repeat-x left top #fff;

>>909
ありがとうございます。
IE、firefox、safari、で確認を取ってみようと思います


>>910
画像を表示できない、または表示しないように設定してある環境の場合に表示する色を
指定する必要性があるからです

>>910
background:#fff url(../images/base_bg01.gif) repeat-x left top;
じゃない？#fffは省略して問題ないよ(省略した場合透明になる)

何が違うの？

<br />ってなぜ/がついてるのですか？

>>914
XMLのルールで閉じタグが不要なタグは/をつける必要がある

JavaScriptが無効なブラウザで余計な表示をしないために
挿入する部分にブラウザに表示されないタグを配置し、Ajaxで書き換えるという処理をしたいのですが、

・HTMLの文法に違反せず、また文法上の制約が少ないもの
・古いブラウザで読み込んでも中身を含め一切内容が表示されないもの
・jQueryのセレクタで容易に取り出せるもの

今のところinputタグのtype="hidden"を使おうかなと考えているのですが、
他に上記の条件に当てはまる便利なタグはないでしょうか？

>>915
ありがとうございました。
携帯の場合XMLに対応してないので問題なさそうですね

>>916
div

以前どこかのサイトのソースをみたらドクタイプ宣言が<!DOCTYPE html>と略されてたんですが
<!DOCTYPE xhtml>と書いても認識されるんでしょうか？

ドクの機嫌しだい

>920
なるほど。thxです。

>>917
？

>>919
<!DOCTYPE html>はHTML5の仕様だと思う。<!DOCTYPE xhtml>というのは無い
どちらにしろHTML4/XHTMLならそれにあったDOCTYPEを書くべき

>>923
なるほど。わかりました。
今まで通りちゃんと記載してれば問題はないわけですね。

>>918
divだと古いブラウザで中身が表示されてしまうのではないでしょうか？

divだろうがspanだろうがCSSで隠せば何の問題もないじゃん

JavaScriptで要素作れば良いだけじゃん
jQueryなら
var example = document.createElement("div");
example.setAttribute("id" , "hage");
$("body").append(example);
で挿入して
$("#hage").text("はげ");
のようにアクセス

>>926
CSSを解釈しないテキストブラウザも対象にしているのでそういうわけにはいかないのです

>>927
HTML側で挿入する位置を決めたいのです

じゃあ空のspanどっかに書いておけば？
そんなに悩む問題なのかこれ。

検索フォームの画像を変更しているのですが、
クリック（ボタンを押してる状態）の時に画像を変更するのは
どうするのですか？
お願いします。

>>929
挿入するファイル名もHTML側で指定したいのですが、
spanやdivだとHTMLの文法に違反しないでその指定に使えそうな属性が見当たらず、
中身に書いてしまうと古いブラウザで表示されてしまうので悩んでいるというか
input以外にいいのがないか聞いてみたかったのです。

SSI使え

コメント使えよ

初心者なもんでhtmlの知識なんて余り持ち合わせてないんだけど質問させてほしい
firefoxでnowrapタグがスタイルで適用されないんだ、ＩＥだと問題ない

<html><head>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=EUC_JP"/>
<meta content="MSHTML 8.00.6001.18876" name="GENERATOR">
<style type="text/css">td{font-size:18px;white-space:nowrap}</style></style></head>

nowrap自体は使えるんだろうから恐らくこちらの命令文が間違ってると思うんだがどうだろう？
因みに命令文は殆どコピペだから意味自体は判ってない
やりたい事は「テーブル中で勝手に改行しないように」

＞</style></style>

テーブルってcssでのコントロールが難しかった気がする。
ブラウザ間の差もひどいしな
line-heightを１とかでできないっけ。

これとは関係ないけど、LightBox自作しててハマったのはtableの中にimgをmax-width:90%指定
横幅が画面より大きいやつを開くとmax指定があるのにIEだけ右側が隠れるというバグ。

>>934
>firefoxでnowrap
http://questionbox.jp.msn.com/qa2511683.html

>>935
それはただのコピペミスだ、すまない

>>936
どうも結局スタイルじゃなくて毎回指定してやらないとだめみたいだなあ、めんどくせえ
ｔｈｘ

>>931
ほぼ>>927の方法で挿入位置は直前とか直後の要素にid指定で調整

テーブル内部に文字を羅列してそれが幾つにも連なってる場合、
見る側としては可能な限りテーブルの大きさを維持して見栄えを崩さない方向の方がいいのかな？
それとも余り気にしないものかな？

判りやすく言うと、リンク集をコメントつきでテーブルで収める感じ

そんなの見る側は誰も気にしねえよ

>>932
クライアントサイドで完結させたいので、SSIは使えません。
というかそれを採用するくらいならここで聞かずに最初からPHPでやります。

>>933
それも考えたのですが、jqueryでうまく取り出せないんです。

>>938
位置もそうなんですが、HTMLの文法に違反せずに任意の文字列を古いブラウザに表示されない形で収めたいのです

＞位置もそうなんですが、HTMLの文法に違反せずに任意の文字列を古いブラウザに表示されない形で収めたいのです
html側にはid加えるだけだから何の問題も無い。やり方自体はスレチな


わざとなら別にいいけどそうでないなら人に物聞く態度をもうちょっと考えた方がいいと思うよ。どことなく刺々しい

>>940
そういうもんか、なら適当でいいか
ｔｈｘ

>>942
「JavaScriptで手を加える前」のHTMLに古いブラウザで表示されない形で任意の文字列を収めたいのです、
あとでJavascriptでその文字列を読み取ってその内容に応じて処理をしたいので
Javascriptを使って結果的にそうするという手法は意味がないのです。

>>944
コメント使って中に検索用の文字列を入れておいた上でjqueryで検索⇒コメントごと全部置換してみるのは？
<!--********（←検索用文字列）
任意の文字列-->

>>944
<script type="text/javascript">
var xx = "ここに埋め込む";
</script>

scriptが実行できない携帯のようなブラウザはあっても
scriptを解釈できずにそのまま表示するブラウザは実質存在しない

ドコモは？

>>947
i-mode（笑）なブラウザでもscript要素は無視されるだけ
昔はやったscriptにコメント入れる方法はNN2以前とかの時代のブラウザ用

中身が表示されてしまうのはstyle要素だったか

>>945
それが一番無難そうですね、がんばってみます。

>>946
言われてみれば確かにそうなんですけど、さすがにちょっと長いですね、すみません。

ちょっと長い？

一番簡単で単純な方法だろ…話にならん奴だわ

そんなことで怒んなよｗｗ

>>927
$('body').append('<div id="hage"></div>');
じゃだめなの？

その古いブラウザってのが何か言えよ

1998年頃の携帯のブラウザ名なんて覚えてるやついるのか

ドコモだとstyle要素にa要素以外のセレクタを書くと、機能しなくなって中身が見える

まあドコモだし

携帯業界の人はそんな糞仕様と戦ってるのか……