Autor | Zpráva | ||
---|---|---|---|
quatzael Profil |
#1 · Zasláno: 19. 7. 2017, 01:39:57
Ahoj,
nějak si nevím rady jak vytvořit tento layout. Tedy, aby byly položky v listu <ul> a v případě, že je nutné nějakou položku podrobněji popsat, aby se tam jen dodal odstavec, který se bude chovat jako na obrázku: ![]() Nemáte prosím někdo nějaký nápad jak vyzrát na tuto záludnost? |
||
Taps Profil |
#2 · Zasláno: 19. 7. 2017, 06:13:24
A nevyhovovala by ti vnořená odrazka ?
|
||
quatzael Profil |
#3 · Zasláno: 19. 7. 2017, 08:33:15
Taps:
Právě že spíš ne. Je to problém? |
||
Taps Profil |
#4 · Zasláno: 19. 7. 2017, 10:58:13
quatzael:
a co toto Živá ukázka ? |
||
Keeehi Profil |
#5 · Zasláno: 19. 7. 2017, 11:10:29
Taps:
To nebude fungovat. |
||
Kcko Profil |
quatzael:
Můžeš takto Živá ukázka ale musel bys znáš nejdelší LI bez poznámky. Jinak je to už případ pro tabulku ne? A k první bunce si to kolečko dodeláš obrázkem přes CSS. |
||
quatzael Profil |
#7 · Zasláno: 19. 7. 2017, 11:28:50
No nevím, jestli jste mě správně pochopili. O šířku vůbec nejde. Prostě, aby to vypadalo jako v ukázce. S tím, že když bude poznámka více řádková, tak ten list item marker zůstane vždy nahoře u prvního řádku a zbytek seznamu se posune dolů podle toho jak je velká ta poznámka..
|
||
Keeehi Profil |
quatzael:
Pochopili jsme tě dobře, jen ta ukázka je takový moc jednoduchý příklad. Řekněme, že ten seznam by měl tyto data: 1. položka - Lorem 2. položka - Lorem ipsum dolor sit amet + dlouhá poznámka 3. položka - Lorem 4. položka - Lorem + dlouhá poznámka |
||
quatzael Profil |
Keeehi:
No tak klidně to může vypadat takto: ![]() Nebo pro lepší přehlednost, takto: ![]() Jde mi aspoň o jednu variantu. Většinou tam ty poznámky nebudou, nebo budou většinou krátký jednořádkový. Jenom se tam občas objeví prostě něco více řádkovýho.. Možná by to šlo nějak vyřešit jako nested list, ale to kolečko na první úrovni stejně asi nezůstane nahoře.. to je problém. |
||
Kcko Profil |
#10 · Zasláno: 19. 7. 2017, 15:32:03
|
||
quatzael Profil |
#11 · Zasláno: 20. 7. 2017, 17:44:44
Kcko:
Ok, díky. Lepší řešení asi nenajdu.. |
||
Bubák Profil |
#12 · Zasláno: 20. 7. 2017, 19:40:41
Kcko:
Kolečko můžeš udělat obrázkem a ten si dáš kam potřebuješ skrze background-position;
|
||
TonyTuma Profil * |
#13 · Zasláno: 20. 7. 2017, 22:14:53
Co třeba dl?
|
||
Kcko Profil |
#14 · Zasláno: 21. 7. 2017, 12:47:00
Bubák:
Ja vím, doufám, že mě trošku znáš a snad si o mě nemyslíš, že základní css znalosti nemám. Tenhle způsob mi přišel snažší pro škálovatelnost symbolu kolečka (barva, velikost ...) Celkově si myslím, že by to měly být tabulková data, ale quatzaelovi do hlavy nevidím, proč a oč se snaží. |
||
quatzael Profil |
#15 · Zasláno: 22. 7. 2017, 00:34:40
Bubák:
„Kolečko můžeš udělat obrázkem a ten si dáš kam potřebuješ skrze background-position; “
Teda tím background-position; bych zrovna moc obrázek nepozicoval, tímhle spíš vybírám obrázky ze spritu..
Já pro pozicování používám nejčastěji top/left.. TonyTuma: „Co třeba dl?“ To vypadá zajímavě. Neznal jsem to. Ale asi to taky úplně neřeší tu mojí situaci. Kcko: „Celkově si myslím, že by to měly být tabulková data, ale quatzaelovi do hlavy nevidím, proč a oč se snaží.“ Asi to nakonec vyřeším s těma tabulkama, protože to vypadá, že to tak bude nejspolehlivější. Díky za rady. |
||
Časová prodleva: 6 let
|
0