| Autor | Zpráva | ||
|---|---|---|---|
| nepolíbená Profil |
#1 · Zasláno: 25. 5. 2015, 13:26:49
Ahoj,
už nad tím dřepím hodinu a nevím, jak na to. Mám seznam, položky seznamu mi fungují jako odkaz. Jak ale upravit v css ten odkaz tak, aby byl klikatelný v celé šířce a výšce té položky seznamu? A ještě - chci tam mít použito vlastní nastavení hover, už ho mám a funguje mi, jen nevím jak se zbavit toho, aby ten text položky (odkazu) měl to své defaultní modré (fialové) nastavení. Podtržení jsem se zbavila. Prosím. |
||
| sitole Profil |
#2 · Zasláno: 25. 5. 2015, 13:54:33
Jednoduše nastavíš Padding a vyplníš jím celé pole menu. Je poté možné použít i ostatní prvky jako hover
|
||
| _es Profil |
#3 · Zasláno: 25. 5. 2015, 14:00:39
nepolíbená:
Odkazy v tabulce Pre položky zoznamu platí to isté čo pre bunky tabuľky. „Podtržení jsem se zbavila.“ Možno to nie je dobrý nápad, odkazy je zvykom mať podčiarknuté. |
||
| nepolíbená Profil |
#4 · Zasláno: 25. 5. 2015, 14:08:35
Mně to nějak nejde.
No, s tím podtržením to vím, ale mám to nastylované tak, že položky s odkazem vypadají jako tlačítka. Jde o odkazováni na další stránky toho webu: ceník, kontakt... |
||
| _es Profil |
#5 · Zasláno: 25. 5. 2015, 14:11:58
|
||
| nepolíbená Profil |
#6 · Zasláno: 25. 5. 2015, 14:23:17
|
||
| sitole Profil |
#7 · Zasláno: 25. 5. 2015, 14:31:03
To menu ti jde ne? Jinak na mém PC se pravý lopupec zobrazuje přitisknutý k pravé strane. Na velkém monitoru nevzhledné.
|
||
| nepolíbená Profil |
#8 · Zasláno: 25. 5. 2015, 14:35:30
s tím sloupcem je to možné, mám minintb, pak kouknu i jinam ohledně těch pozic.
Jde mi spíš o to, že bych chtěla, aby se např. ten Ceník dal otevřít - rozkliknout přes celou tu velikost toho <li> - nebo spíš toho zvýraznění hoverem, a nejenom přímo na tom textu. Chápeš? |
||
| _es Profil |
#9 · Zasláno: 25. 5. 2015, 14:41:04
nepolíbená:
„bych chtěla, aby se např. ten Ceník dal otevřít - rozkliknout přes celou tu velikost toho <li> - nebo spíš toho zvýraznění hoverem, a nejenom přímo na tom textu.“ No veď presne to rieši odkazovaný článok v [#3] a to si vôbec neaplikovala - štýl pre td a.
|
||
| nepolíbená Profil |
#10 · Zasláno: 25. 5. 2015, 14:59:37
myslíš takhle? -
li a{
width: 100%;
height: 100%;
} |
||
| mimochodec Profil |
nepolíbená:
zkusil bych li a{
line-height: 55px;
display: block;
} |
||
| nepolíbená Profil |
#12 · Zasláno: 25. 5. 2015, 15:08:29
mimochodec - zkusila jsem, a nic
|
||
| mimochodec Profil |
#13 · Zasláno: 25. 5. 2015, 15:10:09
(připodoopraveno)
|
||
| nepolíbená Profil |
#14 · Zasláno: 25. 5. 2015, 15:13:08 · Upravil/a: nepolíbená
[#13] mimochodec - jééé, skvělý. Díky.
A můžete mi ještě někdo poradit, jak se zbavit toho, aby se ty odkazy zobrazovaly tím modrým písmem, prosím? jéžiši, už to mám - i to písmo. Nějak mi nedošlo, že to bude tak jednoduchý. Moc vám všem děkuju. A nejspíš brzy na viděnou :p |
||
| mimochodec Profil |
#15 · Zasláno: 25. 5. 2015, 15:18:25
li a:hover{
color: green;
}Kromě toho bych místo <ul>
<li class="odkaz"><a href="#">Zpět</a></li>
<li class="odkaz"><a href="#">Ceník</a></li>
</ul>
..
li.odkaz {
}doporučil <ul class="odkazy">
<li><a href="#">Zpět</a></li>
<li><a href="#">Ceník</a></li>
</ul>
a
ul.odkazy li {
} |
||
| nepolíbená Profil |
#16 · Zasláno: 25. 5. 2015, 15:20:11
mimochodec - to rozhodně je ;) Jsi poklad. Děkuju.
|
||
|
Časová prodleva: 10 let
|
|||
0