| Autor | Zpráva | ||
|---|---|---|---|
| radekt Profil |
Aha chápu, takhle je to efektivnější: RockFirův způsob zjednoduší kód html i css, Str4wberryho má k tomu ošetřenou variantu, kdy je v divu #levy další span mimo položky seznam. Člověk se má pořád co učit (hlavně že jinde kontextovou deklaraci používám, zde mě to nenapadlo)
takže nakonec takto: html: <ul> <li><a href=''><span></span>Text</a> </ul> CSS: /* odrazka bez obrazku, jen pomoci CSS */
#levy li span {
width: 0px;
height: 0px;
border-left: 12px solid #BDB76B;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
float: left;
padding-left: 8px;
vertical-align: 50%;
position: relative; top: .3em
}
/* zmena barvy odrazky po najeti mysi */
#levy li a:hover span { border-left-color: #FFFFCC; }
/* pro sirku obrazovky 600 nebo mene se odrazka nezobrazuje */
@media screen and (max-width: 600px) {
#levy li span { display: none; }
} |
||
| RockFire Profil |
#2 · Zasláno: 19. 4. 2013, 09:18:22
Nic to nezmění, ale spíš pro pořádek a kvůli možnosti, že by se další span mohl vyskytnou třeba jen v odrážce bych asi nepoužil
#levy li span #levy li a span Jak ale říkám, jde jen o kosmetickou úpravu, která není nutná ;) |
||
| radekt Profil |
Ještě jeden dotaz: proč funguje
#levy li a:hover span #levy li span a:hover #levy li a:hover )
|
||
| margin Profil * |
#4 · Zasláno: 19. 4. 2013, 09:51:40
První styl je pro
span, který je v myší přejížděném elementu a, který je v položce seznamu li, který je v elementu s ID #levy
Funguje ti to, protože k tomu máš odpovídající HTML. Druhý styl je pro element myší přejížděný a, který je ve spanu, který je v položce seznamu li, který je v elementu s ID #levy
Neunguje ti to, protože k tomu nemáš odpovídající HTML. |
||
| RockFire Profil |
#5 · Zasláno: 19. 4. 2013, 09:57:01
Nebo-li je ten zápis psán tak, že vlevo je to, co je nejvýše v HTML, tedy:
<ul> <li><a><span></span></a></li> </ul> Tak úplně nejvýš je ul, v něm je li, v něm je a a v něm je span, čili: ul li a span |
||
| radekt Profil |
#6 · Zasláno: 19. 4. 2013, 10:29:32
Pánové,
hluboce se klaním a děkuji. Toto fórum mi už v tolika věcech pomohlo... |
||
| Stalker Profil |
#7 · Zasláno: 19. 4. 2013, 10:55:48
[#6] radekt:
Trošičku OT, ale musím se vyjádřit a zároveň souhlasit. Toto fórum je k nezaplacení, velmi ochotní a milí lidé, kteří vždy rychle a správně odpoví. A nejvíc se mi líbí, že je brán ohled i na začátečníky. V porovnání s jiným, ač asi největším fórem u nás, se chování zdejších a tamních lidí nedá srovnat. Nedávno jsem si projížděl na oněch stránkách diskuzi, kde se začátečník na něco ptal a jako první se mu dostala odpověď "a nedošlo ti, že tvůj PC není webový server a že takto nalinkovaný soubor uvidíš jen ty? OMG.. Zkus používat svůj mozek..". S tím se naštěstí tady nesetkáme, a za to jsem já nesmírně vděčný. |
||
|
Časová prodleva: 11 let
|
|||
0