« 1 2
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
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
ale
#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
a nefunguje
#levy li span a:hover
Pprotože zpočátku jsem to tak instinktivně napsal, protože v těch jednodušších konstrukcích je a:hover vždy na konci (např. #levy li a:hover )
margin
Profil *
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
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
Pánové,
hluboce se klaním a děkuji. Toto fórum mi už v tolika věcech pomohlo...
Stalker
Profil
[#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ý.
« 1 2

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: