- 締切済み
スマホで見るとリンクが中央に来ないです
スマートフォンサイトを作っているのですがタイトルのとおり、スマホでリンクの文字が 少し左寄りになってしまい中央に来なくて困っています。(添付ファイルがそうです) 出来る限りで色々試してみましたが、自分の力量では駄目でした。 これは中央に持って来る事は出来るのでしょうか？ 宜しければお教え頂けると幸いです。 ソースは詳しくないので色々間違っているかもしれませんが、こちらになります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-style-Type" content="text/css"> <meta name="generator" content="HomePage Creator v5.0J"> <meta name="viewport" content="width=device-width"> <title>ひとがた</title> </style> </head> <BODY text="#000000" link="#000000" vlink="#000000" alink="#000000"> <CENTER><img hspace="0" src="http://oht.holy.jp/e/k_h/3.jpg" align="baseline" border="0"> <br><br> <div align="center"><a href="http://oht.holy.jp/k/h">戻る</a></div> </center> </body></html>
- aidae12
- お礼率15% (11/71)
- Android
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- Safe_Mode
- ベストアンサー率48% (1329/2725)
とりあえず、下記は不要と思われますので、その部分を削除してみてはどうですか？ </style> 対になる<style>タグが無いし、そもそもスタイルシートを使ってないので不要でしょう。 <div align="center">⇒<div> <center></center>タグでセンタリングさせているなら<div>にalign="center"は不要でしょう。
関連するQ&A
- スマホで見るとリンクが中央に来ない。
まだ解決していないので宜しくお願いします。 ＰＣから見ると正常に中央にリンクが表示されるのですが、 スマホから見るとリンクが左寄りになってしまいます。（添付画像がそうです。） どうにか中央に持って来たいのですがいくらやっても出来ません。中身は下記です。 下記の内容で間違い等ありましたらご指摘の方お願い致します。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-style-Type" content="text/css"> <meta name="generator" content="HomePage Creator v5.0J"> <meta name="viewport" content="width=device-width"> <BODY text="#000000" link="#000000" vlink="#000000" alink="#000000"> <div align="center"><img hspace="0" src="http://oht.holy.jp/e/k_h_o/b27.jpg" align="baseline" border="0"> <br><br> <a href="http://oht.holy.jp/k/h_o">戻る</a></div> </body></html>
- 締切済み
- HTML
- CSSでテーブルを中央にする方法
CSSでテーブルを中央にする方法を教えてください いろいろなサイトで見た通りにしたのですが、どうしてもFirefoxではテーブルが中央によりません。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content=""> <meta name="keywords" content=""> <title>テーブル</title> <style type="text/css"> <!-- .tableley { margin-left: auto; margin-right: auto; text-align: center; } //--> </style> </head> <body> <div class="tableley"> <table cellpadding="0" cellspacing="0" summary="テスト" border="1"> <caption style="font-weight: bolder;">てすと</caption> <tbody> <tr> <td>てすと1</td> <td>てすと2</td> <td>てすと3</td> <td>てすと4</td> </tr> <tr> <td>てすと5</td> </tr> </tbody> </table> </div> </body> </html> 何が悪いのでしょうか？ <div align="center">にするしか方法がないのでしょうか？ 文法検証すると<div align="center">はあまりよくない使い方と指摘されてしまいます よろしくお願いします。
- ベストアンサー
- HTML
- どうしても文字が中央に表示されない
<html> <head> <meta http-equiv="Content-Type"content="text/html;charset=Shift_JIS"> <title>部屋</title> </head> <body leftmargin="0" topmargin="0"> <IMG src="top.gif" width="100%" height="100%" style="position:absolute; top:0px; left:0px; z-index:1"> <DIV style="position:absolute; top:0px; left:0px; z-index:2"> <p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <strong><font size=9><center>入口</center></font></strong></p> </DIV> </body> </html> この入口という文字を中央に表示したいのですが、<center></center> というタグをどこに入れても表示できないのです。 どうかよろしくお願いします。
- ベストアンサー
- HTML
- IEでCSSの中央寄せが効かない
common.cssという外部CSSファイルで .main{ width:800px; margin:0 auto; } としています。 HTMLを簡単に書くと <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>test</title> <meta content="text/javascript" http-equiv="Content-Script-Type"> <link media="all" type="text/css" rel="stylesheet" href="css/common.css"> </head> <body> <div class="main"> ここに中央寄せになった記述 </div> </body> </html> としています。 firefoxでは中央寄せになりますが、IE8では中央によりません。 どのようにしたら良いでしょうか？
- ベストアンサー
- HTML
- リンクバナーからリンクできません
ｇｏｏでのホームページをホームページビルダー６で作成しました。リンクバナーを貼ったのですがサイト上のバナーからリンクができません。ビルダーのプレビューではリンクできますし、サイト転送もできています。以下がサイトのソースです。どこが間違っているのか教えていただけますでしょうか。どうぞ宜しくお願い致します。また、ＰＣ歴が三ヶ月なのであまり専門用語は分りません。お手数をおかけ致しますがどうぞ宜しくお願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Homepage Builder Version 6.0.4.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY background="My Pictures/haikei125.jpg" text="#FF00FF"> <P align="center"><EMBED src="divina.mid" autostart="true" hidden="true" loop="true"><BR> <BR> <IMG src="logo2.gif" width="273" height="47" border="0" alt="ＦｒｅｅｄｏｍＣｌｕｂ "><BR> <IMG src="/perl-bin/counter/~sugarless728/?ndigit=5&face=ct_j"> <BR> <P align="center"><IMG src="image.jpg" border="0" width="374" height="262"></P> <CENTER></CENTER> <BR> <P align="center"><FONT size="+1"><B>ここは、＊＊＊＊の運営する全サイトの入り口です。<BR> どうぞ、お好きなサイトへリンクして下さいね。</B></FONT></P> <P align="center"> <A href="http://ip.tosp.co.jp/i.asp?i=*****"><IMG src="u-26.gif" width="94" height="48" border="0"></A></P> <P align="center"><B>
- 締切済み
- その他（インターネット・Webサービス）
- スタイルシートでの中央揃え
<html> <head> <title>文書のタイトル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <style> body{text-align: center;} </style> </head> <body> <table> <tr> <td> テーブルの内容 </td> </tr> <table> テーブル外の内容 </body> </html> のように、スタイルシートで、 body{text-align: center;} を指定したのですが、IE6ではtableが中央揃えされましたが、NN7.1やFirefox 1.5.0.7ではtableが中央揃えされませんでした。 centerタグを使えば問題ありませんでしたが、非推奨なのであまり使いたくありません。 スタイルシートを用いてIE6と同様にNNやFirefoxでtableを中央揃えするようにするにはどうすればいいでしょうか。
- ベストアンサー
- HTML
- HTMLで画像を上下中央に表示したい
HTML初心者です。 会社でWindows8、GoogleChromを使用しています。 新規でレンタルサーバより自社HPを持ったのですが、制作会社を見つけるまでの間、会社のロゴをページ中央に表示しておくように言われました。 ネットで検索し、以下のように記述してみたのですが、ページ上の中央に配置されるものの、 上下中央にロゴが表示されません。 頭の2行は、トップページがレンタルサーバの広告＆準備中となっていたので、そのページに記述されていたものを残しています。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content=""> <meta name="description" content=""> <title>タイトル</title> </head> <BODY> <table width="90%" height="90%" border="0" align="center"> <tr> <td><div align="center"><img src="/images/logo800.jpg" alt="logo" width="50%" height="50%"></div></td> </tr> </table> </BODY> </html> まったくの初心者でお恥ずかしいのですが、力を貸していただけると助かります。 よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- 下記のソースですが、画面一杯に表示されません、なぜでしょうか？
<HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE></TITLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#663300" link="#0000FF" vlink="#99CCFF"> <DIV style="top :0px;left : 0px; position : absolute; z-index : 1; width : 750px; height : 900px; visibility : visible; " id="Layer1"> <CENTER> <TABLE width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#68B921"> <TR ALIGN="CENTER" VALIGN="MIDDLE"> <TD><IMG src="" width="111" height="96" alt="アイコン"></TD> <TD WIDTH="100%" VALIGN="TOP"></TABLE> </CENTER> </DIV> </BODY> </HTML>
- ベストアンサー
- Windows 95・98
- ３つのボックスを１つとして中央揃えするとき
詳細は下記のページソースを見ることになりますが、私はdivで指定している #header,#sidemenu,#infoのボックスを１つのボックスとして中央揃えをしたいと思ってます。しかしなかなか上手くいかないのでどなたかご教授お願いします。 一応上記３つのボックスを新たにdivタグ（id指定）で囲んでセンタリングしてみましたがネスケとFirefoxは表示が変わらず、IEは#headerのボックスだけがセンタリングされてしまいました(HTML+CSSでのレイアウト) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"> <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>Top Page</title> <style type="text/css"> <!-- body { margin: 0; padding: 0; } #box { text-align: center; margin-left: auto; margin-right: auto; } #header { width: 800px; height: 100px; color: #ffffff; background-color: #ccffff; } #sidemenu { width: 300px; height: 500px; color: #ffffff; background-color: #87ceeb; float: left; } #info { width: 500px; height: 500px; color: #ffffff; background-color: #0000ff; float: left; } --> </style> </head> <body> <div id="header"> </div> <div id="sidemenu"> </div> <div id="info"> </div> </body> </html>
- ベストアンサー
- CSS
- 表をtext-alignで中央に出したい・・・
こんな↓HTMLを書いているのですが、表がFirefox3.5の場合 中央に寄ってくれません。IE6なら寄ってくれるのですが・・・ CSSやHTMLの文法的な部分では誤りがないことを確認したのですが、 どうすればFirefoxでも表を中央に出せるでしょうか。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html;charset=EUC-JP"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="index" href="./"> <link rev="made" href="mail"> <style type="text/css"> <!-- .main{ text-align:center; } --> </style> <title>テーブル表示</title> </head> <body> <div class="main"> <table summary="chart 1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </div> </body> </html>
- ベストアンサー
- HTML
お礼
ご返答有難う御座います。 </style> align="center" を削除して試してみたのですが、 やはりスマホから見てみると中央に表示されません。 他に問題点等はありませんでしょうか？