自分のHP作成中に困っています。
OSはWindowsME,ブラウザはIE5.5です。
body内に設定したformの複数のsubmitボタンに
それぞれリンクを張って、ページ中央に
横一列に並べたいのですが、以下のpにCSSで
p { text-align:center; white-space:nowrap; }
と設定しても、ボタンが中央に縦一列に
並んでしまいます(リンクは張れたのですが)。
<p>
<form action="index.html">
<input type="submit" value="top">
</form>
<form action="about.html">
<input type="submit" value="about">
</form>
:
</p>
※実際のHTMLは<p>から全て改行無しで並べて
います。全部で5個のボタンです。
CSSをやめて<p>の後のHTMLに<nobr>を書いても
だめでした。縦一列だと場所も取るし、見栄えも
悪いのです。
当初はinputのtypeを"button"にして
<input type="button" onclick="location.href='index.html'">
の様にして複数並べてみたのですが、このHPは
PCと同時に出来れば携帯(i-modeだけでも)対応に
したいので、上記の方法だとPCではOKでも
携帯(i-mode)からだとボタンを押しても何も
変わらないのです(docomoサイトで調べた所、inputで
"button"は未対応なのと、携帯はJavaScript未対応
だからなのでしょうか?)。
submitボタンで上記の希望を満たせれば、携帯でも
PCのデザイン的にもOKかな?と思うのですが、
どうしてもボタンを横一列に並べられず、困っています。
こういった事は不可能なのでしょうか?
どなたかお教え下さいます様、お願い致します。
No.1ベストアンサー
- 回答日時:
以下のようなかんじで。
<p>
<table><tr>
<form action="index.html">
<td>
<input type="submit" value="top">
</td>
</form>
<form action="about1.html">
<td>
<input type="submit" value="about1">
</td>
</form>
<form action="about2.html">
<td>
<input type="submit" value="about2">
</td>
</form>
<form action="about3.html">
<td>
<input type="submit" value="about3">
</td>
</form>
<form action="about4.html">
<td>
<input type="submit" value="about4">
</td>
</form>
</tr>
</table>
</p>
この回答への補足
テーブル使えばいいんですね!!
「目からウロコ」の気分です。
早速試してみた所、キレイに横一列になりました!!
携帯(i-mode)で確認した所、ボタンから
次のボタンへの移動がスムーズにいかない
(何回か▼を押さないと次に移動出来ない)及び
ボタンを押してもリンク先にとばないという
問題が発生したのですが、
<input type="submit" value="top" accesskey="1">
という様に「accesskey」をつけたらナゼか
(その番号を押さなくても)リンク出来ました。
...という事で、無事解決致しました!!
※参考までに、typeを“button”に戻して実験した
結果は、やはり携帯では上手く作動しませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
グーグルマップの文字化けで困...
-
どのボタンが押されたかによっ...
-
IEでのボタンの幅の調整方法
-
戻ると、記入フォームの内容が...
-
ボタンのなかに表示する文字を...
-
リンクでPOSTデータを送信する...
-
フォームに入力した文字列「○○○」...
-
HTMLでのid とnameの違い
-
ASP.NET ブラウザでボタンが表...
-
submitボタンを横一列複数リン...
-
削除ボタンを押すとperlにてデ...
-
Accessの画面更新を一時的に停...
-
c# 文字列の最後から1文字削除...
-
コネクション・セッション・ト...
-
aspxをhtmlに変換する方法について
-
asp.NET初心者です。「 ’Contex...
-
DataGridViewのチェックボック...
-
テキストボックスのクリックで...
-
同じソリューション内の別のプ...
-
ブラウザを閉じずにセッション...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
getParameterで値が取得できず...
-
ボタンのなかに表示する文字を...
-
ただいま勉強始めたての初心者...
-
formの送信ボタンをテキストに...
-
htmlでsubmit送信時、actionよ...
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
inputのtextとsubmitの高さがズ...
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
削除ボタンを押すとperlにてデ...
-
<FORM> </FORM> の中に さらに...
-
グーグルマップの文字化けで困...
-
submitボタンを横一列複数リン...
-
UWSC
-
HTMLのKEYとVALUE...
-
[]を付けずにcheckboxの値を複...
おすすめ情報