(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ8
495 :
Name_Not_Found :
2011/03/07(月) 22:31:45.31 ID:EmMzhO/T スレ違いかもしれませんが、適切なスレがわからなかったのでこちらで聞きます。 他のサイトに行くときに、ブックマークからアクセスしてる、または ような偽装はどのようにすればできますでしょうか? ブラウザで設定する方法ではない方法でお願いします。
串
串もなしでお願いします。 ソースに付加するようなものがいいです。
まぁたお前はここでUA何とかをやる気かよ 帰れ
どうせ長くやるんだろうから、トリップぐらいつけなよ。でないと他の質問者の迷惑になる。
500 :
495 :2011/03/07(月) 22:56:24.68 ID:???
スレ違いです、お引き取りください
>>500 この板の答えとしてはできませんと言うしか。
503 :
Name_Not_Found :2011/03/08(火) 13:27:07.42 ID:Kppqvbbc
初心者です。 とあるソースを見ていたら、 n 一文字のタグが出てきたのですが HTML一覧でさがしてもわかりません。 どなたか教えて下さい。
例えばこんなこともできるんだぜ <html><head> <script> document.createElement("hoge"); document.createElement("piyo"); </script> <style> hoge { color: red; font-size: 3em; display: block; } piyo { color: blue; font-weight: bold; display: block; } </style></head> <body> <hoge>あいうえお</hoge> <piyo>かきくけこ</piyo> </body></html>
>>505 そういうときはせめてXHTMLにしないか?
DTDがないし、hoge, piyo がどういう要素かブラウザにはわからない。
DTD書くのめんどくさかった すみませんですた
fc2でホームページ作り始めたんだけど htmlはもう出来てるんだけどアップロードにFTPが必要で FTPとゆうのはアップロードに使うらしいんだけど fc2のページ上に参照とアップロードのボタンがある場合はFTPとゆうのはいらないの?
管理画面のページでブラウザ上でアップロードや編集ができるようになってる。 FTPのソフトを使ってアップロード・ダウンロードをすることもできるはず。 FC2のヘルプでも読め。
CS5使ってるんだけどcssで > で指定すると反映されないのだがそういう仕様? ul#list > li { ---------- }
うん
DreamweaverでCMSで言うカスタムフィールドみたいな機能ってありますか?
うん
>>514 それは、どういったワードで検索すればいいでしょうか?
516 :
Name_Not_Found :2011/03/12(土) 19:59:26.59 ID:DNXBxpZd
カスタムフィールド DW
517 :
Name_Not_Found :2011/03/12(土) 20:11:56.61 ID:f2BGxImP
知らないならレスしなくていいのに
518 :
Name_Not_Found :2011/03/14(月) 00:54:40.95 ID:2FjvEmkn
Dreamweaver CS5のアップデート エラー。このエラーはwin、mac、OSは関係ないようです。 グーグル先生は再インストールしなさいといっていますが基本設定の再設定が面倒です。 解決策はありますか。Adobeにはありませんでした。
>>518 困ったときは再インストしたほうがいい。
うまくいかないときはOSから入れなおしてみろ。
それくらいなんの手間でもないさ。今の日本の状況にくらべたら。
>>518 基本設定を削除する事でアップデートできる可能性があります。
Dreamweaver CS5 Mac版を購入してようやく勉強を始めた者です。 新規作成からページのレイアウトを選択してデフォルトのレイアウトに 画像を貼ったりするだけでサイトがゴリゴリ作れるので感動しているのですが CSSがすべてHTMLに直接書きこまれていることに気づきました。 CSSパネルから「新規」で外部ファイルに書き出せるかと思ったのですが そのやり方だと新規に関数を作って外部ファイルに書き出すだけで、いままでの デフォルト生成されたスタイルごとまるまま外部CSSにする方法が分かりません… もしよろしければヒントください。よろしくお願いします。
以下のようなテーブルで、IE7ではどうしても「あああ」のサイズが「aaa...」のサイズに影響され、指定したサイズになってくれません。 IE8なら治るのですが、mshtaで使いたいのでie7のエンジンでうまく表示しなくてはなりません。 なにかよい方法はありませんか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <style type="text/css"> table, tr, td {border-collapse: collapse; border: solid 1pt black;} td.left{ width: 60pt; text-align: right;} </style> <script language=javascript type="text/javascript"> document.write(navigator.userAgent); </script> </head> <body> <table style="width: 100%;"> <tr> <td class=left> </td> <td colspan="2"><div>aaaaaaaaaaaaaaaaa</div></td> </tr> <tr> <td rowspan="2" class=left> </td> <td style="width: 40pt;">あああ</td> <td>t</td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </body> </html>
わーどらっぷ
DWCS3のライセンス認証番号って廃止されたの?
&amp;をHTML上に&ではなく&amp;と表示するにはどうすればいいですか? そのまま書くと&と表示されてしまいます。
&amp;amp;でいいじゃん
なるほど&をampで書いて、そのあとにamp;ってことですね。 言われてみればその通りでした。 ありがとうございます。
530 :
523 :2011/03/18(金) 19:44:12.36 ID:???
>>524 指定した幅にならないのは「あああ」の方なので、
それだとうまくいきません…
そういうのは表じゃないからテーブルタグ以外で表現したほうがいいんじゃね?
NHKなんかで、災害支援などに役立つサイトのURLを紹介しているが、「index.html」まで読み上げるのやめれ。 俺たちなら省略できることがわかるが、本当に支援が必要な じいさんばあさんが、最後まで間違わずに入力できるとは とても思えん。 それより、ワードで検索させるほうがいいんじゃねーか?
それをこんなとこで吠えられましても・・・
>>534 いやいや、無関係じゃないぞ。
クライアントにサイトのURLをちゃんと教えてないウェブマスター
も多いはずだ。もしくは、コピペでindex.htmlまで入れて通知してるとか。
ユーザビリティを意識出来ないと、この先まずいことになる。
無関係すぎる
愚痴スレじゃねえんだよここは
>>1 嫁
LightBoxでググレ
>>538 LightBoxっていうんですね〜
いろいろありますね、調べてみますわ、
ありがとう!
540 :
Name_Not_Found :2011/03/19(土) 12:20:18.13 ID:qNQ505T7
541 :
Name_Not_Found :2011/03/19(土) 14:42:06.50 ID:6ZwlucM2
親子要素のない左右のカラムの高さ合わせることできますか? 左<side> 右<main> 二つの親<base> って感じです。ちなみに親にも高さ設定してありません。
>>541 テーブルでくくって、セルの小要素の高さを100%にすればいいのでは
545 :
518 :2011/03/19(土) 20:46:12.99 ID:JCh+qSba
>>519 >>520 ありがとう。
多くのユーザーが困っているのにAdobeはサポートもなく無責任。
正規ユーザーはちゃんとアップデートできているようです。
548 :
518 :2011/03/20(日) 17:05:15.53 ID:???
>>546 マクロメディアからの正式ユーザ。
無責任な煽りはやめれ。
DW CS5です 複数のページに、<h3>タグが複数、あるいは一つだけ使われているとします そのページの<h3>タグの内、ページの一番上にある<h3>タグだけを一括で <h2>に置換することはできないでしょうか?
できるよ
一番最初に出てきたh3をh2に置換すればいいんだよ
553 :
549 :2011/03/20(日) 20:34:24.98 ID:???
↓のようなページがたくさんあって、そのページの一番上の<h3>タグだけを一括で<h2>に置換したいのです。 <bady> <h3>くだもの</h3> <h3>りんご</h3> <h3>バナナ</h3> </bady> ↓つまりこのようにしたいです。 <bady> <h2>くだもの</h2> <h3>りんご</h3> <h3>バナナ</h3> </bady>
554 :
549 :2011/03/20(日) 20:35:42.63 ID:???
綴り間違えました ×bady ○body です
>>555 >>553 はできるのでしょうか?また、できる場合はどのようにやればできるのでしょうか?
やり方を知っていましたら、ぜひともお教え下さい
それと、
>>553 では「くだもの」「りんご」「バナナ」という言葉を使っていますが、
そのページによって言葉は別のものになっていますの
557 :
Name_Not_Found :2011/03/20(日) 22:56:12.23 ID:J0GW1RN6
preの中にcssでboxを作っています div.box { margin-top:20px; } しかしながらmargin-top:20pxが効きません。 margin-topを有効にすることは可能でしょうか?よろしくお願いいたします。
558 :
549 :2011/03/20(日) 22:57:24.51 ID:???
最後の行の文末に一文字余計に入ってしまいました 気にしないで下さい
さっきからこの馬鹿は面白いとでも思ってやってんのかね
>>560 わからなくて質問してる人に馬鹿とか言っちゃいけません
わからなくて回答している人にも優しくする必要はあるのかな
DWは使わないんでスレチの発言になってたらスマソだが <body> <h3>くだもの</h3> のように確実に<body>タグの後に変換したい<h3>があるなら 検索置換の正規表現を使えば出来たとオモ 具体的なやり方は忘れてしまったんでググってくれ
>>567 確実には無いです
正規表現でできるのなら、書き方を教えてください
>>549 ,553
こんな感じかな。
上の人は「わかるわかる」書かないで回答すれば良かったのにね。
var s = '<body>\r\n<h3>くだもの</h3>\r\n<h3>りんご</h3>\r\n<h3>バナナ</h3>\r\n</body>\r\n';
s = s.replace(/(<body>[\s\S]*?)<h3>([\s\S]*?)<\u002Fh3>/i, '$1<h2>$2<\u002Fh2>');
alert(s);
>>569 やってみましたができませんでした
いい加減なこと書かないでください
教えてくんは帰れよ いちいち煽り文句つけるくらいなら人様に聞くなゆとりが
>>571 すいません、答えられないなら黙っててもらえますか?
>>570 試した上で書いてるんだけどね。いい加減な返事をしないでくれるかな
574 :
549 :2011/03/21(月) 19:18:31.30 ID:Pn+eKg7I
>>549 です
それっぽい書き込みをしている人がいますが、私が今日書き込みをしたのは初めてです
念のため今後はIDを出しておきます
>>567 >>569 正規表現は使ったことが無いのですが、
>>553 は一例で、必ずしもbodyの直後に<h3>が来るとは限らず、
また、<h3>同士の間にも色々なタグなどが入り交じり、テキストもそのページによって様々です
そういうページでも正規表現で置換できるでしょうか?
576 :
549 :2011/03/21(月) 19:42:21.83 ID:Pn+eKg7I
>>575 ありがとうございます。
ちょっと難しそうですが調べてやってみます。
他に、DWを使ったもっと簡単なやり方などがありましたら、引き続きよろしくお願いします。
丁寧になったけど言ってる事は変わってないww
↑はわからなくて煽っている人の典型
あおりは一人だろ。結構前からいるが、皆スルーしてた。 これからもスルーで。
事故解決しました しかしURLの仕組みは理解不能
>>583 なるほど、ソースから検索するのか
感謝です
右クリ→プロパティで大半は解決すると思うけど。
586 :
541 :2011/03/22(火) 13:28:22.69 ID:WwJ8iS9t
>>543 baseごとテーブルでくくるってことですか?
一度やってみます。
>>580 別に変わった事無いが?ドラッグ&ドロップで普通にコピーできた。
何?何?
まさか、やられた???
590 :
Name_Not_Found :2011/03/23(水) 13:55:12.09 ID:+CKO0+yZ
当方初心者です。 <ul class="navigation"> <li><img src="files/baner.gif" width="110" height="45" /></li> <li><img src="files/baner.gif" width="110" height="45" /></li> <li><img src="files/baner.gif" width="110" height="45" /></li> <li><img src="files/baner.gif" width="110" height="45" /></li> <li><img src="files/baner.gif" width="110" height="45" /></li> </ul> のように5つ横にメニューの画像が並んでるのですが、各画像にリンクをなぜか貼るとデザインがずれてしまいます。 ただ、画像にリンクを貼りたいだけなのですが・・どうすればよいでしょうか・・・
591 :
Name_Not_Found :2011/03/23(水) 13:58:05.96 ID:+CKO0+yZ
.navigation { float:left; margin-left:20px; list-style:none; text-decoration:none; margin-top:-1px; position:absolute; right:34px; top:42px; width: 683px; } .navigation li { float:left; margin-left:25px; min-width:63px; text-align:center; }
592 :
Name_Not_Found :2011/03/23(水) 14:00:33.76 ID:+CKO0+yZ
.navigation li.back { background:url(nav_aktiv.jpg) no-repeat; color:#fff; height: 65px; z-index: 0; position: absolute; left:20px; margin-left:4px; text-align:center; } .navigation li a { font-size:15px; height:45px; font-weight:bold; color:#d4d4d4; padding-top:18px; text-align:center; text-decoration:none; display:block; z-index:10; position:relative; width:70px; margin:auto; text-align:center; }
無理です。 あきらめましょう
594 :
Name_Not_Found :2011/03/23(水) 15:45:56.02 ID:+CKO0+yZ
はい。ありがとうございました。
XHTML なんですが、 <div> あいうえおかきくけこ <ul> <li>なにぬねの</li> </ul> </div> 上記の様に、同じレベルに要素が続く場合に、 同じレベルに要素で挟まないテキストを置いていいのかどうか迷っています。 <div> <p>あいうえおかきくけこ</p> <ul> <li>なにぬねの</li> </ul> </div> とやるべきなんでしょうか? もし <p> で挟むべきだとして、<p> は段落を表す意味から、文章を挟むべきだと思いますが、「\160-」 のような 文章ではないものを配置するときは <span> などで挟むべきなのでしょうか?
XHTML文法上の問題はない
そうですね。
そのテンプレートを作った人に聞いてください。
600 :
598 :2011/03/24(木) 17:15:16.75 ID:???
なんとか自力でいけそうです。 それをするにあたってネガティブマージンという方法を使おうかと思うのですが、 SEO的に問題は無いのでしょうか?
SEOってCSSまで見てるの?
603 :
598 :2011/03/24(木) 17:32:26.31 ID:???
>>602 それはつまり問題があったとしても
大した問題ではないと思ってもいいでしょうか?
SEOを点数制として考えると 検索エンジンの実装にもよるけど HTMLの構造化なんてのは微々たる配点 被アクセス数や被リンク数なんかがもっとも配点が高い
605 :
598 :2011/03/24(木) 18:27:39.43 ID:???
なるほど。ありがとうございました。
HTML5では「sectionやh1はそれ自身が区切りを含むから、間にhr要素はいらない」と書いてありますが、 「hr要素はアウトラインには影響しない」とも書いてあります。 sectionの間に区切りの線を入れたければ、hr要素を使ってもいいってことなんでしょうか。 駄目なら、画像でやるんでしょうか。
いいえ
608 :
606 :2011/03/24(木) 22:46:55.93 ID:???
>>607 すみません。
いいえと言うのは、4行目に対してでいいですか?
いいえ
>>606 悪いな。
>>609 が粘着して、くそスレになっちまったんだ。
>hr要素はいらない
オレはhtml5に詳しくないが、いらないと言う表現なら入れてもいいんじゃね?
もし、文法でNGなら、ボーダーだな。
記事個別ページにページランキングの横に広告を回り込ませて置きたいのですが、 広告が下に表示されてしまいます。 どこにalign="left"を記入すればランキングの横に広告を置けるのでしょうか?
クラスを指定するのはCSSで操作するためですか?
>>614 スタイルシートを使って場所を指定するのでしょうか?
違います
クラスを指定するのは何のためですか?
>>621 場合によってはと書いてあったので
正しいやり方が別にあるのかと。
>>624 どんな場合なのかがわからないので、何が正しいのかわかりません。
>>625 何を言ってるんだ?
「場合によっては正しい」といわれたから「どんな場合が正しいか」と尋ねたんだろ?
あなたが正しいと思う場合を答えればいいだけじゃないか。
HTMLやCSSはほぼ初心者ですが、自己サイトを作りたいので明日から勉強することになりました そこで、初心者でも読めるようなオススメの本はないでしょうか教えてください
詳解html & Css & Javascript辞典
>>625 確かに状況の説明が不十分だったかもしれません。
すみません。
記事下に横に並べて置きたいのですが<Div Align="left">と<Div Align="right">などで分けても横に並ばず困ってます。
調べても画像の横に回り込ませる方法しか見つからず本当に分かりません。
<div class="entry_body"><%topentry_body>
<!--permanent_area-->
<SCRIPT TYPE="text/javascript" SRC="
http://xxx " charset=euc-jp></SCRIPT>
<A href="
http://www.ziyu.net/ " target="_blank"><IMG SRC="
http://xxx " alt="ブログパーツ" border=0 width=35 height=11></A>
<iframe src="
http://xxx " marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="
http://xxx " target="_blank">広告</a></iframe>
<!--/permanent_area-->
</div>
何処に何を記述すればいいのか教えて下さい。
<div class="entry_body"><%topentry_body>
<div style="float: left; width: 300px;">
<!--permanent_area-->
<SCRIPT TYPE="text/javascript" SRC="
http://xxx " charset=euc-jp></SCRIPT>
<A href="
http://www.ziyu.net/ " target="_blank"><IMG SRC="
http://xxx " alt="ブログパーツ" border=0 width=35 height=11></A>
<iframe src="
http://xxx " marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="
http://xxx " target="_blank">広告</a></iframe>
<!--/permanent_area-->
</div>
<div style="float: right; width: 200px;">
ここ
</div>
<div style="clear:both;"></div>
</div>
widthは自分で調整してね
IMGとiframeと「広告」が同列に並んで表示できない、という話じゃないの?
<div class="entry_body"><%topentry_body>
<!--permanent_area-->
<div style="float: left; width: 200px;">
<SCRIPT TYPE="text/javascript" SRC="
http://xxx " charset=euc-jp></SCRIPT>
<A href="
http://www.ziyu.net/ " target="_blank"><IMG SRC="
http://xxx " alt="ブログパーツ" border=0 width=35 height=11></A>
</div>
<div style="float: right; width: 300px;">
<iframe src="
http://xxx " marginwidth="0" marginheight="0" width="300" height="492" border="0" frameborder="0" style="border:none;" scrolling="no"><a href="
http://xxx " target="_blank">広告</a></iframe>
</div>
<!--/permanent_area-->
<div style="clear:both;"></div>
</div>
?
皆さんのおかげでうまく表示されました。 ずっと迷ってたので本当に助かりました。 ありがとうございました。
何年かぶりにサイト制作をやる羽目になって、当時はなかったChromeのことで質問です。 テキストをマウスドラッグで選択すると、Chromeだけdivに設定してある横幅を無視して、 選択範囲が画面の横幅一杯に漏れ出してしまいます。 いくつかのサイトで確認してみると、漏れるところもあれば漏れないところもあり、 ソースを覗いてみてもその違いが判然としません…。 これはどのようにすれば回避できるのでしょうか?
ソースプリーズ
>>634 選択範囲(マウスで反転したとき)だけの話?
表示したときのレイアウトも崩れてるの?
状況がよくわからないから、そうなるサイトの例をあげてほしい
<table> <colgroup width="150" align="center" span="3"></colgroup> <tr> <th>1</th> <th>2</th> <th>3</th> </tr><tr> <td>テスト</td> <td>テスト</td> <td>テスト</td> </tr></table> これでtd内のテストが中央にこないのですが間違ってますか?
HTML そのものを勉強しなおして来いw
はい
htmlは合ってるだろw
いいえ
間違ってるとこ言えないのねw
colgroupは使わないほうがいい 使うならwidthにね
>>638 は<colgroup>を知らなかったんだろう
使い方間違えてますやん
imgのtitleでポップアップ表示するのをcssで指定する方法はありますか? (理由は…と聞かれるとHTMLソース量をできるだけ減らしたい)
無理。 jsでならtitle指定可能。
>>649 ポップアップするだけなら可能と言えない訳では無い
<colgroup><col>じゃなきゃダメと勘違いしてる奴大杉だ
そんな奴いるんだ?
654 :
649 :2011/03/30(水) 17:53:17.86 ID:???
なるほど…。対象のimgはSEO的に大事なものでなく、 ツールボタンでしかないので、divなどに置き換えたいと思ってます。 google botなどに見えなくても、ユーザーに見えてたらそれでいいので。 探してみます。
↓ここに載っているやり方で、Lightboxを表示させようとしてつまづきました。
ttp://journal.mycom.co.jp/articles/2007/06/14/lightbox/001.html DWCS5を使っているのですが、考え方としては、ZIPファイルをダウンロードして(解凍し)、
これをファイルとする新規サイトを立ち上げ、上のサイトに載っているサンプルソースを
コピペして、画像のファイル名だけを書き換えればいいのだと思いました。
が、うまくいきません。javascriptが反応しない(?)というか、無反応です。
全然やりかたが違うのでしょうか。。 コードについてはほぼ初心者なので
どこが抜けているとかがわからなく、途方に暮れました。
必要な手順があったりしたら教えていただけるとありがたいです。よろしくお願いします。
656 :
655 :2011/03/31(木) 00:02:49.64 ID:???
もしかしたらスレ違いだったらスミマセン。
>>655 それだけだと何も判断できない。
ソースみないと分からない。
まずは、自分でサンプルソースをコピペするのでなく、
落としてきたサンプルデータが、素のままで動作するかを確認。
動作したなら、そのサンプルデータを直接
自分の好きなように改変していくのが初心者向け。
>>657 >まずは、自分でサンプルソースをコピペするのでなく、
>落としてきたサンプルデータが、素のままで動作するかを確認。
なんという有益なアドバイス〜 添付されたindex.htmlをそのままプレビューしたら
ちゃんと動作したので、これに手を入れていきたいと思います!
ありがとうございました!
質問です。cs4を使用しています。 突然上部のタブが出なくなり、重なり合うウインドウ状態になってしまいました。 編集>環境設定でも無いしグ具ってみても判りませんでした。教えてください!
割れだとそうなるらしいです
661 :
659 :2011/03/31(木) 12:56:34.85 ID:???
660さんありがとうございます。 でも正規品なんです…
662 :
659 :2011/03/31(木) 13:02:24.76 ID:???
自己解決しました。 スレ汚し失礼しました。
曜日ごとに別のスタイルシートを適用することってできないかな メディアクエリみたいに条件分岐ができればいいんだけど
phpとかjsじゃないと無理じゃないか?
CSS使えねえなあ こんなんじゃテトリスがCSSだけで実現できるまで50年かかるぞ
50年かかってもできません。
お前みたいなバカにはそりゃ一生無理だろうけど 出来る奴には出来るんじゃね テーブルだけで絵書くやついるし
CSSはプログラミング言語じゃないよ。 「HTMLでテトリスができるのはいつ?」といっているようなもの。
HTMLやCSSをプログラミング言語と勘違いしている人は結構いそうだよね。 OKWaveやYahoo知恵袋のカテゴリわけがさらに誤解を招いてる。
img { border: 1px solid #f7f7f7; margin: 0px 7px 7px 0px; } のマージンが記事以外でも適応されてしまうのですが、 一部だけこのマージンだけを除外して新たに margin-left: auto; margin-right: auto; を反映させる事は出来るのでしょうか?
>>671 IDかクラスを指定してもう一個書けばいいよ
#contents img {
}
とか
>>672 こいつはわかってないな
>>673 記事以外は必要なかったので
.entry img {
border: 1px solid #f7f7f7;
margin: 0px 7px 7px 0px;
}
にしたらうまく表示されるようになりました。
ありがとうございました。
utf-8とshift-jisはどちらの方がいいのでしょうか
これからは utf-8 shift-jisなんて古い携帯向けでしか用はない
>>668 テトリスモドキならできるかもと思ってしまったw
United Terrible Fighter 8
文章や画像を普通に配置すると、並んで右端まで行って自動で折り返してくれますよね。 これを画像と説明の文章のセットでやりたいのですが、どのようにすべきでしょうか? ┌─┐ ┌─┐ │ │ │ │ ・・・ 右端で折り返し └─┘ └─┘ これは画像1です これは画像2です ┌─┐ ┌─┐ │ │ │ │ ・・・ └─┘ └─┘ これは画像N+1です これは画像N+2です イメージとしてはこうです。 画像と文章をdivで囲って、display属性でinline-blockを指定?float属性で並べる? HTML5・CSS3に準拠させて作りたいです。
float使えばいいと思う リキッドレイアウトでぐぐればサンプルも見つかるはず
682 :
679 :2011/04/05(火) 21:35:47.87 ID:???
>>680 遅くなってすみません。
ありがとうございます。
idに複数指定は可能ですか? class="a b" のように。
できる ただ同じIDはダメだよ
idは一意だから複数指定させたいときはclass
どちらが正しい?
違うって classは1ページに複数指定できる 例えば画像に適用するとして <img class="a b"> <img class="a b"> <img class="a b"> こんな感じに id は1ページに1つ これは<div id="contents"></div>とか一箇所のみに適用するブロックとかに使う けれど<div id="contents a b"></div> みたいに複数同時に指定していい
例えが悪かった idは <h1 id="title"></h1> みたいに 一箇所でしか使わないときに使用する
重複しないIDを適用させるなら一度にid="a b"って指定できるけど css側で纏めておけばいいのでそんな書き方は普通はしないけどね
反省しております
まあ、間違いは誰にでもあるさ
プークスクス
プークスクスしか使えない頭の悪い低脳池沼が一匹居るようだ。
ほぼ初心者の素人です。 基本中の基本かもしれませんが、調べられなかったのでよろしくお願いします。 文章(長め)をフリーフォントなどを使用して見せたかったので 画像でスライスして貼り付ける、というやり方で作成してるのですが、 その際SEO対策としてalt属性に文章を長々と記述する。というやり方は問題ありでしょうか? また 各段落でスライスされたimg要素をそのまま重ねて行くのと それぞれのimg要素をp要素で囲みつつ重ねていくのと はたまたリストやテーブルで並べていくのは どれがオススメでしょうか? もっとスマートな方法があり、ご指導いただければ幸いです よろしくお願いします。
そんなクソ構成に SEO なんか求めるなよ
確かに 俺はSEOのことはわからないが、なぜSEOが必要になるのかよくわからん 趣味でやってるサイトならそこまでSEO気にしなくたってよかろうし 金儲けでもしようと思ってるんなら、手段を選べ。
701 :
698 :2011/04/07(木) 03:09:42.23 ID:???
SEOといいますか、よりスマートなコーディングをしたかったので・・・・ ただなんと説明すればいいかわからなかったためにSEOという言葉を使用しました 間違った用法でしたら申し訳ありません 本当に素人でして・・・
個人的にはaltに長々と書くのは感心しない。 fontを見せたいと言うなら、代替なんて必要無いんじゃない?
altに書くのは最低限必要だろうけど、普通に書けと そのフォントで見たい人だけフォントダウンロードでもさせとけば
alt の中身は簡易的であるべき。
画像置換はspamになるって言う人もいるけど、画像の内容もマークアップできるから良く使う
706 :
Name_Not_Found :2011/04/07(木) 14:24:09.78 ID:Ywg6Ic/S
今さらver8を使ってるのですが、dreamweaverって、htmlだけ(.cssなども含めたテキストファイルだけ)を アップロードする方法ってないんでしょうか? 自分が気付いていないだけなのか、ないのか、新しいバージョンならあるのか、どうなんでしょうか?
現在CSSを勉強している最中です。
基本から勉強すれば解ることかもしれないのですが、
調べても解決出来なかったので質問します。
http://www.stumbleupon.com/su/9ixWLI/ このチュートリアルを見ていたのですが
<div class="ac_subitem">内にa要素を置くと、
表示されず、レイアウトも崩れてしまいます。
この場合、CSSをどのように書き足して行けば良いでしょうか。
宜しくお願いいたします。
さあ?
.ac_menu > ul > li a{ ↓ .ac_menu > ul > li > a{
.ac_menu > ul > li > a{ よりも .ac_menu ul li a{ ってゆう書き方をおすすめしますよん
712 :
Name_Not_Found :2011/04/08(金) 18:57:38.82 ID:Q5e9ahdL
div.AA { margin-left:30px; width:100%; } の中に td.AA { width:100%; padding: 0 30px 0 20px; } のテーブルを入れてるんですが、 divで左に30px寄せてる分、 テーブルの端っこが切れてしまうんですが、 こういう段落みたいにテーブルを配置したい場合はどうしたらいいでしょうか?
>>712 margin-left: 0; にすればいいんじゃないの?
ちゃんと書いてれば、それは再現出来ない。 float とか position とか指定してない? 該当する要素だけじゃなく、そのテーブル前の要素に対するスタイルの設定とか見直した方がいい
対象ブラウザも書きましょう
テストページではリンク先にちゃんと飛ぶのに、 サーバーにアップしてみると、「ページが見つかりません」となり、 原因が分からず困っています。 リンク先のページはLightbox2を使っていて、サンプルデータが セットになったフォルダをそのままダウンロードしてきて、 画像の部分などのみ書き換えて使っています。 Dreamweaverで1からつくったHTMLファイルにはちゃんとリンクするので、 おそらく、Lightboxのサンプルデータの中に原因があるのではないかと 思われるのですが、どうしたらいいのかわかりません。 何かヒントでもいただけるとありがたいです。よろしくお願いします。
あるdiv要素があって、そいつのheightをautoにしてるんです。 これでこの内部のテキスト等の量によって、丁度良い大きさに調整されるんですが、 最低限の縦幅はほしいんです。 でも100pxとかにすると、内部のテキスト量が増えたら見えなくなるじゃないですか? これをさっきみたいに事由に変えれるようにしたいんです。 スクロールバーはなしでお願いします。
だめだボケが通じねえw
ボケにお悩みなら脳外科医へ
>>721 わかりました。
index.htmlが別フォルダに入ってたのがいけなかったみたいでした。
レスありがとうございました。
727 :
Name_Not_Found :2011/04/10(日) 20:40:19.49 ID:SC4rKITd
ボケた人に聞くけど、どういうツッコミが正解なの?
728 :
Name_Not_Found :2011/04/10(日) 21:09:31.66 ID:eMtM3Ow6
画面上で常に同じ位置にリンクを張る事って出来ますでしょうか? 例えば、どんなに画面をスクロールさせても常に左上に画像がくるようにして、 そこをクリックするとトップページに戻るみたいな。
できますよ。
730 :
Name_Not_Found :2011/04/10(日) 21:33:08.73 ID:eMtM3Ow6
あの、教えて頂けないでしょうか?
えーやだあ 恥ずかしいし
知ったかは帰れ
734 :
Name_Not_Found :2011/04/12(火) 11:46:44.22 ID:axgGl8rI
ブラウザ別の表示を一括確認できるソフトは IEtesterが主流ですか? 最近、実際のアップ画面と異なる表示(フォントなど特に・・・)があるので、 困っています。
いいえ
WEB上ならAdobe BrowserLabとか。
ホームページビルダーでは絶対出来ない、ドリーム〜の特長ってなんですか?
ローカルでインクルード 簡単に全部書き換えられる
Dreamweaver を初めて触ること3ヶ月 このソフトは EmEditor + FFFTP の組み合わせに劣ると思った。 複数人編集も自動じゃなくて、宣言が必要なみたいだし。。。
AAクラス内のimgタグのみに作用させたい場合は .AA img { } でいけますでしょうか?
言葉の使い方はずいぶんいい加減な気がするが、とりあえずそれで合ってる つーかやってみりゃいいだろ
SSでタスクバーを取ります ペイントで横1px 高さがタスクバーと同じになるように調整 backgroundでx方向に繰り返し表示 あとはスタートボタンとか作ればおk
745 :
634 :2011/04/13(水) 17:10:26.15 ID:???
スレを見失って遅くなりました。
こんな感じのソースです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="
http://www.w3.org/1999/xhtml ">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title><link href="basic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="basic">
<div id="wrap">
<div id="header"> id "header" の内容</div>
<div id="sidemenu"> id "sidebar" の内容</div>
<div id="main">
<p>東京電力の清水正孝社長は13日、東電本店で1カ月ぶりとなる記者会見を開いた。</p>
</div>
<div id="clear">
<p> </p>
</div>
<div id="footer">Copyright (c)</div>
</div>
</div></body></html>
body {margin: 0px; padding: 0px; font-family: "MS ゴシック", "Osaka−等幅"; font-size: 0.9em; line-height: 1.4em;}
.basic { width: 850px; margin: 0 auto 0 auto; }
.basic #wrap { border: 1px solid #CCCCCC; }
.basic #header { margin-bottom: 10px; background-color: #FF0000; }
.basic #sidemenu { float: left; width: 200px; }
.basic #main { margin-left: 200px; padding: 0em 1em 0em 1em; }
.basic #footer { padding: 1em; text-align: right; }
.basic #main p { margin: 0em 0em 0.5em 0em; }
#clear { clear: both; }
firefox4 ってテキトーな xhtml 書いても、パースエラー出ないのね。
W3C の xhtml1 の DTD のページ見て書いた
>>746 Content-Type: application/xhtml+xml
新しいページをPHPで作れば保存時に〜.phpがつくのですが テンプレートからだと〜.htmlになります。 新しいページをテンプレートで作り保存時に〜.phpを表示させるにはどうすればいいですか? 毎回書き換えるのは手間なので。 DWCS3です。
そっちの設定もか。 さんくす設定いじってみる
とある部分だけのリンクの文字色を固定したいんですが、どうやればいいでしょうか? 通常は蒼、紫でとある部分は常に黒
iPhone(Safari)でinput(text)タグを使うと、 テキストボックスの内部にシャドウが入るんだけど、 これを消す方法はないですか?
background-color で塗るとか、background-image に白画像を指定するとか、 やることやってから聞けよカス
AddType application/xhtml+xml .html 追加したらちゃんとパースエラーでた♪
>>756 普通に色変えりゃいいと思うけど、なにがうまくいかないの
>>760 ボタン画像の上に文字を置こうとしてるんだけど、
なんかリンク済の紫になってしまうんですよね
一応<font color>で囲んでるのに・・・
あと画像にカーソルを置くと別の画像になるようにしてるんですが、
画像の上に置いた文字にカーソルをおいても別画像になるようにってできないでしょうか?
>>756 ブラウザが色変える設定にしてたら意味無いから、リンクじゃなくてonclickでやれば
>>758 いや、それやっても背景色しか変わらないから来たんだけど、変態。
自分で探すか…。
>>762 そういるルールだからです。
「ぬーやる」バーガーはしってますか?
日下部陽一の真似をしてるつもりの奴、乙。
>>761 別画像って :hover で変えてるの?
それわかってるなら :link 疑似クラス使って色変えりゃいいんじゃないの
>>747 仕様ですか;
試した限りではフロートさせた物からは溢れないようなんですが、全部をフロートさせるのもなんなので、
ひとまず気にしないようにします。
firefox4で見たときに、テキストに画像ごとリンクすると、 画像にも下線がついて非常に見栄えが悪くなってしまいます。 IEだと問題ありません。 img { border-width: 0px; や border: none; を試したんですがダメでした。 どうしたらいいんでしょうか。
リンク属性ならaがいるからこうだろ img a {
いや imgは単独タグだろ
>>770 試したらダメでした。
chromeも下線なしでした。
Firifoxだけ画像に下線が入ります。
.nounderline { border: 0px; text-decoration: none; } でaとかimgに適当にクラス付けてみたら。
firefoxのバグっぽい a:link{ text-decoration:none; } a:link span{ text-decoration:underline; } <a href=""><span>foobar</span><img src="./image.png" alt="" /></a> みたいにするとか
バグとかwww
>>775 じゃあOperaとかChromeの方が間違った実装なんかな
仕様書に該当する部分があったら教えてほしい
レスありがとうございます。
>>773 imgは意味なしで、aの場合は、今度はテキストまで
下線なくなってしまうのでダメですね。
>>774 逆に画像リンクだけは正常ですが他のリンクが全て
下線なしになってしまいました。
諦めて、aタグを分割することにしました。
ありがとうごいました。
アホだからしょうがないね
こいつこそカレー
再現できる最小のソースを出してみて
何のだよ
img { border: none; } <a href="a.html"><img src="t.gif">あああ</a> これで画像に線が付くって奴
Firefoxって書いてあるだろ……
>>783 おうおう
今から試してみてやるわ
そんなバグはないと思うけどなぁ
すみませんでした
a img { border-style: none; }
節子、それ下線やない。枠線や
バカだと思ったら大バカだった件
a img { text-decoration: none; }
text-decorationは継承されて表示されてるわけじゃないから aがunderlineになってる限り子孫要素にも表示されるよ
<a href="#" class="img_padding">TEST</a> <style> a.img_padding{ padding-left: 20px; background: url("img/icon.gif") no-repeat 0 0; } </style> icon.gif は 16px ぐらい 毎回変わる画像には対応しづらいから、 JavaScript で img の幅分だけずらすようにすれば大概は対応可能か。 でもここまでしなくちゃいけないのがなぁ。。。
あ?
javascript使うんなら、文字部分だけspanに入れれば
>>791 TESTの前に同じ画像を入れてvisibilityとかopacityとか
gh4444 gh4444← gh3333 gh3333← gh2222 gh2222← このように並んでいる文字列を片方だけ一括で削除する方法を教えて下さい。
(.*) .* ↓ $1
jacascriptで表示した10個のリンクをオンマウスしたときに文字色を変えたいんですが、 どうしたらいいでしょうか? 10個のリンクを生成するjavascriptをfontで囲んだらそのなかにマウスを置いただけで、全部のリンクの文字色が変わってしまいました。 マウスを置いてるリンクの文字色のみ変えたいです
tableにoverflow:hidden,nowrapを付けて はみ出した文字を表示させないようにしたいんですが、 tableの幅を%指定した場合にうまくいかないんですが、できますか?
>>797 :hover疑似クラス
>>798 overflow:hidden,nowrapじゃなくてoverflow:hiddenね
table-layout指定してないんじゃない
>>799 ありがとうございます!
fixedに指定したらできました
<link rel="stylesheet" type="text/css" media="all" href="style.css" id="masterCSS" /> このid="masterCSS" ってDWですか?
802 :
795 :2011/04/18(月) 19:38:06.92 ID:???
>>796 これを一括置換でどう使えばいいですか?
Dreamweaverでページ一覧の出し方教えてください。
メニューからページ一覧を選択する
806 :
Name_Not_Found :2011/04/19(火) 10:40:57.93 ID:Hgbk66UJ
SEO的に<h1>タグのすぐ下に<p>タグによるページ内容の紹介文を書いた方が 良いようですが、デザイン的に<p>タグの文章を表示させたくありません。 見えなくすることはできますか? また、そうした場合、検索エンジンからペナルティないですか?
今後、SEO的にとか無理に意識したページ作りがスパムと取られそうな気がします。 ぶっちゃけCMSで吐き出したページの方が、SEO的にはいいんだろうなと言う気が。 クソクラエだぜ
すいません、質問です。
現在、DW CS5とXAMPPを使用し、PHPを勉強しています。
XAMPPは問題無く動いており、PHPサイトも表示できます。
DWのサイト設定で、ブラウザでのプレビューでローカルサーバーを通した表示ができると思うのですが、
サイトアドレスが参照されるべきアドレスとは異なり、とうぜん表示もできません。
例
本来は、
http://localhost/php/test.php ですが
ブラウザのプレビューは、
http://localhost/htdocs/php/test.php となります。
htdocsが不要なんです。
サイト設定を親フォルダにしたりと、色々変更しても、htdocsがアドレスに入ってしまいます。
どうすれば正常なアドレスに設定できるのでしょうか?
すいません、ご教授お願い致します。
念力
810 :
808 :2011/04/19(火) 11:45:09.74 ID:???
すいません、自己解決しました。 ありがとうございました。 念力が効いたようです。
そう言うもんよ
812 :
Name_Not_Found :2011/04/19(火) 16:24:27.49 ID:Hgbk66UJ
正しい見出しの書き方を教えてください。 例として、山田商事のサイトを作る際、 下記の例1と例2だと、どちらの方が良いのでしょうか。 例1 <h1>山田商事</h1> <h2>会社概要</h2> <h3>電話番号</h3> <h3>メールアドレス</h3> ↑全ページのh1は山田商事となる↑ 例2 <h1>会社概要 | 山田商事</h1> <h2>電話番号</h2> <h2>メールアドレス</h2> ↑各ページh1は違う↑
あなたが全頁のh1を山田正二にしたいと言うならそれでいいのです。
ヘッダがあると言う事は、その後にそれに関する記事(データ)が続くわけだが、 例えば、03-1234-5678 に対してどんなデータを記述出来るの? h 要素の意味をもっと考えよう。
>>814 h:電話番号
p:012-012-012のナンバーワン
じゃねーの?
816 :
Name_Not_Found :2011/04/19(火) 23:21:32.90 ID:z5/vZGS4
p { font-size: 10pt; } があたっている前提で、ユーザースタイルで無効にするには p { xxxxx; } に何を書けばよいのでしょう? p { font-size: medium; } だとブラウザのデフォルトになってくれません。
font-size: inherit !important;
ブラウザのデフォルトにする方法なんてあるんだっけ?
>>816 ブラウザのデフォルトスタイルシートはブラウザ毎に違う。
期待するブラウザの規定値を調べてその値を指定するしかない。
リセットするがよろし
リセットはデフォルトにするわけじゃない
>>822 うん、だからデフォルトがブラウザによって違うからリセットして運用しなさいと。
ユーザースタイルの話じゃないん?
みんなって、 *{ border: 0; maring: 0; padding: 0; font-size: 12px; line-height: 18px font-family: ほにゃらら〜 } みたいに、一番最初に読み込む CSS の先頭に書いてたりするの?
全焼セレクタ使うのは最近の流行ではない
HTML5初期化CSSでも使えばいいんでね
画像を表示させるとき、表示したい大きさの画像を表示したほうがいいのでしょうか? それとも大きめの画像を縮小して表示したほうがいいのでしょうか?
好きにしたら
なんでわざわざ大きめの画像を容易するんだ
ユーザーにサイズを選択させてそのサイズで表示するって感じにしたいんだけど、 いちいちユーザーの入力で画像を選びにいくのが面倒だったので質問しました
<table width="100%"> <tr> <td width="70%"> </td> <td width="30%"> </td> </tr> </table> で、普段は70%なんですけど この最初の<td>〜</td>の部分が100px以下になった場合、70%ではなく100pxに固定したいんですが どうしたらよいのでしょうか? 解りにくかったらすみません
CSSのmin-width
htmlで携帯からメールを立ち上げたいと思っています。 <a href="mailto〜">ではうまくいくのですが、<form>タグだと ?subject以降の情報(タイトル、本文)がメール作成画面にセットされません。 携帯からの<form>タグのメール起動は対応していないのでしょうか? docomoのD905を使用しています。 サンプル↓ <form method=post action="mailto:xxx@xxx.com?subject=タイトル&body=本文"> <input type=submit value=メール> </form>
標準仕様外だから動かなくても仕方ない
データ保存するとき " に変換って意味ありますか?
すみません > を > に変換するのはわかるのですが " を" に変換するのはなぜなんでしょうか?
>>838 こういう場合に使う。
<span title=""test"">sample</span>
>>839 なるほど、よく分かりました
ありがとうございます!
分かってないだろ?w
いや分かってます! ただ今回はXMLで保存するだけなんで子要素にしてしまえば変換は必要なかったです。 属性にする時は必要でした!
質問です。aタグでtableを囲むのってありなんでしょうか? 具体的には次のような形で画像の横に日本語と英語の文字2列に並べたリンクを貼りたいのですがこれは文法的にはありなのかわからないです <li><a href="./english.html"><table><tr><td rowspan="2"><img src="./images/menu01.jpg"></td><td>英語</td></tr><tr><td>English</td></tr></table></a></li>
お前が有りと思うなら有りなんだろう
ブロック要素をインライン要素で挟むことが文法的にどうなのか。 それを考えれば駄目なのか良いのかが分かるかと。 個人的に、細かく書くと <ul> <li> <dl> <dt><img></dt> <dd> <ul> <li><a>英語</a></li> <li><a>日本語</a></li> </ul> </dd> </li> </ul> かな。 ちなみに、img に alt は必須ですよん。
表を画像にしなきゃならない時、altどうしてる?
アクセシビリティ犠牲にしてSEO対策やらせようとする業者うぜぇ
ブロック要素一つだけなのにいちいちdivで囲むのってどうなの?
うるせーな人の勝手だろカス!
何の話だ
>>846 意味を成すものであれば、その画像が何かを記述するけど、
見た目だけの問題で、データとして意味を成さないのであれば alt="" かな
854 :
Name_Not_Found :2011/04/24(日) 00:56:40.66 ID:+hNsu+dz
こんばんわだけを1.25emにしたいのですが・・・↓ <div id="test"> <p>こんにちは</p> <p>さようなら</p> <p class="gogo">こんばんわ</p> </div> #test p { font-size: 0.85em; } .gogo { font-size: 1.25em; } 上記のような書き方をしましたが、「こんばんわ」は0.85emで表示されてしまいます。 どうしたら、よいのでしょうか?
#test p.gogo #でのID指定はかなり強くなる。普通のpとかでの指定の100倍優先される。 googleれ「css 優先順位」
ぐーぐれ?
最近考えてるんだけど、ブログを作ってエントリーを表示するのに今は <div class="entry"> <div class="title">〜</div> <div class="date">〜</div> <div class="body">〜</div> <div class="footer">〜</div> </div> みたいにやってんだけど、 <dl class="entry"> <dt class="title">〜</dt> <dd> <ul> <li class="date">〜</li> <li class="body">〜</li> <li class="footer">〜</li> </ul> </dd> </dl>
途中で送ってしまった。。。 <dl class="entry"> <dt class="title">〜</dt> <dd> <ul> <li class="date">〜</li> <li class="body">〜</li> <li class="footer">〜</li> </ul> </dd> <dt class="title">〜</dt> 〜 </dl> って書く方がデータの記述って意味としてはまだマシかな?と思うものの、日付や本文、フッターは決してリストで定義されるもんじゃねぇし・・・ とか色々考えてて悩む。 dd の中身は div でいいのかな?とか思ったり、xhtml でデータの意味を考えるってのが楽しい反面面倒くさいっすね。 皆さんって厳密にデータの持つ意味を考えて使う要素決めてます?
>>852-853 もちろん表なので、中のデータ全てに意味がある。
画像にするなと言うのはもっともだが、どうしても画像にしなきゃならないって時
>>858 dtでタイトルのを表してるのに、タイトルってクラスを振る意味がわからない。
dd並べてクラスで分けりゃいいんじゃねーの?
> dtでタイトルのを表してるのに、タイトルってクラスを振る意味がわからない。 なんかの装飾用のタグじゃないの?
ごめん、意味がわからない
afterで「新着!」とかアイコンでも付けるとか
判って言ってる?
CS4で質問なのですが、 まず、TemplatesフォルダとLibraryフォルダはローカルにあれば良くて リモート側にはなくて良いのですよね? なくて良い場合、 PUT(サイトまるごとPUT)や 同期(サイト全体を対象に最新ファイルをリモートにPUT)時に TemplatesフォルダとLibraryフォルダを完全に無視してボタン1発でサイト更新させる方法はありますか? PUT(サイトまるごとPUT)したあとリモートから消すとかしないといけませんか?
<div=コンテンツ> <div=文章とか></div> <div=画像とか></div> ・ ・ </div> <div=フッター></div> ______________ |コンテンツ | | | | ■■ | ■■←コンテンツ右下にbgでL字型の装飾をしたい |________■■■■ | ■■■■ |フッター | |____________| ■部分の装飾をしたいのですが、コンテンツ部分でpaddingを使って装飾した場合、 フッターとの距離がうまれてしまいます。 positonを使えば容易だとは思うんですが、出来る限り簡潔につくりたく、何か方法を探しています。 <div=コンテンツ> <div=文章とか></div> <div=画像とか></div> ・ ・ <div=フッター></div> </div> height固定ならば、右下の画像とフッターの表示位置をあわすこともできるんですが、 ページ毎にheightを考えなければいけないと思うので悩んでいます。 また、できるだけコンテンツとフッターをわけたく、コンテンツの中にフッターを入れたくありません。 何か良い方法は、ありますでしょうか?
868 :
867 :2011/04/25(月) 09:21:49.27 ID:???
すいません、図がずれてしまいました、、
だりーからポジションアブソつかえや
<table> <tr> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> </tr> <tr> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> </tr> </table> を <div class="a"> <table> <tr> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> </tr> </div> <div class="b"> <tr> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> <td>test</td><td>test</td><td>test</td><td>test</td> </tr> </table> </div> としたいのですが、反映されません 何かよい解決方法は無いでしょうか?
874 :
867 :2011/04/25(月) 13:41:39.76 ID:???
>>869 なるほど、だるいことになるのですか。
ポジションを使うことにします。
ありがとうございました。
>>870 <table>
<tr class="a">
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr class="b">
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</table>
>>870 できないことをしたいといわれてもな。無理としかいえない。
HTML を勉強しなおせとしか言えんわなぁ
ああそうかここIDでてこないのか・・・ まあ頑張れ!ポジアブでな!
>>870 何が
>>875 だとまずいのかよくわからんが、
どうしてもdivを使ってグループ化したければこんな感じかな?
<table>
<div class="a">
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</div>
<div class="b">
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
<tr>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
<td>test</td><td>test</td><td>test</td><td>test</td>
</tr>
</div>
</table>
携帯向けのサイトで、画像のパスにURLエンコードかましたんだけど、 ちゃんと読み込んでくれないorz UTF-8ならちゃんと読み込めたんだけど、 Shift_JISだと、URLエンコード使えない?
>>883 あるぇー?
じゃあ、エンコードが間違ってるって事かしら。。
もっかいがんばってみまする
>>884 Shift_JIS でもURLエンコードは出来るけど、URLデコードできるかはサーバサイドスクリプトに依存する
Google はie=のクエリで文字コードを指定できるけど、あなたが使用しているスクリプトは Shift_JIS エンコードに対応していないのかもしれない
UTF-8 デコードしか出来ないサーバサイドスクリプトを使用しているのかもしれない
CSSの質問です height:100%;から100pxを引いたサイズにしたいのですが どのように記述すればいいのでしょう
選考実装→先行実装
はい!ありがとうございます!
891 :
Name_Not_Found :2011/04/26(火) 11:11:43.58 ID:2VC93qJ/
<body><div> <p>WEBデザイン<br>WEBデザイン<br>WEBデザイン</p> </div></body> p{ background-color:#ff0000; width:30% ; text-align:center;} この状態で表示されているものをスタイルシートで中央寄せにしたいと思います。 スタイルシートにalign:center;と加えても、駄目です。 よろしくお願いします。
margin:auto;
893 :
Name_Not_Found :2011/04/26(火) 12:06:19.53 ID:2VC93qJ/
p はブロック要素なので、幅を指定した上で text-align:center を。 または div に幅を指定して、div に margin: 0 auto を指定。
896 :
Name_Not_Found :2011/04/26(火) 15:31:31.95 ID:QQ6OMFf7
学校で使ってた人いませんか?
主語がねぇよカスw
すごく初歩的な質問ですが。 HTML でテーブルの中に横線を引く方法はありますか? 以下のような表示をしたいのです。 テーブルの罫線を使うと、テーブルの一部だけでなくてすべての罫線を引いてしまうようなので 回避する方法はないかと探しています。 列A 列B 列C ----------------------- 行1A 行1A 行1A 行2A 行2A 行2A
あります。
<tr><td colspan="3" height="1px" bgcolor="#000000"><img src="sp.gif" height="1px"></td></tr>
>>891 <br>使わないで
<p>webデザイン</p>
<p>webデザイン</p>
<p>webデザイン</p>のほうが良いと思うけど。
-------------------------------------------------------
質問です
http://jsfiddle.net/pgvNH/ main_bodyの背景より下にcontentsの背景が表示出来るようにするには、どうすればいいのでしょうか?
不可能でしょうか?
>>901 <br>使わないって、なんか宗教に入ってる?
---
main_bodyに背景を入れればいい。
904 :
901 :2011/04/26(火) 16:40:38.49 ID:???
>>902-903 回答ありがとうございます。
やっぱり無理ですよね。main_bodyとブロック分けて配置しないとダメですよね。
ふーんむ・・・。
>>901 SEO的な意味で。
>>900 ご親切な方、ありがとうございました。
自分じゃ当分は思いつかなかったです。
>>899 つめたいな〜。w
907 :
901 :2011/04/26(火) 17:07:01.63 ID:???
たしかに、いろいろおかしい。 と、とりあえず、絶対配置でしのぎます。。 スレ汚し、ごめんなさいでした。
SEO的にまちがってます。
>>909 じゃあ、htmlで線を引く方法教えてあげて下さいな。
hrじゃだめなん?
普通にborder-bottomじゃ駄目なんか……
>>898 列A,B,CをそれぞれTHタグでくくる→THにboder-bottomを指定
でよいジャマイカ
それ、スタイルシートじゃん
そうです。
なんかおかしい?
924 :
916 :2011/04/26(火) 21:46:01.22 ID:???
だから試してみろってw IEですら動かなかったけど、theadにborder指定できるブラウザなんてあるの?
>>925 IE8 で動いたし、試した上で書いてる
あと何がダメか具体的に書いてくれないと伝わるわけないでしょ
Firefox4やChrome10でも動くな
動かないブラウザの方が少ないんじゃないの
operaでも大丈夫だよ
結合ボーダーモデル(<table style="border-collapse: collapse;">)にすればtheadでもborder表示されるよ
>>925 そこまで豪語するなら動かないブラウザ(バージョン含めて)をリストアップしてから指摘しろよな
933 :
916 :2011/04/26(火) 22:12:27.79 ID:???
作り終わった HTML4 のサイトを XHTML1 に書き直してるけど、 1日やっても終わらん
スパムにマジレスってかっけぇと思う
>>935 一年後にはHTML5に書き直しているあなたが見える
どうにも解決方法が解らないので助けてください。 visited、hover擬似クラスについてです。 IEでは大丈夫なのですがFirefox4で期待の動作をしません。 訪問済みリンクに対し、a:visitedで記述したcolorは適用されるのにbackgroundが適用されません。 a:linkの画像と同じになってしまいます。 以下、スタイル部分の記述です。 a { height: 20px; width: 20px; display: block; margin-right: 10px; float: left; } a:link { background: url(../images/default.gif); color: #00F; } a:visited { background: url(../images/visited.gif); color: #fff; } a:hover { background: url(../images/hover.gif); color: #f00; } a:link、a:hoverについてはIE、Firefox共に問題無く表示されています。
940 :
939 :2011/04/28(木) 09:48:44.85 ID:dHND9cO5
上げておきます…
セキュリティの関係上、visited の背景画像は変更できないとの事
942 :
Name_Not_Found :2011/04/28(木) 18:50:30.74 ID:uo/9IS30
fc2ブログで表を作りたくて、試しにググって見つけたtableタグを記事内に入れてみました ですが、急に何行か行間が空いてしまいます・・・ たとえば、 あかさたな <table border="3"> <tr> <td>データセル1</td> <td>データセル2</td> <td>データセル3</td> </tr> </table> と入力すると、「あかさたな」と表との間が6行ほど空いてしまいます。 ちなみに3列3行のtableタグを入れた場合は16行ほど空きました。 何が悪いんでしょうか?
行ごとに <br /> が入ってるだけでしょ。 <table> から </table> までを1行で書けば多分大丈夫。 <table border="3"><tr><td>データセル1</td><td>データセル2</td><td>データセル3</td></tr></table> こんな感じ。 EmEditor とかなら、置換元「\n」、置換先「」(空文字) にすることで改行を削除できる。
>>942 言われた通り1行にしたら解決しました!ありがとございます
投稿の設定で改行をHTMLタグ以外無視とすれば改行しても大丈夫 その場合 改行するところは<br/>とする必要があるけど
946 :
939 :2011/04/28(木) 23:41:05.50 ID:???
>>941 遅くなりましたがありがとうございます。
諦めた方が良さそうですね…
tableの幅を100%ー40pxで表示したいのですが、可能でしょうか
margin: 20px; padding: 0px; border: 0px;
>>948 tableはmarginを指定しても幅計算が変わらないよ
tableに画像を入れてその画像の高さをテーブルの高さに合わせたいんですが、どうすればいいでしょうか? <td style="height:200px;">としても画像の大きさが優先?されてるのか200pxが完全に無視されてます
画像に max-height:100%;
img { }とcssで記述してあって ある特定のimgにだけそのスタイルを適用させたくない場合ってどうしますか? img{ }は弄れません
「適用させない」ことは不可能。 同じように見せたければ、ブラウザのデフォルト値(当然ブラウザごとに異なる)を 上書きしてやる必要がある。
img[src="特定の画像"]{〜} って事をしたい訳じゃないよね?
上書きすることでできました アリガタマキン ( ´∀`)ノ⌒ω)Д`)ブニュ
<tr> <td></td> <td></td> </tr> で、普通trの背景が青でtdの背景が赤なら青の上に赤が来ると思うのですが tdの背景色をtrの背景色で塗りつぶす方法ってないでしょうか?
何がしたいのかわからんけど、trの背景色指定は子tdへの一括指定だよ
>>957 transparent, z-index
960 :
Name_Not_Found :2011/05/03(火) 22:00:59.33 ID:w04OLPYW
<frameset rows="10%,*"> <frame src="上.html" name="上"> <frameset cols="20%,*" > <frame src="左.html" name="左"> <frame src="右.html" name="右"> </frameset> </frameset> この状態で右側(黄色)のフレームをさらに横割りするには どう付け加えたらよいですか?
背景画像を画面いっぱいに伸ばして表示したいのですが、どうしたらいいのでしょうか?
962 :
Name_Not_Found :2011/05/03(火) 22:40:33.39 ID:uyLI1c2f
repeat-xとrepeat-yだったような?
repeatで横への繰り返し表示をすでにしてます 縦には繰り返しじゃなくて伸ばして使いたい感じです
>>960 黄色って、色情報が無いところから黄色言われても分からんよウンコ野郎!
あと全角ファイル名は止めろよチンカス。
<frameset rows="10%,*">
<frame src="test.html" name="top">
<frameset cols="20%,*" >
<frame src="test.html" name="menu">
<frameset rows="20%,*" >
<frame src="test.html" name="head">
<frame src="test.html" name="body">
</frameset>
</frameset>
</frameset>
965 :
Name_Not_Found :2011/05/03(火) 23:47:14.69 ID:w04OLPYW
ホームページを作ってるんですが、メニューの部分のみを使い回しタイと思います。 みなさんならどういうふうに使いまわしますか? フレームを使うくらいしか思いつきません。
JavaScriptとかPHPとかで読み込む。IDEのテンプレートを使う
>>968 すいません、メニューを使い回すのではなく
メニュー以外のコンテンツを非同期で更新することにします。
分かりやすく説明してるサイトはありませんでしょうか?
jQuery ajax ggrks
出来たよ そこのサイトは端折ってる部分 (jQuery をある程度触ってる人向け) があるので、 もっと勉強しればいいかとぅ
973 :
Name_Not_Found :2011/05/04(水) 22:26:56.15 ID:i3KfUjdC
画像の上にカーソルが来たときに出るaltを文字じゃなく画像にしたいんですが htmlだけでは可能でしょうか
>>973 ToolTipはalt属性じゃなくてtitle属性で出る。altで出るのは実装依存。
HTMLに画像をツールチップとして出す仕様はない。
>>972 無事できました。
が、部分的に更新するとこの更新後htmlにウィジェットのようなjavascriptを置いてると
そのウィジェットが正常にうごいてくれません
どうしたらいいでしょうか?
とても初歩的な事のようで恐縮ですが快刀お願いします。 ラジオボタンについてです。 質問1: <input type="radio" name="質問1" value="yes" /> yes <input type="radio" name="質問1" value="no" /> no 質問2: <input type="radio" name="質問2" value="yes" disabled/> yes <input type="radio" name="質問2" value="no" disabled/> no 上記のような場合に、質問1でyesと答えた場合のみ質問2の回答が入力可能になり、 1でnoと答えた場合は2がグレーアウトするようにしたいです。 disabledを使えば良いことまでは解ったのですが、質問1のyesによって質問2を変更する方法がどうにもわかりません。
質問一覧全てをスクリプトの変数へぶち込む。 そうするだけでも先が見えるかと
980 :
Name_Not_Found :2011/05/05(木) 14:54:12.55 ID:rZcbn2+h
>>980 >ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ
あとスレ立てヨロ
982 :
忍法帖【Lv=24,xxxPT】 :2011/05/05(木) 18:55:03.21 ID:rZcbn2+h
984 :
忍法帖【Lv=25,xxxPT】 :2011/05/05(木) 20:14:21.94 ID:rZcbn2+h
985 :
Name_Not_Found :2011/05/05(木) 21:56:53.00 ID:IyWuEsiQ
コピペで逮捕された奴いたなそう言えば
メアド登録したら金請求されたぞ
990 :
Name_Not_Found :2011/05/06(金) 16:27:42.16 ID:/eM3KvQP
こんにちは 現在2つのWebSiteを運用しているのですが、1個目がPR5、2個目ががPR3の状態でして、PR5のサイトを閉鎖することになりました。 つきましてはPR5をフル活用したくて、1個目のサイトを閲覧すると自動で2個目に飛ぶようにしたいのですが、どのようなソースを組めば良いのでしょうか。 どなたか教えてください。
991 :
Name_Not_Found :2011/05/06(金) 17:08:33.17 ID:/eM3KvQP
990ですが自己解決しますた。 ありがとうございました
992 :
Name_Not_Found :2011/05/07(土) 05:37:28.25 ID:OG8Z85pj
質問です。 あるiPhone向けのサイトで透過pngの画像があるのですが、 それを着色しただけの画像が何十種類もあって、 その画像を差し替える度に辟易しています。 cssを用いて透明度を設定するかのように、 cssで画像に着色することが出来れば良いのですが、 そのようなやり方はあるでしょうか? HTML5でもiPhone4で表示出来ればOKです。 ご存じの方、ぜひ教えてください。よろしくお願いします。
できません
少々の手間を惜しんじゃいけない
出来るだろwww知ったか乙
>>992 position + z-index で画像を被せるとか?
できるって人は方法を掲示した方がいいと思うよ。
画像の編集なら、HTML5 ならもしかしたら出来るかも。 それか ajax でバックグラウンドで通信して、サーバー側で編集したのを表示するか。
HTML5を何だと思ってんの?
CSSでやりたいって書いてんのになんでHTML5が出てくんだよ
ああ、HTML5も書いてあった すまん、ごめんなさい、許して
1001 :
1001 :
Over 1000 Thread このスレッドは1000を超えました。 もう書けないので、新しいスレッドを立ててくださいです。。。