Changeset 34:8a75d9b4f88a
- Timestamp:
- 06/01/09 21:46:07 (15 years ago)
- Author:
- František Kučera <franta-hg@…>
- Branch:
- default
- Message:
-
Navigační pole (pro nápovědu): přidáno, zatím nic nedělá.
- Files:
-
Legend:
- Unmodified
- Added
- Removed
-
r7
|
r34
|
|
17 | 17 | <div class="vnitrekBloku"> |
18 | 18 | <p id="napovedniPole">lorem ipsum, nějaký text, něco jako latina, ale jiné…</p> |
| 19 | |
| 20 | </div> |
| 21 | <div id="navigace"> |
| 22 | <form action="###"> |
| 23 | <button class="predchozi" title="Předchozí lekce"> </button> |
| 24 | <button class="zpet" title="Zpět v historii"> </button> |
| 25 | <button class="pruvodce" title="Průvodce"> </button> |
| 26 | <button class="model" title="Mode databáze"> </button> |
| 27 | <button class="vpred" title="Vpřed v historii"> </button> |
| 28 | <button class="nasledujici" title="Následující lekce"> </button> |
| 29 | </form> |
| 30 | |
19 | 31 | </div> |
20 | 32 | </div> |
-
r7
|
r34
|
|
110 | 110 | } |
111 | 111 | |
| 112 | #navigace { |
| 113 | background-image: url('grafika/navigace-pozadi.png'); |
| 114 | height: 21px; |
| 115 | width: 300px; |
| 116 | position: relative; |
| 117 | bottom: 32px; |
| 118 | left: 10px; |
| 119 | text-align: center; |
| 120 | } |
| 121 | |
| 122 | #navigace button { |
| 123 | height: 20px; |
| 124 | border: none; |
| 125 | margin-right: 0px; |
| 126 | margin-top: 5px; |
| 127 | padding: 0px; |
| 128 | cursor: pointer; |
| 129 | background-repeat: no-repeat; |
| 130 | background-color: transparent; |
| 131 | background-position: center; |
| 132 | width: 20px; |
| 133 | position: relative; |
| 134 | top: -4px; |
| 135 | } |
| 136 | |
| 137 | #navigace button.zpet { |
| 138 | background-image: url('grafika/navigace-zpet.png'); |
| 139 | margin-right: 32px; |
| 140 | } |
| 141 | |
| 142 | #navigace button.vpred { |
| 143 | background-image: url('grafika/navigace-vpred.png'); |
| 144 | margin-left: 32px; |
| 145 | } |
| 146 | |
| 147 | #navigace button.nasledujici { |
| 148 | background-image: url('grafika/navigace-nasledujici.png'); |
| 149 | margin-left: 42px; |
| 150 | } |
| 151 | |
| 152 | #navigace button.predchozi { |
| 153 | background-image: url('grafika/navigace-predchozi.png'); |
| 154 | margin-right: 42px; |
| 155 | } |
| 156 | |
| 157 | #navigace button.model { |
| 158 | background-image: url('grafika/navigace-model.png'); |
| 159 | } |
| 160 | |
| 161 | #navigace button.pruvodce { |
| 162 | background-image: url('grafika/navigace-pruvodce.png'); |
| 163 | } |
| 164 | |
112 | 165 | /** Vstupně-výstupní část */ |
113 | 166 | #io { |
-
r23
|
r34
|
|
15 | 15 | <div class="vnitrekBloku" id="napovedniPole"> |
16 | 16 | <jsp:include page="napoveda.jspx" flush="false"/> |
| 17 | </div> |
| 18 | <div id="navigace"> |
| 19 | <form action="###"> |
| 20 | <button class="predchozi" title="Předchozí lekce">&nbsp;</button> |
| 21 | <button class="zpet" title="Zpět v historii">&nbsp;</button> |
| 22 | <button class="pruvodce" title="Průvodce">&nbsp;</button> |
| 23 | <button class="model" title="Mode databáze">&nbsp;</button> |
| 24 | <button class="vpred" title="Vpřed v historii">&nbsp;</button> |
| 25 | <button class="nasledujici" title="Následující lekce">&nbsp;</button> |
| 26 | </form> |
17 | 27 | </div> |
18 | 28 | </div> |
-
r22
|
r34
|
|
118 | 118 | } |
119 | 119 | |
| 120 | #navigace { |
| 121 | background-image: url('grafika/navigace-pozadi.png'); |
| 122 | height: 21px; |
| 123 | width: 300px; |
| 124 | position: relative; |
| 125 | bottom: 32px; |
| 126 | left: 10px; |
| 127 | text-align: center; |
| 128 | } |
| 129 | |
| 130 | #navigace button { |
| 131 | height: 20px; |
| 132 | border: none; |
| 133 | margin-right: 0px; |
| 134 | margin-top: 5px; |
| 135 | padding: 0px; |
| 136 | cursor: pointer; |
| 137 | background-repeat: no-repeat; |
| 138 | background-color: transparent; |
| 139 | background-position: center; |
| 140 | width: 20px; |
| 141 | position: relative; |
| 142 | top: -4px; |
| 143 | } |
| 144 | |
| 145 | #navigace button.zpet { |
| 146 | background-image: url('grafika/navigace-zpet.png'); |
| 147 | margin-right: 32px; |
| 148 | } |
| 149 | |
| 150 | #navigace button.vpred { |
| 151 | background-image: url('grafika/navigace-vpred.png'); |
| 152 | margin-left: 32px; |
| 153 | } |
| 154 | |
| 155 | #navigace button.nasledujici { |
| 156 | background-image: url('grafika/navigace-nasledujici.png'); |
| 157 | margin-left: 42px; |
| 158 | } |
| 159 | |
| 160 | #navigace button.predchozi { |
| 161 | background-image: url('grafika/navigace-predchozi.png'); |
| 162 | margin-right: 42px; |
| 163 | } |
| 164 | |
| 165 | #navigace button.model { |
| 166 | background-image: url('grafika/navigace-model.png'); |
| 167 | } |
| 168 | |
| 169 | #navigace button.pruvodce { |
| 170 | background-image: url('grafika/navigace-pruvodce.png'); |
| 171 | } |
| 172 | |
120 | 173 | /** Vstupně-výstupní část */ |
121 | 174 | #io { |