デザイン調整&テーブル内での改行

[ガラケー版(QRコード)] 総閲覧回数:3,698,184回 / ブログ拍手:2,296
作品DB等各サービスの機能追加情報や、技術系・面白系記事を中心に提供。
記事の投稿は基本Twitterでも告知させて頂いています。
連絡は作品DBの論客の方なら私書、DB外ユーザの方ならメールTwitterで可能です。
アクセス記録[推移 / PV内訳(過去1日 / 過去1週間) / 外部アクセス元 (昨日 / 過去1週間) / ログイン論客足跡]
プロフィール私書(メール)
   /   /送済
評価(一覧   /)
投票   /共:   /
ファン登録
作品/情報/
DB構築()
ブログ
[書く]
攻略記事リンク集
My Play List
<=新記事2013/09/20 2013年America's Got Talentで蛯名健一さんが優勝+パフォーマンス&表彰動画
=>古記事2013/09/11 iphone 5s/5c 9/20発売決定 but 5sは予約不可

1.
2013/09/15 作品DB開発/運用 > デザイン調整&テーブル内での改行」
[この書込みのみ表示(記事URL紹介用) / 編集 / 削除 / トラバ送信 / 共有分類に追加(タグ付け)]拍手:8個

1. ヘッダーとフッターのデザイン変更
2. スマホ版作品リストナビの折りたたみ化
3. table内での改行の為のbrタグの活用

    1. ヘッダーとフッターのデザイン変更

ちょっとした変更ですが、table枠ではなく、帯線にして、スマホ版では左右に広がり切るようにしました。
    2. スマホ版作品リストナビの折りたたみ化

スクロールしないと、メニューの下が見え始めないレイアウトだったのを、クリックしてからメニューが開くように変更して、デフォルト縦幅を短くしました。
    3. table内での改行の為のbrタグの活用

通常、tableタグ内で改行すると、行が変わってしまうので、tableのセル内での改行が出来ませんが、
< br >タグを使うと、そこで改行する事が出来ます。
というか、そういう事が出来る仕様になっていたつもりはなかったのですが、そうできたのが今はそう動かないというご連絡を頂いたので、動くように修正しました。
そうすると、↓のような表現が出来ます。

昨日あまり仕事せず
というか別の仕事やっちゃった
本日大雨になるという話だったけど今のところは逆に晴れ上がった
夜雨降るのかな
明日三連休最終日
公私共々頑張る

ソースは編集とかで見る事が出来ますが、こちらでも見えるようにするとこんな感じで(タグとして昨日しないようにわざとスペースをタグ内に入れています)。

< table>
昨日__あまり仕事せず< br>というか別の仕事やっちゃった
本日__大雨になるという話だったけど今のところは逆に晴れ上がった< br>夜雨降るのかな
明日__三連休最終日< br>公私共々頑張る
< /table>




コメントする8個


管理人さん さんのコメント (2013/09/18) [編集/削除(書込み者/所有者が可能)]
石鯉 さん、ご指摘ありがとうございます。
こちらも修正させて頂きました。
石鯉 さんのコメント (2013/09/18) [編集/削除(書込み者/所有者が可能)]
夜分失礼します。
携帯版の制限ブログ一覧の方でも似たようなエラー(WJ40253E)が起きているみたいなので報告申し上げます。

それでは。
ヴァイス さんのコメント (2013/09/17) [編集/削除(書込み者/所有者が可能)]
立て続けの要求ですいませんでした。そしてありがとうごさいます。
体調管理には気をつけて下さいね。
管理人さん さんのコメント (2013/09/17) [編集/削除(書込み者/所有者が可能)]
ヴァイスさん

詳しいご説明ありがとうございました。
そちらも確認の上、修正させて頂きました。
ヴァイス さんのコメント (2013/09/17) [編集/削除(書込み者/所有者が可能)]
自分のページの他己紹介の方ではなくDBトップページの他己紹介の部分ですね。
言葉足らずでした……
ちなみに表示されたのは
エラーが発生しました。(WJ46065E)
と表示されました。
機種はSoftBankの822SHです。
管理人さん さんのコメント (2013/09/17) [編集/削除(書込み者/所有者が可能)]
ヴァイスさん、ご指摘ありがとうございます。
> HARIKYUさんのブログにお邪魔しようとしたのですが
こちら対応させて頂きました。

> それと、結構前から他己紹介のページが観賞できない状況が続いております。
それはヴァイスさんの携帯版の他己紹介のページ
http://m.sakuhindb.com/pj/6_A5F4A5A1A5A4A5B9/i_other_rec.html?guid=ON
が携帯から見えないという事でしょうか?
正確なエラーメッセージをお教え頂けると助かります。

宜しくお願い致します。
ヴァイス さんのコメント (2013/09/17) [編集/削除(書込み者/所有者が可能)]
おはようございます。
この前携帯の運用板での不具を指摘した者です。迅速な対応で助かりました。
ありがとうございます。

ここで書くべきか悩みましたが、書かせていただきます。
昨日から?なんですが、HARIKYUさんのブログにお邪魔しようとしたのですが、入ろうとしたら
Internal Server Error
という文字が出てしまいます。
それと、結構前から他己紹介のページが観賞できない状況が続いております。
エラーが発生しましたという文字が出てしまいます。

どこで書くべきか悩みましたが、失礼ながらこちらの方に書かせていただきました。
Barnirun さんのコメント (2013/09/15) [編集/削除(書込み者/所有者が可能)]
おぉっ、私書で送ったページの表示が元に戻っていますね。

素早い対応ありがとうございました!!


[他の記事も読む]
<=新記事2013/09/20 2013年America's Got Talentで蛯名健一さんが優勝+パフォーマンス&表彰動画
=>古記事2013/09/11 iphone 5s/5c 9/20発売決定 but 5sは予約不可


大分類が「作品DB開発/運用」の記事
この論客の記事全て
RSS購読
RSS
ブログ表示スタイル
リスト/携帯(QRコード)
画像/動画/音声/リンク
表示開始年月
分類
全て
1.このサイトについて
2.作品DB開発/運用
3.ホームページ制作技術
4.Perl
5.C言語 / C++
6.検索エンジン&SEO
7.サッカー
8.自分のこと
9.Linux
10.旅行
11.思ったこと
12.パソコン
13.Berkeley DB
14.その他技術系
15.企画
16.スマートフォン
17.鑑賞
18.皆声.jpニュース
19.インターネット業界
20.運用マニュアル(自分用)
21.技術系以外実用書
22.料理
23.ALEXA
24.アニメ
25.会計
26.漫画
27.設計書
28.色々サイト作成
29.サーバー
30.自分専用
31.生活
32.OP/ED/PV
33.ゲーム
34.DB整備
35.新規開始作品紹介
36.英語圏の話題
37.大道芸
38.映画
39.PHP
40.ダイエット
41.Mac
42.JavaScript
43.MySQL
44.介護
45.作品DB作品追加作業
46.BI
47.Web API
48.パフォーマンス
49.インターネットの活用方法
50.Riak
51.Androidアプリ開発
52.Cassandra
53.スパム
54.写真
55.iOSアプリ開発
56.AWS
57.マーケティング
58.Web漫画
59.法律
60.mongodb
61.開発環境整備
62.Google Apps Script
63.meteor
64.Pentaho
65.Ansible
66.VPS
67.技術書メモ
68.Vagrant
69.Docker
70.dokuwiki
71.Apple Watch
72.Webサービス
73.セキュリティ
74.Elastic Search
75.Wordpress
76.クラウド
77.英語
78.MVNO
79.シンガポール
80.マレーシア
81.海外生活
日記の主な内容
サイト運営/開発
検索エンジン情報
・技術ネタ(Berkeley DB,
Linux, Perl, サイト作成)等

サイト管理
全まとめ
サーバー管理
定期処理状況
開発予定
削除提案
作品追加依頼
OP/ED追加依頼
OP/ED not found
作品提案承認欄

格言 fromスクライド
この世の理は即ち速さ
20年かければ馬鹿でも
傑作小説を書ける

助けられたら助け返す
それが俺のルール

強くなるには
一番弱い考えをする事だ
そしてその考えに反逆する




右側に何か入れてみるテスト


仕事でのサイト
介護DB
Helpyou
Doctor career
Nurse career
上へ ↑上へ 最速検索作品DB皆声