質問編集履歴

1

追加の質問、ブラウザ上でのコード表示追加

2018/04/25 05:18

投稿

S.niranira
S.niranira

スコア19

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,9 @@
4
4
 
5
5
  お世話になっております。
6
6
 
7
- ヘッダー部分の要素の並びを画像(2)のようにしたいのですが、どうやっても画像(1)の形にしかなりません。
7
+ ~~ヘッダー部分の要素の並びを画像(2)のようにしたいのですが、どうやっても画像(1)の形にしかなりません。
8
8
 
9
- どのようにすればよいのでしょうか…。
9
+ どのようにすればよいのでしょうか…。~~
10
10
 
11
11
 
12
12
 
@@ -22,9 +22,21 @@
22
22
 
23
23
 
24
24
 
25
+ 上記の配置につきましては解決したのですが、画像(3)のようにログインユーザがメニューボタンよりも上側に表示されてしまっているのを揃えることはできますでしょうか…
26
+
27
+
28
+
29
+ (3)
30
+
31
+ ![イメージ説明](53422fc02c71a2a6cc04ffed2bf14b8c.png)
32
+
33
+
34
+
25
35
  ### 該当のソースコード
26
36
 
27
37
 
38
+
39
+ Eclipse上
28
40
 
29
41
  ```html
30
42
 
@@ -37,6 +49,30 @@
37
49
  <a href="#" id="panel-btn"><span id="panel-btn-icon"></span></a>
38
50
 
39
51
  </div>
52
+
53
+ ```
54
+
55
+
56
+
57
+ ブラウザ上
58
+
59
+ ```html
60
+
61
+ <div id="main_menu" class="container-fluid sticky-top" style="background:#999">
62
+
63
+ <div id="logo">
64
+
65
+ <div id="logo_font1">XXXXXXXXXXXX</div>
66
+
67
+ </div>
68
+
69
+
70
+
71
+ <a href="#" id="panel-btn"><span id="panel-btn-icon"></span></a>
72
+
73
+ <span class="navbar-text navbar-right-custm">管理者 A でログイン中</span>
74
+
75
+ </div>
40
76
 
41
77
  ```
42
78