| Autor | Zpráva | ||
|---|---|---|---|
| Anonymní Profil * |
#1 · Zasláno: 27. 4. 2010, 22:01:41
Zdravím, chtěl bych se zeptat jak lze pomocí css udělat, aby se mi u položek v seznamu střídala např. barva jejich jejich pozadí. Děkuju za rady...
příklad: seznam - (červené pozadí) Lorem Ispsum - (modré pozadí) Lorem Ispsum - (červené pozadí) Lorem Ispsum - (modré pozadí) Lorem Ispsum - (červené pozadí) Lorem Ispsum - (modré pozadí) Lorem Ispsum |
||
| panther Profil |
#2 · Zasláno: 27. 4. 2010, 22:07:04
Anonymní:
„jak lze pomocí css udělat“ v CSS lze nadefinovat pozadím třídám. Ty budeš na střídačku přiřazovat PHPčkem, když se ti ten seznam generuje (předpokládám, že ho nepíšeš ručně). To si dohledej, řeší se to na mnoha místech. |
||
| kelvin Profil |
#3 · Zasláno: 27. 4. 2010, 22:09:08
li.licha {background:red}
li.suda {background:blue} <ul> <li class="licha" >Lorem Ispsum <li class="suda">Lorem Ispsum <li class="licha" >Lorem Ispsum <li class="suda">Lorem Ispsum <ul> Dá se zautomatizovat, pokud to vypisuješ skriptem. |
||
| Anonymní Profil * |
#4 · Zasláno: 27. 4. 2010, 22:10:17
omlouvám se, špatně jsem se vyjídřil, samozřejmě bych potřeboval vedět jak to zautomatizovat. Je zapotřebí javascript?
|
||
| panther Profil |
#5 · Zasláno: 27. 4. 2010, 22:14:39
Anonymní:
„samozřejmě bych potřeboval vedět jak to zautomatizovat.“ hledej. Je toho všude spousta, začni třeba ve FAQ PHP, tam je to taky. |
||
| Anonymní Profil * |
#6 · Zasláno: 27. 4. 2010, 22:14:59
ok díky za rady ;)
|
||
| __construct Profil |
#7 · Zasláno: 27. 4. 2010, 22:17:51 · Upravil/a: __construct
Je tu jedna ďalšia možnosť - asi najjednoduchšia - CSS3 pseudo class :nth-child
problém ale je, že nefunguje v IE8 a starších prehliadačoch .. |
||
| Trejpa Profil |
#8 · Zasláno: 27. 4. 2010, 22:18:25 · Upravil/a: Trejpa
Anonymní:
V CSS 3 se plánuje selektor n-tého potomka. Nepodporuje to Internet Explorer, pro který se stejně musí použít skript. Také to nepodporují starší verze ostatních prohlížečů. Některé z nich jsou stále dost rozšířené (např. Firefox 3.0.x). ul li:nth-child(even) { background: red }
ul li:nth-child(odd) { background: blue }V CSS 2.1 se dá využít selektor sourozence, ale dosti kostrbatě. Internet Explorer 6 to nepodporuje. ul li { background: red }
ul li+li { background: blue }
ul li+li+li { background: red }
ul li+li+li+li { background: blue }
ul li+li+li+li+li { background: red }
ul li+li+li+li+li+li { background: blue }
ul li+li+li+li+li+li+li { background: red }
ul li+li+li+li+li+li+li+li { background: blue }Potom zbývá PHP nebo Javascript: http://wellstyled.com/singlelang.php?lang=cs&page=css-striped-tables.html http://www.alistapart.com/articles/zebratables/ EDIT: Upraveno. |
||
| __construct Profil |
#9 · Zasláno: 27. 4. 2010, 22:27:48 · Upravil/a: __construct
Trejpa:
„Zatím je to nepoužitelné“ Nesúhlasím .. Nepodporuje to iba Internet Explorer .. a ten sa dá ošidiť nejakým JS .. napr. týmto : www.css3.info/css3-pseudo-selectors-emulation-in-internet-explorer/ |
||
| Bubák Profil |
#10 · Zasláno: 27. 4. 2010, 22:44:25
Trejpa:
„V CSS 3 se plánuje selektor n-tého potomka. Zatím je to nepoužitelné.“ Na konci je tabulka, které prohlížeče tohle umí: http://reference.sitepoint.com/css/pseudoclass-nthchild |
||
| Trejpa Profil |
#11 · Zasláno: 27. 4. 2010, 23:08:25
__construct, Bubák:
Ano, nejnovější verze prohlížečů (mimo IE) to umí. Poupravil jsem svůj předchozí příspěvek. Nicméně vykašlat se na starší verze prohlížečů bych si já netroufl. Namátkou jsem vytáhl aktuální statistiku jednoho svého webu. Prohlížeč Mozilla Firefox (verze tři a nižší – tedy bez podpory :nth-child) má přes čtyři procenta návštěvníků. |
||
|
Časová prodleva: 15 let
|
|||
0