- 締切済み
HPの電話番号表示について
皆様よろしくお願いします。 HPに電話番号を記載し、その番号をタップすると電話がかかるようにする方法についてです。 文章部分のHTMLは・・・ <p><strong><span style="font-size: 18px;">青空市場 </span></strong></p> <p>■住所：愛知県</p> <p><span style="font-size: 15px;">■TEL：000-0000-0000</span></p> となっています。 調べるとここに・・・ <a href="tel:000-0000-0000">TEL000-0000-0000</a> これをいれるみたいなのですが、どこにどんなふうに入れればいいのでしょうか？ よろしくお願いいたします。
- tengon
- お礼率90% (87/96)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- youtoyuku
- ベストアンサー率40% (4/10)
ホームページの特質からして単純にリンクを貼っただけではタップ操作で電話がかかるようにはならないです。
- Gletscher
- ベストアンサー率23% (1525/6504)
<p><span style="font-size: 15px;">■TEL：000-0000-0000</span></p> のところを、 <p><span style="font-size: 15px;">■<a href="tel:000-0000-0000">TEL000-0000-0000</a></span></p> にします。
- t_ohta
- ベストアンサー率38% (5076/13258)
Aタグで電話リンクにするには <p><span style="font-size: 15px;">■<a href="tel:000-0000-0000">TEL000-0000-0000</a></span></p> スマホなら電話番号を半角で書いておけば勝手にリンクにしてくれます。
関連するQ&A
- ホームページ作成のプログラム言語
ブログを作成中の初心者です。 言葉を表示するのに、例えば、 <span style="color: #993300;"><font size="3"><strong> 今 日 の エ ピ ソ ー ド </strong></font></span> となりますが、 「今日のエピソード」を文頭でなく、数文字右にずらして書く場合の何か簡単なコマンドはありませんか。中央にもってくるのはバランスが悪いので、<center>は使えません。 現在は、<span style="color: #993300;"><font size="3"><strong> 今 日 の エ ピ ソ ー ド</strong></font></span> と野暮ったく文字位置をずらしています。 よろしくお願いします。
- ベストアンサー
- HTML
- tableの大きさが編集領域とブラウザで異なる
現在、ビルダーにてHPを作成しております。 tableの大きさが編集画面で見るのと、ブラウザ上で見るのでは 大きさが異なってしまいます。 解決方法を教えてください。よろしくお願いします。 <DIV style="width : 157px;height : 607px;top : 72px;left : 2px; position : absolute; z-index : 9; " id="_HPB_LAYOUT_LMV0" class="hpb-side-cell3" align=""> <DIV> <TABLE cellpadding="0" cellspacing="0" class="hpb-vmenu1" id="_HPB_LINK_MENU_TABLE_01" width="157" height="200" border="1" style="table-layout: fixed;"> <TBODY> <TR> <TD class="hpb-vmenu1-head" height="15"><IMG src="c5.gif" alt="" width="1" height="1" border="0"></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="#" class="hpb-vmenu1-link0"><SPAN style="font-size:11pt">文字</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="sub1.html" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">メニュー</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="sub2.html" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">表</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="sub3.html" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">期間限定</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="sub4.html" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">紹介</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="sub2.html" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">ご注文</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="#" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">ご相談・ご質問</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="#" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">コンセプト</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-idle1" height="50"><STRONG><A href="#" class="hpb-vmenu1-link1"><SPAN style="font-size:11pt">地域</SPAN></A></STRONG></TD> </TR> <TR> <TD class="hpb-vmenu1-foot" height="15"><IMG src="c5.gif" alt="" width="1" height="1" border="0"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV>
- 締切済み
- ホームページ作成ソフト
- リンクにカーソルを合わせてもカーソルが変化しません
ＨＰを作成しているのですが、メニューを作成していて、メニューにカーソルを合わせてもpointer(手のマーク)にならず、テキストのときに出るIに似たアイコンのままになってしまいます。(リンクは問題なく飛べるのですが、分かりづらいです) メニューのボタンは素材屋さんのサイトにかいてあったソースをいただきましたので画像ではなく、全てソースから出来ています。 いろいろ調べて実践したのですがなかなかカーソルが変わりません＞＜ どうしたら変わりますか？ちなみにメニューのソースは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS"> <title>メニュー</title> </head> <p align="center"> <button style="BORDER-LEFT-COLOR: #ff80c0; BACKGROUND: #ffffff; BORDER-BOTTOM-COLOR: #ff80c0; WIDTH: 97px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #ff80c0; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 52px; BORDER-RIGHT-COLOR: #ff80c0; BORDER-BOTTOM-STYLE: solid; type: " onclick="window.open('top_page.html','トップページ','')" button?><span style="FONT-SIZE: 23px; FILTER: dropshadow(color=#ffd5d5,offX =5,offY=5); WIDTH: 90px; COLOR: #74faf3; LINE-HEIGHT: 2; FONT-FAMILY: HGP創英角ポップ体; HEIGHT: 46px"> <p align="center">TOP</p> <p align="center"> </p></span></button> </a> <font size="5"><strong><em><font size="5"><strong><em><u></u></em></strong></font></em></strong></font></p> </body> </html> です。途中にある「トップページ」というのはtarget先です。 どなたか分かる人お願いします！！
- ベストアンサー
- その他([技術者向] コンピューター)
- CSSでのフォントサイズ指定におけるジレンマ
以下の例文では、 * {font-size: 10pt;} があるゆえに、赤太字で示された .ddd {color: #ff0000;font-weight: bold;} のフォントサイズがばらばらになってしまいます。 各所の指定フォントサイズを遵守させ、かつ赤太字を有効化するにはどのようにればよいでしょうか。 * {font-size: 10pt;}は事情あってやめられません。 「.ddd」に、font-size: middleを入れたりしてもだめでした。 !importantとか、何か簡単な「おまじない」の追記で解決できるといいのですが。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> <!-- * { font-size: 10pt; } dd { font-size: x-small; } dt { margin-left: 30px; } .eee { border: 1px solid #000; font-size: small; } .ccc { font-size: xx-large; } .aaa { font-size: medium; } .bbb { font-size: small; } .ddd { color: #ff0000; font-weight: bold; } --> </style> </head> <body> <h2> <a href="./a.htm" style="font-size: large;">2014年の<span class="ddd">雪</span>景色</a></h2> <a href="./index.php" class="eee"><span class="ddd">雪</span>下くんの感想</a> 1月には何度も降雪、周りは<span class="ddd">雪</span>、<span class="ddd">雪</span>、<span class="ddd">雪</span>… <dl> <dt class="Tab"><span class="ccc">首都圏では不慣れな<span class="ddd">雪</span>かきなどに追われた</span></dt> <dt><span class="aaa"><span class="ddd">雪</span>下大介</span> <span class="bbb">大阪府立降<span class="ddd">雪</span>下小学校3年</span></dt> <dd>大阪ではひさしぶりに<span class="ddd">雪</span>が降りました。この時期での降<span class="ddd">雪</span>は珍しい。</dd> </dl> </body> </html>
- ベストアンサー
- CSS
- ネスケとＩＥを同じ表示にしたい
文字をborderで囲ったものを二列に６つずつ並べて、サイトのメニューとして 使っています。 HTMLを以下のように記し、↓ <div> <span class="menu"><a href="#">AAA</a></span> <span class="menu"><a href="#">BBB</a></span> …… </div> <div> <span class="menu"><a href="#">CCC</a></span> <span class="menu"><a href="#">DDD</a></span> …… </div> これをcssで以下のようにしているのですが、ネスケで上手く表示されません 。 .menu { font-size: 13px; text-align: center; margin: 2px; border:1px solid gray; width: 97px; height: 15px; color: #808080; } どうも、marginとwidth、heightが反映されていないようなのですが、これを ネスケでも反映させるにはどうしたらいいでしょうか。 宜しくお願いします。
- ベストアンサー
- HTML
- スタイルシートで指定した大きさにならない・・・
スタイルシートにチャレンジしているのですが、 文字の大きさが指定したとおりになりません。 以下のようにした場合、 ＢＯＤＹの文字を１２ＰＸにしているのですが、 １４ＰＸの文字の方が大きく見えてしまいます。 ---------------------------------------------- <HTML> <HEAD> <TITLE>CCS勉強</TITLE> <STYLE type="text/css"> <!-- BODY{ font-size : 12pt; } .16 { font-size: 16px ; } /* 16 */ .14 { font-size: 14px ; } /* 14px */ .10 { font-size: 10px ; } /* 10px */ --> </STYLE> </HEAD> <BODY><SPAN class="16">16pxの文字</SPAN> <BR> <SPAN class="14">14pxの文字</SPAN><BR> <SPAN class="10">10pxの文字</SPAN> <P>ＢＯＤＹのもじ12px</P> </BODY> </HTML> ---------------------------------------------- 初心者なのでどこが間違っているのかよく分からず 困っていますので、ご存知の方がおられましたらよろしくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- jQueryで特定のcssプロパティの値を書き換えたい
jQueryで特定のcssプロパティの値を書き換えたい html上にインラインで記述しているスタイルのうち、特定のプロパティの値のみをjQueryで書き換えることはできますでしょうか。 具体的には↓ <span style="font-size: 16px;font-weight: bold;">テキスト1</span> <span style="color: #f00; font-size: 16px;">テキスト2</span>を <span style="font-size: 18px;font-weight: bold;">テキスト1</span> <span style=""color: #f00; font-size: 18px;">テキスト2</span>に style属性のfont-size: 16px;をfont-size: 18px;にしたい。 他は変えずそのままにしたい。 $(function() { $('span').filter(function() { return ($(this).css("font-size","16px")); }).css("font-size","18px") }); http://okwave.jp/qa/q5310183.html 似たような質問が上記でされていて、真似て書いてみたのですが、これだとfont-sizeが16pxでないものも全て18pxに書き換わってしまいました。 不勉強でお恥ずかしい限りですが、詳しい方いらっしゃいましたらどうかご教授ください。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 自動的に空欄を埋めれるようにするには？
お世話になります。 以下はテーブルを使ってつくられたものです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>index03のページ</title> <style type="text/css"> <!-- body { background-color: #FFFFCE; background-image: url(); } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .style132 {font-size: 14px; color: #CC6600; } .style153 {font-size: 16px; color: #9CCE39; font-weight: bold; } .unnamed1 { font-size: 16px; color: #FF0000; font-style: italic; font-weight: normal; } .unnamed2 { color: #FF6600; font-size: 16px; font-style: italic; } .unnamed3 { color: #CCCC00; font-size: 16px; font-style: italic; } .unnamed4 { color: #6B9C21; font-size: 16px; font-style: italic; } .unnamed5 { color: #006600; font-size: 16px; font-style: italic; } .unnamed6 { color: #55A0FF; font-size: 16px; font-style: italic; } .unnamed7 { color: #0000FF; font-size: 16px; font-style: italic; } .unnamed8 { color: #6600CC; font-size: 16px; font-style: italic; } .style1 {color: #FFFFCE} .style2 {color: #A9E2A9} --> </style> </head> <body bgcolor="#ECE9D8"> <a name="建設業"></a><br> <table width="746" height="26" border="1" bordercolor="#9CCE39" bordercolorlight="#9CCE39" bordercolordark="#9CCE39" bgcolor="#9CCE39"> <tr> <td width="736" height="20" align="left" valign="middle" background="color01.gif"> <span class="style153">■</span> <span class="style153">建設業</span> <span class="style153">■</span></td> </tr> </table> <br> <span class="unnamed1">（あ行）</span> <table width="740" cellspacing="0"> <tr valign="middle"> <td width="367"></td> <td></td> </tr> <tr valign="middle" bgcolor="FFFFCE"> <td> <a href="A073.htm" target="_parent" class="style132">・ あああ</a></td> <td> <a href="A017.htm" target="_parent" class="style132">・ いいい</a></td> </tr> <tr valign="middle" bgcolor="FFCCFF"> <td> <a href="A069.htm" target="_parent" class="style132">・ ううう</a></td> <td> <a href="A043.htm" target="_parent" class="style132">・ えええ</a></td> </tr> こちらはテーブルを使って書かれたものですが、 (1)テーブルを使わずに (2)「あああ」を消した場合 (3)自動的に「いいい」が「あああ」のあったところに移動 させるには、どうしたらよいでしょうか？ ヒントでもかまいませんので、ご協力よろしくお願いします。
- 締切済み
- HTML
- リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいので
リンクの文字とリンクの文字を横に並ばす時に適度にスペースを入れたいのですがどうすればよいでしょうか？特に「はいそうです。」と「いいえ、違います」のリンク文字の間にスペースをキーボードから打ち込もうとすると、リンクの下線が伸びてしまうのですが・・・。文字の下のリンクの下線は残したまま、スペースの時に下線が伸びないようにするにはどうすればよいでしょうか？ <style type="text/css"> <!-- .style1 { font-size: x-large; font-weight: bold; } --> </style> </head> <body> <p class="style1"><img src="../image/web_013.gif" alt="引越元も引越先も1階かつ目の前でこちらが用意した台車は使用可能ですか？" width="400" height="77" /></p> <div align="justify"> <a href="link3.html"><span class="style1">１．はいそうです。 </span></a> <a href="link0.html"><span class="style1"> ２．いいえ、違います。</span></a><br /> </div> <p><span class="style1"> <img src="../image/web_024.gif" alt="引越元と引越先" width="300" height="357" /></span> <a href="link1.html"></a></p> <a href="link1.html"> <p align="left" class="style1"><input type="button" value="前へ戻る" onclick="window.history.back()" /> </p> </a> <a href="../index.html"> <p align="center">トップページへ戻る</p> </a> <p class="style1"> </p> </body> </html>
- ベストアンサー
- HTML
お礼
ありがとうございます！すぐにやってみます。ホント、助かります！