| Autor | Zpráva | ||
|---|---|---|---|
| dotazujici Profil * |
#1 · Zasláno: 18. 2. 2011, 14:31:47
Ahoj, mám na stránkách odrážkový seznam (ul). Za odrážkou je krátký popis věci, když se na tento popis klikne, rozbalí se více detailů (funguje pomocí javascriptu). Zajímá mě, jestli jde zařídit parádička, která by při kliknutí na krátký popis změnila odrážku na "fajfku" -anglicky "tick" - ✓ .
Díky za tipy. |
||
| roberta Profil |
ul
{
list-style-image: url('obrazok.gif');
} |
||
| margin Profil * |
#3 · Zasláno: 18. 2. 2011, 15:43:48
Seznam s odrážkami pomocí list-style-image mají jisté nevýhody. Odrážky není nijak možné umístit a každý prohlížeč je vykresluje na trochu jiném místě. Vhodnější je použít background:
http://teststranek.kvalitne.cz/odrazky1/ Můžeš si upravit třebas tohle: http://interval.cz/clanky/rozklikavaci-menu-v-css-a-javascriptu/ Nebo pohledat na webu nějaké jiné. |
||
| dotazujici Profil * |
#4 · Zasláno: 18. 2. 2011, 17:05:41
roberta
diky za navrh, tohle chapu, neni to ale odpoved na muj dotaz. |
||
| dotazujici Profil * |
#5 · Zasláno: 18. 2. 2011, 17:06:47
margin:
diky moc, ten clanek na intervalu je to co hledam:) |
||
| panther Profil |
#6 · Zasláno: 18. 2. 2011, 17:27:31
dotazujici:
fajfka by šla přidávat i CSSkově - rozbalená položka by měla přiřazenou třídu, na jejímž základě by se přidělovala sprváná obrážka. Spíše než list-style-image ale používat background.
|
||
| dotazujici Profil * |
#7 · Zasláno: 18. 2. 2011, 21:38:42
a jak mam background zapsat aby se mi ta fajfka zobrazila zleva vedle textu prosím ? děkuji
|
||
| panther Profil |
#8 · Zasláno: 18. 2. 2011, 22:00:30
dotazujici:
normálně, jako každý jiný background. Tento se ničím neliší. Jediné, co potřebuješ, je přidat padding, aby obrázková odrážka nezasahovala do textu. li.selected {background: url(...) left top no-repeat; padding: 0 0 0 15px;} |
||
| Homer Profil |
#9 · Zasláno: 18. 2. 2011, 22:00:38 · Upravil/a: Homer
Mohlo by to jít třeba nějak takto:
li{background: url (fajfka.gif) left no-repeat;padding-left:10px;}Padding je nutno nastavit o něco větší, než je šířka obrázku fajfka.gif. EDIT: panther byl jsi rychlejší... |
||
|
Časová prodleva: 15 let
|
|||
0