質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

1452閲覧

縦の中央表示が出来ない。横の一文字だけ大きくしたい。

R.lawliet

総合スコア41

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2015/05/21 08:01

お世話になっております。
今日はwebの基礎の基礎で質問するのも恥ずかしいレベルと思われるものなのですが、
どうしても自己解決出来ないのでお力添えを頂きに来ました。

横に文字を並べ、片方だけ大きくしたいです。
これは調べても一列の大きさ変更しか書いてなくて全く持って方法が分かりませんorz
divでそれぞれ指定してみようとしたら改行されます。
改行させずに片方だけ大きさを変更する術を教えて頂きたいです><

そしてその表示を画面中央で行いたいのですが、
centerは効いているのですが、
どうしてもテーブルのheightが文字と同じくらいの小さいままです。

%のところをpx指定するとちゃんとサイズは反映され、
テーブルの中での中央に文字は動いてます。
しかしテーブルのサイズをユーザーによって変動させれるようにしたいのです。

どこがおかしいのかわからないので以上の2点の知恵をお貸し頂けないでしょうか。

lang

1<html> 2 <head> 3 <title>タイトル</title> 4 </head> 5 <body height="100%"> 6 <table width="100%" height="100%" border="1" align="center"> 7 <tbody><tr> 8 <td align="center" valign ="middle"> 9 <div>文字A </div><div>大きく表示させたい文字B</div> 10 </td> 11 </td> 12 </table> 13 </body> 14</html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

まずはdivをspanにしてください。

また、テーブルサイズの変更についてですが、変更させたいというのはブラウザのウィンドウサイズに合わせて変動させたいということですか?
それとも、テーブルのみを自由にサイズ変更したいということですか?

投稿2015/05/21 08:10

編集2015/05/21 08:15
orange0190

総合スコア1698

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

R.lawliet

2015/05/21 08:17

ありがとうございます。 おかげ様で上手く並べられました♪ もう一つのheight="100%"の件も何か気付きがあればご指摘頂けるとありがたいです。
R.lawliet

2015/05/21 08:22

恐らくは上記の、ブラウザのウィンドウサイズに合わせて変動させたい ということがやりたいです。 それとも・・・の方の内容がちょっと理解出来ません。 言葉で上手く伝えられません。 ↓こんな風なテーブルにしたいのです。 http://www5e.biglobe.ne.jp/~access_r/hp/html/html_014_1.html
orange0190

2015/05/21 08:47

できたわけではないですが、少し進展があったのでお知らせします。 ローカルの環境で試した限りですが、<!DOCTYPE html>の記述を消したら変化がありました。 ただ、これは示されたURLのページを見ながら、試行錯誤した結果で、私としてはあまりお勧めはしません。 正直、他の要素への影響が計れません。
R.lawliet

2015/05/22 00:14

検証ありがとうございます。盲点でした。 本当ですね、僕の出したURLのサイトはDOCTYPE宣言がありませんね。。。 どうやらHTMLのバージョンが関係していそうです。 ちなみに現在は4.0で弄っています。
guest

0

自己解決

理解できました!

どうやら僕の現在の表記だと、互換モードの時だけ意図した表示になるみたいですね。
準互換モードと標準モードでは上の方に表示されてしまうみたいです。

HTML3.2の

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

HTML4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

宣言をする場合だとこの上記2つにする事で解決が見えました。

現在は全ブラウザでDOCTYPE宣言がないと互換モードが働くので同じ表示になるようですが、
ブラウザ依存とか怖すぎるので上の2つを使って表示させたいと思います。

他のバージョンでも表示させる記述方法を本当は見つけたいのですけれど。。。
現状取り敢えずこれでよしとします。

投稿2015/05/22 00:43

R.lawliet

総合スコア41

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問