• 締切済み

スタイルシートについて

HPでショッピングカートを設置してます。 レンタル会社に教えてもらったのですが、うまくいきません。 解る方がいましたら教えてください。 1行テキスト領域に文字を入れてカゴ入れるとカゴの中の「品名」部分に文字が繁栄されるようにしてます。 文字は入るのですが、文字数が多いと品名部分の幅が長くなってしまいます。 HTMLタグ<form>~</form>内に下記のタグを追加するという事でした 例)「■文字」と入力フィールドを追加する(品番 name) <FORM name="itemForm" action="​http://ysksbt.net/cart.jsp"​ method="post" target="cartwin"> <input type="hidden" name="command" value="add"> <input type="hidden" name="U_name" value=""> <input type="hidden" name="listURL" value="close"> ■ 種類 <select name="S_name"> <option value="s1">4cm </option> <option value="s2">2cm </option> </select> ■ 個数 <select name="C_name"> <option>1</option> <option>2</option> <option>3</option> </select>個 ■文字 <input type="text" name="1_name"> <INPUT type="image" src="​http://ysksbt.com/new_icon/b_cart.gif">​ </FORM> 「■文字」の1行テキストに文字を入れてカゴの中に入れるボタンを押すと品名の部分に文字が繁栄されるのですが、文字の数だけ品名の横幅が長くなり、ある程度の文字数になったら改行されるように .itemnamecell {width:100px;white-space:normal !important;} こちらのタグをスタイルシートへ入れてカゴの中を見たら、 「■種類」には繁栄されるのですが、「■文字」には100pxが繁栄されません。 スタイルシート初心者なのでカート会社の支持通り指定しても思うようにいかず、どこが違うのかもよく分かりません。 解る方がいましたらよろしくお願いします。

みんなの回答

  • nobrain
  • ベストアンサー率39% (29/73)
回答No.1

これが当該ソースなら不完全ですね。 この中にはスタイルシートが適用される部分がありませんよ。 >1行テキストに文字を入れて >… >ある程度の文字数になったら改行されるように 改行したら1行じゃありません。 またスタイルの記述が無くても文字数の設定は属性で出来ます。しかし、1行じゃないものを input で扱うのが間違いだと思われます。 この場合は textarea でしょうか。

参考URL:
http://www.scollabo.com/banban/lectur/ht14.html
全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ラジオボタンでうまくするには・・・・

    初めまして。 現在下記のプルダウン形式で、一つの価格が同じなので問題なく動くのですが <FORM action="cart/sys/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> <SELECT name=sur> <OPTION value="" selected>購入数量</OPTION> <OPTION value=1>1</OPTION> <OPTION value=2>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> <OPTION value=5>5</SELECT> <INPUT type=submit value=カートに入れる> </FORM><BR> <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=hidden value=2000 name=tan> </FORM> 同じ商品で1・2・3・4・5のそれぞれに単価が変わる設定をしたいのですが、うまくいく方法が見つからないです。 ラジオボタン形式で作ってみたものの・・・・ <FORM action="・・・/cart.cgi" method="post"> <INPUT type=hidden value=005 name=num> <INPUT type=hidden value=●●● name=name> <INPUT type=submit value=カートに入れる> </FORM> <FORM> <INPUT type="radio" name="name1" value="2000">1袋<BR> <INPUT type="radio" name="name1" value="3900">2袋<BR> <INPUT type="radio" name="name1" value="5800">3袋<BR> <INPUT type="radio" name="name1" value="7500">4袋<BR> <INPUT type="radio" name="name1" value="8500">5袋</FORM> としてみましたがうまくいきません。 なにか方法ございましたら、ご教授いただければと思います。

    • ベストアンサー
    • HTML
  • flashにショッピングカートのタグは埋め込めますでしょうか?

    flashにショッピングカートのタグは埋め込めますでしょうか? 現在、フルフラッシュのネットショップを作成しております。 商品ページもフラッシュのswfファイルで作成したいと考えております。 その際、ASPショッピングカートの買い物カゴボタンタグをswfに埋め込む方法ありますでしょうか?(ASPはすでに契約済みです) タグは下記のようなものです。 <form action="http://abc/index.php" method="post"> <input type="hidden" name="itemCodeAsId" value="T1" /> 数量&nbsp;<select name="amount"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <input type="hidden" name="action" value="cart_add" /> <input type="image" src="//abc.jp/images/pickItem.gif" alt="カゴに入れる" /> </form> ActionScriptを併用すればできそうな気がするのですがいかがでしょうか? 詳しい解説ページなどありましたらお教え頂けると助かります。 (できなかったら、商品ページだけhtml化しようと考えております) それでは、よろしくお願いします。

    • ベストアンサー
    • Flash
  • 子ウインドウのカート送信時に親ウインドウに結果表示したい

    親ウインドウからカート表示する子ウインドウ開き、 カートの送信ボタンを押した後、子ウインドウには カートを表示したままで、親ウインドウにカートを 表示したいのです。通常のカートだと送信ボタンを押すと そのウインドウにカート内容が表示されてしまいます。 子ウインドウ <form action="http://www.****.cgi" method="post"> <input type="hidden" name="_shop_id" value="****"> <select name="_item"> <option value="商品A\200">商品A \200 </select> <input type="hidden" name="_zaiko" value=""><select name="_num"> <option value="1">1 <option value="2">2 <option value="3">3 </select> <BR> <input type="hidden" name="_memo1"><input type="hidden" name="_memo2"> <input type="hidden" name="_memo3"> <input type=hidden name="ORDSTEP" value="step1"> <input type="submit" value="買い物カゴへ"></form> 親ウインドウ <script language="JavaScript"> <!-- var openWin ; //--> </script> </HEAD> <BODY> <DIV style="width : 42px;height : 16px;top : 55px;left : 157px; position : absolute; z-index : 1; " id="Layer1"><input type ="button" value ="OPEN" onclick ="openWin = window.open('testcart1.htm', '', 'width=400,height=400');" 以上よろしくお願いします。

  • select値をhiddenのvalueに渡したい

    selectで選択されたvalue値を下のhiddenのvalue値(id)に渡して、 hiddenのvalue値(id)がselectで選択されたvalue値になるような フォームを作りたいのですが、作り方をお教え頂ければ幸いです。 <form name="form" method="get" action="index.cgi"> <select name="mode"> <option value="100023">和書</option> <option value="100241">洋書</option> <option value="100524">エレクトロニクス</option> </select> <input type="hidden" name="serch_janru" value="id" /> <input type="text" name="keyword" value="keyword" /><input type="submit" name="submit" value="商品を検索" /> </form> ソース等、具体的にお教え頂けると助かります。 どうぞ宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 確認画面で表示される商品名にリンクをつけるには!?

    よくショッピングカートとかで表示される確認画面で商品名は表示されるのですがこれをクリックして新しい画面(***.html)が出るようにするにはどうすればよいのでしょうか?よろしくお願いいたします。 ちなみに現在は下記のような感じになっています。 <form method=post action="../cart.asp"> <input type=hidden name="action" value="regist"> <input type=hidden name="goods" value"商品名"> <input type=hidden name="unit" value="100"> <input type=submit value="カゴへ"> </form>

    • ベストアンサー
    • CGI
  • ショッピングカートの精算

    今、簡単なショッピングカートを作成しているのですが、品物の個数を プルダウンメニューで選択して、確認ボタンを押した時に品物の個数と その金額を精算するというスクリプトで悩んでいます。データベースなどは使わずにPHPだけで今進めています。 なにか例などを上げていただけますでしょうか? スクリプトは下記のような感じで作っています。 <form method = "post" action = "syoppingkakunin.php"> <select name = "ringo"> <option value = "1">1</option> <option value = "2">2</option> <option value = "3">3</option> <option value = "4">4</option> <option value = "5">5</option> </select> <input type = "submit" name = "submit" value = "確認"> <input type = "hidden" name = "Fruit" value = "ringo"> <input type = "hidden"name = "ringo" value = "100"> </form>

    • ベストアンサー
    • PHP
  • セレクトボックスとチェックボックスを使った絞込み検索

    Yomi-Searchについての質問なのですがタイトルの通りの質問でチェックボックスを使った絞り込み検索では 01_03 04_01 と検索結果に表示されるのですがセレクトボックスとチェックボックスを組み合わせて絞り込み検索をしてみると 01_0304_01 とこのようにカテゴリとカテゴリの間にスペースが入らず絞り込み検索が出来ません‥ タグはこのように書きました。 <FORM action="http://www..." method="get" target="" name="form1"> <INPUT type="hidden" name="mode" value="search"> <INPUT type="hidden" name="page" value="1"> <INPUT type="hidden" name="sort" value="mark"> <INPUT type="hidden" name="engine" value="pre"> <INPUT type="hidden" name="kn" value="30"> <SELECT size="1" name="word"> <OPTION type="selected" value="">--------</OPTION> <option value="01_01" name="word1">○○○</option> <option value="01_02" name="word2">○○○</option> <option value="01_03" name="word3">○○○</option> </SELECT><BR> <BR> <INPUT type="checkbox" name="word4" value="04_01">○○○<BR> <INPUT type="checkbox" name="word5" value="04_02">○○○<BR> <INPUT type="checkbox" name="word6" value="04_03">○○○<BR> <BR> <INPUT type="submit" value=" 検 索 "> <INPUT type="reset" value="リセット"> &nbsp; </FORM> 全くの初心者ですいませんが良きアドレスなどをお願いします。

  • フォーム内だけで"EUC-JP"を使う具体的なソースを教えてください

    フリーのショッピングカートを使って ー-------------------------- <form method="post" action="http://xxx.com/web_cart/cart.php" accept-charset="EUC-JP"> <div align="center"><img src="http://xxx.com/web_cart/img.php?path=./item_img/1_0.jpg&scale=150" width="188" height="188" border="0" /><br /> カラー: <select name="i_opa_value"> <option value="白">白</option> <option value="青">青</option> </select><br /> 数量: <select name="i_cnt"> <option value="1">1</option> <option value="2">2</option> </select> <br /> <input type="submit" value="カートに入れる"> <input type="hidden" name="cart_md" value="in"> <input type="hidden" name="i_num" value="1"> </div> </form> ー-------------------------- というソースの白、青という文字を"EUC-JP"で 送らなければならないですが、上記の内容だとIEで うまく動きません。 http://search.web-sun.com/zatu/charset.html も教えていただいたのですが、試行錯誤もむなしく、 実現できない状態です。 図々しいのですが、具体的なソースを教えていただけると 大変助かります。

    • ベストアンサー
    • CGI
  • ボタンクリックで新しいウィンドゥを開けたいです。

    どなたかお知恵をお貸しください。 フォームボタンにてボタンクリックで新しいウィンドゥにて表示させたいのですが やり方が分かりません。 (1)画像をクリック時に買い物カゴに自動的に移動し該当商品がすでに選択されるようにしたい。 (2)その画像をクリック時に買い物カゴのページに移動するが、その際新しいウインドゥにて表したい。 ソースは下記のとおりです。 <form action="http://www.************.php"method="get" > <input type="hidden" name="mode" value="cart" /> <input type="hidden" name="product_id" value="7" /> <input type="hidden" name="product_class_id" value="7" /> <input type="hidden" name="quantity" value="1" /> <INPUT type="image" SRC="../img/**********.png" alt="*********のご購入はこちらから" border="0" /> </form> 上記の際、windowをopenする際どのようなタグにすればよろしいでしょうか。 お手数おかけしますがよろしくお願いします。

  • プルダウンメニューで選択しないとカートに入らないようにしたいのですが

    初めまして、宜しくお願い致します。 現在ウェブショップを運営しているのですが、 Aという箱の商品に必ずオプションとして(1)~(3)の商品を二つ選択してもらったうえで「カートに入れるボタン」を押してほしいのですが(Aだけの販売はしていません)、現状では(1)~(3)を何も選択しなくてもAという商品だけをカートに入れられる状態です。 下記ソースの「--選択して下さい--」を選択している状態ではカートに入らない様にするにはどうすれば良いのでしょうか? どなたかご存知な方がいらっしゃいましたらご教授頂けると幸いです。 宜しくお願い致します。 <form name="escart1" action="http://サーバーアドレス" method="post"> 商品の種類: <select name="opt1"> <option value="--選択して下さい--">--選択して下さい--</option> <option value="(1)@@500">(1)500円</option> <option value="(2)@@600">(2)600円</option> <option value="(3)@@700">(3)700円</option> </select> <select name="opt2"> <option value="--選択して下さい--">--選択して下さい--</option> <option value="(1)@@500">(1)500円</option> <option value="(2)@@600">(2)600円</option> <option value="(3)@@700">(3)700円</option> </select> <br>数量: <select name="num"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <input type="image" src="../common/img/btn_cart2.gif" value="submit" alt="カートに入れる" width="164" height="30" /> <input type="hidden" name="sid" value="サーバーID"> <input type="hidden" name="pid" value="商品コード"> </form>