Autor | Zpráva | ||
---|---|---|---|
Karlos007 Profil * |
#1 · Zasláno: 3. 9. 2007, 18:27:13
mam nasledujici <img class="image thumbnail">
1.) je to tak, ze patri do obou trid - jak image tak i thumbnail? 2.) jakym zpusobem definuju presne tyto obrazky v css souboru? 3.) stejne jako 2.) ale pouze pokud jsou nasledniky prvku <div class="content"> |
||
Manq Profil |
#2 · Zasláno: 3. 9. 2007, 18:34:04
Karlos007
1. Na obrázek se použijí vlastnosti z třídy "image" a zároveň z třídy "thumbnail". 2. Například tak, že mezi <head> a </head> přidáš <style>.image {border:2px solid #c60;} .thumbnail {float:left;}</style> 3.Nechápu. Možná myslíš dědičnost, ale nevím. |
||
Bubák Profil |
#3 · Zasláno: 3. 9. 2007, 20:16:51
Nechápu, na co se přesně ptáš, krom toho, co už bylo odpovězeno. Více informací najdeš v článku Kaskádové styly v dobrém stylu.
|
||
Karlos007 Profil * |
#4 · Zasláno: 3. 9. 2007, 20:29:02
Manq:
myslim to tak: Nekde mam obrazky tridy image ty maji nejaky vlastnosti. Jinde mam obrazky ktere maji tridu thumbnail a ty maji jine vlastnosti. No a pak mam obrazky ktere maji takhle obe vlastnosti, a ty bych chtel jeste navic oramovat, ale prave za podminky ze budou mit prave obe tridy, tj aby mi to neovlivnilo ty ktery maji jen jednu tridu. s html nemuzu nic delat(kdyby nekoho napadlo udelat treti tridu:-) |
||
habendorf Profil |
#5 · Zasláno: 3. 9. 2007, 21:06:48
.image.thumbnail {}
|
||
Bubák Profil |
#6 · Zasláno: 3. 9. 2007, 21:07:21
Tak to je problém, v CSS nic jako podmínky nejsou, a bez nich nejde to nepůjde udělat. Takže na to musíš jinak, ale pokud neexistuje použitelný kontext (HTML jsem neviděl), máš smůlu.
|
||
Bubák Profil |
#7 · Zasláno: 3. 9. 2007, 21:10:35
habendorf
To je ono, že mě to nenapadlo. |
||
Karlos007 Profil * |
#8 · Zasláno: 3. 9. 2007, 22:02:58
habendorf: dekuji. doufal jsem ze to pujde, tohle jsem jeste nevidel.
|
||
Chamurappi Profil |
#9 · Zasláno: 3. 9. 2007, 22:21:12
Reaguji na Karlose007:
V Exploreru 6 selektor vícenásobné třídy nefunguje správně. |
||
Bubák Profil |
#10 · Zasláno: 3. 9. 2007, 22:52:42
V Exploreru 6 selektor vícenásobné třídy nefunguje správně.
Důkladněji jsem to otestoval a IE6 opravdu zlobí, je to vidět na příkladu: <style> .aaaa {border: 1px solid #999;} .bbbb {color: red} .aaaa.bbbb {background: #ffc} </style> <p class="aaaa">text text text text text text <p class="bbbb">text text text text text text <p class="aaaa bbbb">text text text text text text IE6 chybně podbarví druhý odstavec. |
||
habendorf Profil |
#11 · Zasláno: 3. 9. 2007, 22:57:04
IE6 chybně podbarví druhý odstavec.
Přesněji řečeno, IE6 použije poslední deklaraci. Kdybys to zapsal .bbbb.aaaa, podbarví první (teda asi, nezkoušel jsem). |
||
habendorf Profil |
#12 · Zasláno: 3. 9. 2007, 23:02:32 · Upravil/a: habendorf
Teda lépe řečeno, poslední třídu v tom selektoru vícenásobné třídy.
|
||
habendorf Profil |
#13 · Zasláno: 4. 9. 2007, 00:26:50
Chamurappi
V Exploreru 6 selektor vícenásobné třídy nefunguje správně. Zatímco v IE7 také ne :o) |
||
Chamurappi Profil |
#14 · Zasláno: 4. 9. 2007, 20:08:42
Ještě doplním související odkaz:
Vícenásobné třídy na Mraveništi Reaguji na habendorfa: Ve standardním režimu Exploreru 7 fungují. Vzpomínám si, že jsem to testoval před psaním článku pro Lupu. Bohužel jsem si na to nevzpomněl při psaní :-) |
||
habendorf Profil |
#15 · Zasláno: 4. 9. 2007, 21:05:42
Ve standardním režimu Exploreru 7 fungují
Pravda, teď jsem to zkoušel. |
||
Bubák Profil |
#16 · Zasláno: 4. 9. 2007, 21:30:15 · Upravil/a: Bubák
Na Mraveništi jako vícenásoné třídy mají něco takového:
.trida1 .trida2 {} /* s mezerou */ Tohle jsem na Mravenisti neviděl: .trida1.trida2 {} /* bez mezery */ Obdobně: div.trida {} /* bez mezery */ div .trida {} /* s mezerou */ znamená něco úplně jiného. |
||
Chamurappi Profil |
#17 · Zasláno: 4. 9. 2007, 21:34:33
Reaguji na Bubáka:
Aha. Špatný odkaz. Špatný článek. Ale určitě o těch třídách vím z Mraveniště. |
||
Chamurappi Profil |
#18 · Zasláno: 4. 9. 2007, 21:39:04
Reaguji na sebe:
Aha! Správný odkaz. Správný článek. Viz raroušův komentář. |
||
habendorf Profil |
#19 · Zasláno: 4. 9. 2007, 21:49:00
Nebo přímo u zdroje: http://www.w3.org/TR/CSS21/selector.html#class-html
To match a subset of "class" values, each value must be preceded by a ".". Example(s): For example, the following rule matches any P element whose "class" attribute has been assigned a list of space-separated values that includes "pastoral" and "marine": p.marine.pastoral { color: green } This rule matches when class="pastoral blue aqua marine" but does not match for class="pastoral blue". |
||
Časová prodleva: 17 let
|
0