改行されない様にフレームを小さくしたい

0   名前： るな ： 2006/06/16（金） 18:35
はじめまして、こんばんは。
質問なのですが、

ＭＥＮＵ　　｜
・項目１　　｜
・項目２　　｜
・項目３　　｜

上の右の線がフレームの線としまして、このように表示されているのですが、

ＭＥＮＵ｜
・項目１｜
・項目２｜
・項目３｜

上のようにぎりぎりまで近づけてフレームを表示したいのです。しかし、
少し近づけると下のように改行（？）されてしまいます。
かといって、フレームで文字が消えないようにしたいのですが、どこの設定を変えれば上手くいくのでしょうか？

ＭＥＮＵ　｜
・項目　　｜
１　　　　｜
・項目　　｜
２　　　　｜
・項目　　｜
３　　　　｜

もし良ければ教えていただけないでしょうか？
1   名前： カヅサツ ◆ThCi95HEzw ： 2006/06/16（金） 18:35  ［URL］  ID:O5hEMlpW
当然ながら、閲覧者のフォントサイズによっては、アクセスし辛いページになるので、
フレームの横幅を(作成者の環境で)内容ギリギリにするのはオススメしません。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" dir="ltr">
<head>
<title>Menu / るなのウェブサイト</title>
<style type="text/css">
body{
	margin: 0px;
	padding: 0px;
}
ul{
	margin: 1em 0em 1em 1.5em;
	padding: 0px;
}
li{
	write-space: nowrap;
}
</style>
</head>
<body>
<h1>Menu</h1>
<ul>
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
</ul>
</body>
</html>

2   名前： 匿名 ： 2006/06/16（金） 18:35
無理矢理な方法ですが…

メニュー項目を画像にするという手もありますぞい
3   名前： 白色 ： 2006/06/16（金） 18:35  ID:Ch/reaFG
ふと思ったのだが･･･。
単に右寄せするだけじゃ駄目なの？
4   名前： 匿名 ： 2006/06/16（金） 18:35  ID:nxt5lbRN
フレームに横スクロールバーが出るように、メニューを横幅指定したBODY内におけばいいのでは？
5   名前： るな ： 2006/06/16（金） 18:35
皆様、ご親切に返信ありがとうございます。

＞カヅサツ様
タグありがとうございます。
教えていただいたものを表示させてみたのですが、文字とフレームの線との間の空間（スクロールバーの出現予定場所？）は、消す事ができないのでしょうか？
しかし、ギリギリに設定する事によって他の方が見難くなるとアドバイスをいただいたので、もう少し閲覧者に優しいサイトを目指したいと思います。どうもありがとうございました。

＞匿名様
ありがとうございます！
まだ試していないのですが、使えそうです！
項目が少ないところで挑戦したいと思います。

＞白色様
スクロールバーを寄せていくとギリギリにこないうちに改行されまして・・・
すみません、せっかくアドバイスくださったのに・・・
レスありがとうございました。

＞匿名様
他のブラウザの方に迷惑掛けないように横スクロールバーの設定をしておきます！
アドバイスどうもありがとうございました。
6   名前： 白色 ： 2006/06/16（金） 18:35  ID:oET8vtq9
るなさんへ。
私が言いたかったのはスクロールバーの事ではなくページの要素右寄せの事ですｗ；
（言葉が足りなくてすみません）
<div align="値"></div> とか<p align="値"></p>
使ったらメニューの幅を狭く取らなくても端に寄せることは可能なのでは？
カツザツ様のbodyの marginとpaddingを0にするやり方と組み合わせてやってみては如何かと。
「メニューの文字の先頭は左に揃えたいんだ」という方なのでしたら
無理矢理テーブル使うっていう手もあります。（本当に無理矢理ですが）
7   名前： カヅサツ ◆ThCi95HEzw ： 2006/06/16（金） 18:35  ［URL］  ID:O5hEMlpW
> 教えていただいたものを表示させてみたのですが、文字とフレームの線との間の空間（スクロールバーの出現予定場所？）は、消す事ができないのでしょうか？

フレームの幅を狭くするしかない(環境次第では消せない)ので、前述の通りオススメしません。
8   名前： るな ： 2006/06/16（金） 18:35
＞白色様
私の理解力がないばっかりにお手を煩わせてしまってすみません！
是非、組み合わせて使わせていただきますね。
ありがとうございました。

＞カヅサツ様
やはりそうですか・・・
わざわざありがとうございます！！
とても勉強になりました。
一覧へ戻る