12/02/01 19:58:56.59
>>889
全角スペースは後々ドツボにはまる原因になるからやめとけ
pは段落をあらわすものだから、そのソースは不適切
メニュー的なものを想定しているなら一般的にはリストを使う
段落って日本語分かるよな?
文章の一塊だから、普通は固まりごとにマージンをとる
ブラウザのデフォルトスタイルでこれが設定されている
「間抜けな行間」っていうのはそのマージン
901:Name_Not_Found
12/02/01 20:08:11.29
>>889
>>900に補足しとく
「ブラウザのデフォルトスタイル」っていうのは
見た目のコントロールをするものを一切使っていない状態で
各要素に自動的に割り当てられるスタイルの事
わかりやすいのはこの状態↓
URLﾘﾝｸ(coliss.com)
デフォルトスタイルは使っているブラウザによって異なる
差異をなくすにはCSSできちんとスタイルを指定する
902:887です
12/02/01 20:33:39.61 PQVRaNv/
>>898>>900>>901
丁寧な回等ありがとう御座います
でも意味がよく分かりません、ちなみに俺は日本人です。
実家は代々農家なんで、菩提寺も過去帳もちゃんとしてます、
10代は余裕で遡れますよ、実家の近所は同じ苗字の家ばっかで
全部親戚、田畑も隣で仲良しだったんですが、
最近はアパートが建ちヨソ者が増えて、オヤジが怒ってます。
903:887です
12/02/01 20:40:31.05 PQVRaNv/
>>897
はったCSSはmainのとこだけです、もう全部はります。
body {
background-color: #EEEEEE;
text-align: center;
}
#box {
margin: 0px;
padding: 0px;
background-color: #FFFFEE;
border: 1px double #999999; /* 区切り線*/
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
width: 800px;
}
#top {
background-color: #FFFFEE;
border-bottom: 1px double #999999;
height: 50px;
margin-bottom: 0px;
text-align: left; /* 文字表示は左 */
}
904:887です
12/02/01 20:41:26.59 PQVRaNv/
#GArea {
background-color: #FFFFEE;
border-left: 1px double #999999;
border-right: 1px double #999999;
float: left; /* 左よせ */
width: 498px;
}
#main {
margin: 0px;
padding: 0px;
background-color: #FFFFEE; /* クリーム*/
float: left;
width: 298px;
}
#main p {
font-size: 14px;
font-color: #999999;
line-height: 1.3;
}
#bottm {
clear: both;
height: 4px;
}
p {
color: #330000;
font-size: 12px;
line-height: 150%;
padding: 5px;
text-align: left;
}
905:887です
12/02/01 20:41:50.63 PQVRaNv/
a {
color: #330000;
font-weight: bold;
text-decoration : none;
}
a:hover {
color: #CC0033;
text-decoration : underline;
}
以上です。
906:Name_Not_Found
12/02/01 20:50:56.72 S6LFyvPG
>>903
それだと
<p> ～創業期～ </p>
<p> ～本社設立～</p>
の<p>に適用されているスタイルは
#main p { 略 }
と
p { 略 }
が合わさって、あとデフォのスタイルも足すと
{
margin: 1em 0;
padding: 5px;
text-align: left;
font-size: 14px;
color: #330000;
line-height: 1.3;
}
こんなふうになってるはず
上下の1emと5pxが合わさって、すんごい間隔広がってる
<p>一個にして<br>で改行するか、marginとpaddingを0にすればいいよ
907:Name_Not_Found
12/02/01 21:05:34.01
>>902
もうあきらめろや
今の理解度じゃ
<b>○当社の歴史○</b>
<a href="ほげほげ">～創業期～</a><br>
<a href="はげはげ”>～本社設立～</a><br>
で精一杯だろ
本当の意味できっちりやりたいなら>>2を一通り読んでこい
908:Name_Not_Found
12/02/01 23:01:10.07
>>890
変更の方法はそれでよいですが、XAMPPのドキュメントフォルダはhtdocsフォルダです。
そこを指定してもだめでしたか？
ApatanaはWebサーバー機能を包括しています。ツールバーの「実行」ボタンの横にある▼を
クリックすると、ブラウザを選択できるはず。
ただし、IEとFirefoxだけすが、下記のサイトでブラウザの追加方法が紹介されています。
URLﾘﾝｸ(d.hatena.ne.jp)
各ブラウザによる確認だけでしたら、XAMPPをインストールする必要がありません。
また、PHPを実行する場合は、現バージョンではデバッガが実装されていないため、実行結果を
確認することができないようです。次バージョンを待つしかありません。
PHPの開発環境を構築するのであれば、ApatanaのベースであるEclipseをインストールして
ApatanaをEclipseのプラグインとしてインストールするとよいかと思います。
Eclipse URLﾘﾝｸ(mergedoc.sourceforge.jp)
PHPをダウンロード。XAMPPを含んでいます。
ページの下の方にXAMPPのインストールが記述されています。
Aptana Studio 3 Plugin URLﾘﾝｸ(www.aptana.com)
英文ですが,
Installing via Eclipseを参照のこと。
Eclipseの「ヘルプ」→「新規ソフトウェアのインストール」で記述されているURLをコピペして
追加、Aptana Studio 3と表示されたら、次へでインストールされます。
時間がかかりますのでのんびり待ちましょう。
インストール後は、若干UIが異なりますが、機能的にはApatanaと同等になります。
ワークスペースもxampp/htdocsがデフォルトになります。
なお、実行する前にxamppフォルダにあるApache_start.batを実行しておきましょう。