Autor Zpráva
j
Profil *
Pitval jsem jeden CSS a našel jsem tam toto:

li>ul {top: auto; left: auto;}

nevíte, co to znamená?

Konkrétně to znaménko '>' mezi 'li' a 'ul'

dik
peta
Profil *
http://www.volny.cz/peter.mlich/www.htm#www51
# * www.w3.org CSS nezvykle zapisy (selectory)
# * interval.cz CSS nezvykle zapisy
# gallery.theopalgroup.com CSS nezvykle zapisy, tlacitko Spust
habendorf
Profil
Konkrétně to znaménko '>' mezi 'li' a 'ul'

Znamená element ul, který je přímým potomkem elementu li.
j
Profil *
Dik. A že jsem to v žádné knize (mám 3) o CSS nenašel.

I když si nejsem jistý, jaký dopad to má v tomto konkrétním zápisu a proč je to použito.

li>ul {top: auto; left: auto;}
peta
Profil *
j To, kdo vi, co mas za literaturu, ze jo?
Slusna literatura vychazi z w3c.org , kde to je napsano. Bohuzel se hodne pouziva IE, ktery to nezna a proste literatura se tomu prizpusobila.

Konkretni zapis asi bude nejaka korekce pro exoticke prohlizece, kde nikdy nevis, kam ti napozicuje prvek, takze pro jistotu mu vnutis auto.
Muze se stat, ze mas vice position v sobe a nejaky prohlizec to da na 0,0 nej-vnejsiho prvku

Osobne jsem vychazel taky z tohoto menu a take jsem nepochopil, k cemu to je dobry, tak sem to smazal.
ronan
Profil
Že by zarovnání na střed?
habendorf
Profil
Že by zarovnání na střed?
Ne.

Máš třeba

li ul {position:relative; top:10px; left:10px;}

ale potřebuješ to posunout jen pro IE, pro Gecko a Operu ne. Takže dopíšeš

li>ul {top: auto; left: auto;}

a je to. Myslím že stejně tak by tam mohlo být li>ul {top: 0; left: 0;}
peta
Profil *
habendorf
"Myslím že stejně tak by tam mohlo být li>ul {top: 0; left: 0;}"
To uz bych netvrdil...

<li>
<div>AAA</div>
<ul>...</ul>
</li>

li {position:relative}
li>ul {top: 0; left: 0;}

bez CSS
- [blok s AAA]
[blok UL]

s CSS
- [blok s AAA a pres nej blok UL]

ronan Mozna :) Kdyz nevidis kod, tak muzes tezko hadat, k cemu se to zrovna tam pouziva :)
zarovnava se jinak text-align:center nebo margin:0 auto; Ses asi spletl :)
Tin
Profil
peta: habendorf má pravdu - relative prvkem pošoupává, ale nevyjímá ho z textu, top 0 left 0 pošoupne nikam => opticky se nestane vůbec nic
ronan
Profil
asi mě zmátlo to, že je tam left i top a u obojího je auto, tak mě to tak napadlo:)
j
Profil *
Dík za rady. Takže to vlastně asi bude nějaký "hack" (že některé prohlížeče to "nevidí", a některé zase jo) pro různé browsery - třeba jako "matrjoška" apod. To by asi vysvětlovalo vše. Setkal jsem se s tím ale zatím poprvé. Já to zkusím měnit a uvidím, co to bude dělat v různých prohlížečích. Pokud něco zjistím, dám sem vědět, ale nejdřív po Novém roce, bo teď nestíhám.

BTW: Je to použito v konstrukci menu na:

http://www.csscreator.com/menu/multimenu.php
mila
Profil
Originálně to není hack, zkus hledat "pokročilé selektory CSS".
Je to šikovná věc, ale jelikož to IE nepodporuje, tak se to zatím používá jen pro přiřazení stylu neIE prohlížečům.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0