sikaku

response

message

  • text01のbackボタンを中央のみにし、next,prev高さをその分あげたい

response

はじめまして、メールありがとうございます。

タイトル等そのままで前次ページへのリンクを下へずらすと言う事でよろしいでしょうか？

変更点を下記にまとめてみました。

不備や不明な点、回答が見当違いだった場合申し訳ないのですが再度ご連絡いただけると幸いです。

code

HEAD間

<smartphone>〜</smartphone>を以下と置き換え

CSS
  1. <smartphone>
  3. body{
  4. margin-bottom: 5.5em ;
  5. font-size: small ;
  6. }
  8. #tool{
  9. position: fixed ;
  10. left: 0 ;
  11. bottom: 0 ;
  12. width: 100% ;
  13. }
  15. #tool a{
  16. display: block ;
  17. text-align: center ;
  18. padding: 0.5em ;
  19. }
  21. #center{
  22. height: 2.2em ;
  23. margin: 0.4em auto ;
  24. overflow: hidden ;
  25. text-align: center ;
  26. }
  28. .left{
  29. left: 0 ;
  30. }
  31. .right{
  32. right: 0 ;
  33. }
  35. .jump{
  36. position:absolute;
  37. bottom: 0 ;
  38. width: 4em ;
  39. }
  41. .jump a,.jump span{
  42. padding: 0 !important;
  43. font-size: 200% ;
  44. line-height: 100% ;
  45. }
  47. .jump span{
  48. display: block ;
  49. text-align: center ;
  50. }
  52. a.back{
  53. margin: 0 4em ;
  54. }
  56. </smartphone>

変更点

4em→auto へ変更

前後ページリンク配置用に開けていた、タイトル部分の左右余白を消去

top→bottom へ変更

前後ページリンクの配置基点を上辺から下辺へ変更

追加

戻る用リンクに、前後ページリンク配置用の余白を指定