フォームとインラインフレームを並べたいんです。

[新着] Webテンプレートを仮オープンしました

0   名前： さかき ： 2006/01/27 21:21
すみません、誰か教えてください！
検索フォームとインラインフレームを横並びにしたいんですが、どうしても上下になってしまいます。
<NOBR>を指定してもダメなんですが、良い方法はありますか？？
1   名前： S ： 2006/01/27 21:21
　NOBR要素もWBR要素ももともとNetscape Navigator独自のものだから、解釈できないブラウザでは無視されるはず。
　横に並べたければ、いわゆる段組（CSSによるもの）などをすることになる。

http://members.jcom.home.ne.jp/pctips/www/html3min.html
http://members.jcom.home.ne.jp/pctips/www/DOCTYPE.html
http://members.jcom.home.ne.jp/pctips/www/bandi.html
http://members.jcom.home.ne.jp/pctips/www/faq/
2   名前： さかき ： 2006/01/27 21:21
Ｓさん、ありがとうございます！
でも、あたしみたいな初心者には理解できない言葉が多くて…。
とりあえずはHTMLではできそうにもないんですね。
CSSとやらを少しずつ理解できるようにしてみます!!
ちなみに、このサイトのデザインとかヤフーなんかのデザインも、このCSSなんでしょうか？
3   名前： カヅサツ ： 2006/01/27 21:21
> ちなみに、このサイトのデザインとかヤフーなんかのデザインも、このCSSなんでしょうか？

こちらのサイトは原則として CSS で見栄えやレイアウトを指定しているようです（ただ、掲示板の部分はちょっと首をかしげる書き方です。本論と関係ないのですが）。一方、yahoo は概ね、CSSよりも物理要素や属性、そして、本来「表」を表す table要素で見栄えの指定をしているように見えます。

yahooのようなレガシーなやり方は、これからウェブページ作りを学ぼうとする人にはまったくオススメしません。

http://www.kanzaki.com/docs/htminfo.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/
http://members.jcom.home.ne.jp/pctips/www/

良い CSS を書くためには、良い HTML を書くことがほぼ必須と言えます。
4   名前： さかき ： 2006/01/27 21:21
カヅサツさん、ありがとうございます！
まずはHTMLをちゃんと理解しなきゃダメって事からですね。
CSSを使いこなせるというのを目標に頑張ってみます！！
5   名前： さかき ： 2006/01/27 21:21
ずーっと理解しようとはしてるんですが、ちんぷんかんぷんになってしまいます。
こんなこと言っちゃダメかもですけど、例としてのタグってありますか？？
6   名前： カヅサツ ： 2006/01/27 21:21  ［URL］
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title></title>
<style type="text/css">
iframe{
float: left;
width: 40%;
height: 400px;
}
form{
float: left;
width: 30%;
background-color: #FCC;
}
h2{
clear: left;
}
</style>
</head>
<body>
<h1>Test</h1>
<h2>インラインフレームとフォーム</h2>
<p><iframe src="http://www.google.com/"><a href="http://www.google.com/">google</a></iframe></p>
<form action="">
<p>この中はフォーム</p>
<p>この中はフォーム</p>
<p>この中はフォーム</p>
</form>
<h2>その他</h2>
<p>それ以外にテキスト</p>
</body>
</html>
7   名前： カヅサツ ： 2006/01/27 21:21  ［URL］
次からは「http://○○ の××とはどういう意味か」のような質問をされると回答しやすいです。
8   名前： S ： 2006/01/27 21:21
>>5
>>3の解説記事をじっくり読めば、おのずと道が開ける。神崎氏などは、わざわざ「３０分入門」「簡単な説明」「少し詳しい説明」の３パターンまで用意してくれてるし。
　他は下記などかな。

http://deztec.jp/lecture/des/i/

　最初からＣＳＳデザインまでやろうとするより、まずは基本をおさえるべき。
9   名前： さかき ： 2006/01/27 21:21
カヅサツさん、Sさん。ホントにありがとうございます！
確かに最初からCSSデザインをやるよりも基本からやるべきですね。すみません。。
カヅサツさんから頂いたタグを使いながらちゃんと理解できるようにします！
いつかあたしも誰かに教えてあげれるようになりますね。
一覧へ戻る