類似質問大いに結構。分からない人は何回聞いても結構
(X)HTML / CSS / Dreamweaver の事なら何でもOK
ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ
回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人は このスレを見るな！！
質問側も節度あるレスで！
質問前にスレ内を検索しましょう
■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう
■前スレ
(X)HTML/CSS/Dreamweaverの質問に優しく答えるｽﾚ12
http://toro.2ch.net/test/read.cgi/hp/1322589250/
ググったけど難しくてよく分からないので丁寧にお願いします！
部分的にCSSを変えるにはどうしたらいいの？
iFrameは使用してOK？
そのページにだけPHP入れるとか？
最新の記事が一番上に表示できるようにしたい
スレチだったらすまん
divやidでそこだけ別に名前つけて指定しなおすのがいいんじゃない？
onclick="window.open('abc.html', '_blank', 'width=600,height=300')"と記述してポップアップウィンドウを表示させたとします。
こちらのポップアップウィンドウをonclick="window.print();"として印刷したいのですがグーグルクロームの場合、別のウィンドウに印刷設定ウィンドウが開いて、「印刷するページが閉じられたため印刷できません」と表示され、印刷できません。
何か解決策はありますでしょうか。もしくは何か代替案があれば教えていただければ嬉しいです。
よろしくお願いします。
a要素でリンク張れ
9です。
imgタグに<a href="#" onclick="window.open('abc.html', 'width=600,height=300');">
<img src="image/abc.jpg" /></a>
とaタグをつけてみたのですがこちらで開いたポップアップウィンドウでも
上記同様にグーグルクロームでは印刷できないみたいです・・・。
グーグルクロームってポップアップウィンドウのコンテンツを印刷できないのでしょうか・・。
よく考えたらスレチですね。
しかしどうしたものか・・。
<a href="abc.html" target="_blank">
<img src="image/abc.jpg" alt="" /></a>
どこかのブログサービス利用してiFrameかリンクすれば良いんじゃないの
http://dl.dropbox.com/u/8986926/test.html
line-height: 50px; ってなにか意味あるの？
垂直状態での中央配置。
IE9ではiframe内に表示されずに全体に表示されるらしいんだ
ieの仕様？
<base target="iframe">
</head>
<body>
<a href="a.htm">a</a>
<a href="b.htm">b</a>
<a href="c.htm">c</a>
<iframe src="a.htm" name="iframe">
</body>
みたいな感じで
aやbやcを押した時iframe内にそれぞれのhtmを表示するようにしてる
他のブラウザだと普通にtarget指定効いててiframe内に表示されるんだけど
IE9だとiframeに対するtargetが_blankか_topかの状態になるみたいで
iframe内に表示されずに全体にhtmが表示されるらしいんだ
iframeへのtargetが効かないのはIEの仕様？って聞きたかったんだが
IE9見れる環境じゃないんでいまいち状況つかめないんだすまん
ttp://news.mynavi.jp/news/2012/02/08/046/
その場合記事はブログの方で書かないといけないんだよね？
そこで質問なのですが、何かしらの手段を用いて指定の解像度未満のPCからのアクセスに注意を促す表示をしたいのですが何かいい方法はないでしょうか。
例
1280px未満のPCからは
→「本サイトのサービスを快適に使用するために1280x720以上の解像度を持ったPCでの閲覧を推奨致します。」
1280px以上のPCからは
→特に表示無し
上記のような表示にすることは可能でしょうか。よろしくお願いします。
無理。あらかじめその分を表示するか勝手に縮小してみてもらえ
JavaScriptを使えばできる。
<head>タグ内に以下のようなコードを書いとけばいいんじゃないかな
<script>
window.onload = function() {
var a = innerWidth;
if (a < 1280) {
alert("本サイトのサービスを快適に使用するために1280x720以上の解像度を持ったPCでの閲覧を推奨致します。");
}
}
</script>
<noframes>フレーム対応のブラウザで閲覧してください</noframes>と変わらない
上記のように縦横ともサイズを指定してiframeを設置していて、
スマートフォンから見た場合のみ、以下の画像のようにスクロールができずに全て見えた状態になります。
他所様のサイトを見るとスマートフォンで見た場合のみフレームのスクロールが無効になっている様ですがどうしたらいいんですかね。
http://www.dotup.org/uploda/www.dotup.org2643088.png
確かにページに入ってきた瞬間にポップアップで注意文が表示されたら嫌ですね。
今日1024以下のディスプレイで見てる人はよほど古いPCかネットブックしか無さそうなのでその層のユーザーはページ内に注意を促す文章だけ載せて切り捨てます。
メインターゲットのユーザー層では1280以上のディスプレイかスマートフォンで見ているので問題無さそうです。
<p class="fontred font18px">あ</p>←こんな感じです
<p><span class="fontred"><span class="font18px">あ</span></span></p>
こうもできますが記述が多くなるのでこれはできるだけ避けたいです
とりあえず何か作成していきわからないことがあれば調べるとこの手順の繰り返しなのでしょうか？
本のように次のステップへ順番にやっていかないようなので覚えるのに時間もかかるし全体的に学べなような気がします。
皆さんはどうやって独学で学んできたのでしょうか？
head内実はごちゃごちゃしてて
<head>
<meta *>
<link rel="*" >
<base target="iframe">
</head>
を
<head>
<base target="iframe">
<meta *>
<link rel="*" >
</head>
にしたら大丈夫になったっぽい
対応してくれた人ありがとう
スペース区切りで2つ以上設定出来るけど、fontredやfont18pxみたいなクラス名は駄目
どうもありがとうございます
＞サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。
＞red や blue などの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。
ついでに教えて欲しいんですけどタグインデックスに上記のありましたがどういう風なクラス名にすればいいんですかね
ブラウザ幅を縮小したり、ツールで倍率上げる人もいるのに・・・
>>36 英語や数学より簡単
100時間も勉強したらコーダーになれる
>>39 初心者の内は自分が分かり易い名前にしとけば良い。
CSSの仕組みを覚えたら、次に大手サイトを覗いてみ
http://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A2%E3%83%88%E3%83%AA%E3%82%BA%E3%83%A0_%E3%83%95%E3%82%A1%E3%82%A4%E3%83%8A%E3%83%AB%E3%83%95%E3%82%A1%E3%83%B3%E3%82%BF%E3%82%B8%E3%83%BC
のような表はテーブルタグの応用で作成するのでしょうか？
一応基本形テーブルは組んだのですが、
ここから仕切り線を消して、左列の色付け、文字右側のスペース調整
が上手くいきません
アドバイスを頂ければ幸いです。
ライブプレビューいちいちおすの？
そのくらいなんでちゃんとやれないんだ？
やりたいこと
①globalnaviを右に寄せにしたい
http://up.pangya.tv/src/www_pangya_tv16001.jpg
②スクロールのボックスとその下の赤いボックスとの間にスペースを空けたい
http://up.pangya.tv/src/www_pangya_tv16002.jpg
③http://up.pangya.tv/src/www_pangya_tv16003.jpg
firefoxでやったらこのようにしっかり配置できてるのですが
このサイトで貼り付けたらぐちゃぐちゃになる理由はなぜでしょうか？
http://dabblet.com/gist/1844261
margin-top
ブラウザによって解釈が違ったり寛容だったりする
1 ulにfloat:right
2 ボックスにmargin-bottom
3 スタイルシートが読み込めてない
親「そのくらいなんでちゃんとやれないんだ？ 」
>>46
読み込めてないということはこのブラウザ用のベンダープレフィックスは無いので
そのままでいいんですよね
ご親切にありがとうございました。
http://news.mynavi.jp/column/ide/124/index.html
<li><a class="001" href="" ><image src="images/01.jpg" width="220" height="70"></a></li>
◆CSS
.001 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
このようにマウスオーバー時に画像を薄くするようにclassで指定したんですけど指定されないのですが
どこが間違っているのでしょうか？
おしえてください
ドリームウィーバーな訳だけどリアルでもウェーバーっていってんの？ｗｗｗ恥ずかしくない？
.001 の子孫に a はあるか？
ブラインドダウンを設定したんですが、
最初の表示を閉じた状態にしたいんですが、
どうすればいいですか？
このページでは、ボタンを押すとページ全体が薄暗くなり
ウインドウの中心に任意のノード(#modalbox)を表示しています。
ウインドウサイズをいじくっても#modalboxが常に中央にあるのは良いのですが
#modalboxの幅と高さが固定になっています。
#modalboxの大きさを、常にウインドウ全体マイナスNpxのサイズにするにはどうしたらよいでしょうか。
margin 又はpaddingを指定してwidthとheightを100％にすればいいのかなと思いましたが、思った通りになりませんでした。
恥ずかしいのはおまえだ
何も知らないんだな
#modalboxのこれだね
margin : -55px 0 0 -120px;
position : absolute;
top : 50%;
left : 45%;
WEBサイトを作りたいのですが、何から学べば良いのでしょうか。(おすすめの本、サイトなど)
大体どれくらいの期間で自分でHTMLタグを使ってWebサイトをテキストエディタで書けるくらいまで習得出来るのでしょうか？
・作りたいWebサイトの構想はもう固まっています。
・ホームページビルダーは使ったことがあります。
・Javaや、Visual Basicは1年ほど趣味のレベルでやりました。
私はサイトよりも本で学習するほうがやりやすかったのでｈｔｍｌ、ｃｓｓは5冊ほど読んで学習したけど
個人的にはできるシリーズがわかりやすく解説されててよかったよ
プログラミング経験者ならできるシリーズほど優しくはないけど
10日でできるシリーズでもいいかも
俺もサイトで勉強するのは辞典形式だからあまり覚えられなくて本で勉強したけど
できるシリーズはたまに間違ったこと書いてたりするし全体的に大雑把な気がする
あとたぶんできるシリーズ1冊じゃ物足りなくなる
この本とは言えないけどステップアップ形式のがわかりやすい
覚える速度は人それぞれなので一概には言えません。
覚え方などもあるためこちらの質問については割愛します。
＞おすすめの本、サイト
おすすめの書籍はありますが、ここで出すとステマやら何やら行ってくる輩がいるので出しませんが
リファレンスサイトは書いておきます。以下のURLは有名なサイトなので見て損はありません。
http://www.tagindex.com/
http://www.htmq.com/
http://www.tohoho-web.com/html/
HTMLやCSSには覚えるものはたくさんありますがJavaScriptやVBなどといったプログラム言語ほどという数は無いので大丈夫です。
HTMLのタグを上記のリファレンスサイトで得とくしたらCSS（スタイルシート）を覚えるといいでしょう。
サイトのデザインを占める大半はCSSなので 『HTMLでデザインをしよう』 と思わないで下さい。
１：ブックオフの100円コーナーにあるサイト作りの本を適当に買う
・2006年以降に発売されたもの、巻末で確認（古すぎるのは不要な知識を付けることになる）
・内容はサイトの作り方の流れが書かれているもの（タグ辞典は不要、タグを調べるのはネットでおｋ）
２：本に従ってエディタで打ち込む→ブラウザで表示確認の繰り返し
３：それなりにできてきたら
ttp://openlab.ring.gr.jp/k16/htmllint/htmllint.html で作ったhtmlをチェック
すべて鵜呑みに100点を目指すのではなく、アドバイスを参考に致命的な点を直す程度で
htmlの例文を自分で打ち込んで要領を掴めば、あとは検索だけでやりたいことをできるようになると思う
そんな感じで今やってるサイトの土台は数日で作ったかな
<table border="1">
とボーダーの太さだけはxhtmlでも指定した方がいいのでしょうか
本にはcssに対応していないブラウザの為に入れる
と書いてあるのですが、それを言ったら他の部分も配慮しなくていいの？
と思ったのですが
テーブルに関してだけは指定する詳しい理由があれば
教えていただけないでしょうか
http://ドメイン名/imagesってアクセスされても覗けないようにするにはどうしたらいいですか？
ありがとうございます。参考にさせていただきます
tableのborderでborder-widthを2px以上にしてborder-spacingを0pxにすると
borderが重なって重なった部分が太くなってしまいます（罫線はsolid）
重なって太くなった部分を他の重なっていない部分と同じ太さにするにはどうすればいいのでしょうか？
border属性は、それがレイアウトテーブルでないことを明示的に示すためのものだから、入れないなら入れないで良い
>>65
結合ボーダーモデル
どっちでもいいなら入れるだけ入れておいてほしいかな
レイアウトにtable要素を誤用している場合はどうでもいい
ありがとうございます
tableのborderの重なった部分の太さはborder-collapse(結合ボーダーモデル？)で解決できました
もう１つ教えていただきたいのですがtable以外、例えばli要素の場合2つ以上になるとborderが重なってしまいborder-collapseでは解決できません
こういう場合はどうすればborderが重ならないのでしょうか？li要素の2つ目との間に余白はあけたくありません
.htaccessで設定。もしくはimagesディレクトリに空のindex.htmlを置く。
マイナスマージン
なるほど、余白無しでくっついてる部分を完全に重ねるということですね
ぜんぜん思いつきませんでした、ありがとうございます
WEBクリエイターブログさんのとこでCSSハック一覧表をみているんですが
皆さんってこの数あるCSSハックをどうやって覚えてますか？
あと、あの長いDOCTYPEってみなさんは手書きですか？
それとも何かテンプレートを残してhtmlを書いてますか？
と思ってシェア見たらIE4%未満なのな。
ワールドワイドで見ても同じ結果だし完全に捨てるか。
http://www.uproda.net/down/uproda448101.jpg
棒グラフて
http://www.uproda.net/down/uproda448116.png
まだ52%もあるじゃん
日本IE信者多過ぎ
青の点線の折れ線は何の数値？
ほんとだ
ありがとうm(__)m
>数あるCSSハックをどうやって覚えてますか？
そんなもん、別にテキストデータで保存しているのを
コピペするだけだよ ('A`) 覚えれねーよ
ttp://www.ajinomoto.co.jp/aji/egg/generator/
全部Flashじゃん
例えば＋ボタンがあってそれをクリックするとメニューが展開したりカーソルを合わせるとメニューバーが表示されたりするやつです
<li>
うんたらかんたら
</li>
<div id="update"></div>
</ul>
みたいにリストを作っていて、updateの部分を動的にjQueryで挿入しているのですが
HTMLの文法で、その場所にはdivを入れられないよと怒られます（動くことは動く）
これは動けば問題ないのか、それとも別のタグを使うべきでしょうか？
変えるとしたら何がいいんでしょう？
<ul>
<li id="new">
うんたらかんたら
<div id="update" style="display: none;">アップデートしたよ！</div>
</li>
</ul>
#new:hover #update {
display: block;
position: absolute;
}
こうするべきです。
ｊQueryで挿入しているのは新たな<li>～</li>エントリです
もっと読むボタンが押されたら動的にリストの続きを取得し挿入しています
何かいい書き方ないでしょうか
jQueryで直接liタグ入れればいい。あえてdivタグ使う意味がわからない。
CSSだけでもできるよ。
階層メニュー + CSS とかでクグらばいくらでもサンプル見つかるんじゃない？
割としっかり書いてあって参考になった。
ゼロから始めるホームページ作成講座
http://www.dspt.net/bgn/
挿入する場所を指定するためにidが要ると思うのですが
タグなしでできるのでしょうか？
TAGindexさんのこちらの配布素材を見ててふと思ったんですが、
/* リンクエリアのパディング という部分の最初に9px（上下用パディング）があるのはは
なんとなくわかるんですが、左右にも2px入れてるのはなぜなんでしょうか？
こういうページはどうやって作ればいいの？
これはflashじゃないっしょ
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲
独自拡張、草案段階のCSSについて語れ (362)
業界の蠅野郎ﾊﾟｼﾌｨｶｽことSEOｳｪﾌﾞﾈｯﾄってどうよ (230)
Nvu(エヌビュー)スレ @ Web制作板 (419)
webデザイナーに聞きたいのさ (783)
福岡のWEB制作会社2 (399)
.htaccess質問コーナー Part8 (665)
--log9.info------------------
【アガルネク】girl next door雑談スレ13【末期】 (539)
supercell（ryo）スレ Vol.9 (1001)
TUBEスレッドPart91～Rock On The Way編～ (243)
ストレイテナー Part84 (104)
∞ access2012 Sync.81∞ (666)
THE BAWDIES vol.12 (308)
L'Arc～en～Ciel 2414 (1001)
ザ・クロマニヨンズ Part78 (165)
ORANGE RANGE 総合スレ98* (140)
globe パート165 (515)
■ カーネーション Part19 ■ (232)
DIR EN GREY 22 (109)
■当たり前の明日を DA PUMPスレ 65■ (128)
9mm Parabellum Bullet 53mm (302)
★Yuka☆moumoon第18夜☆Masaki★ (295)
○ ｏ スキマスイッチ Vol.59 ｏ ○ (328)
--log55.com------------------
他サポ 2018-254
【女子U-20】日本vsアメリカ【フジNEXT】
トミタクファミリー爆誕 part2
ニコニコ生放送 part10375 なぼキチガイジ
ニュース女子実況 【YouTubeライブ・ニコニコ生放送・AbemaFresh! 月曜22：00】 #18
ニコニコ生放送 part10374 （ミスちん倶楽部
子猫ライブ配信part63
ニコニコ生放送 part10383 真夏のなぼキチがい
