Changeset 34:8a75d9b4f88a
- Timestamp:
- 06/01/09 21:46:07 (17 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 { |