Autor | Zpráva | ||
---|---|---|---|
Anonymous Profil * |
Zdravím,
měl bych takový speciální problém. Mám box a v něm odstavec textu a obrázek. Takových boxů budu mít na stránce třeba 300. Každý obrázek bude mít ale jinou šířku a já potřebuji, aby se šířka boxu generovala podle toho jaká je šířka obrázku. Nechci definovat každý box zvlášť ... Budu vděčný za jakoukoliv radu. Moderátor Majkl578: Titulek „Taková specialitka“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
|
||
Sir Tom Profil |
#2 · Zasláno: 30. 6. 2011, 21:56:18
Anonymous:
Zdravím, poskytneš kód? A čeho vlastně chceš dosáhnout? Jak má šířka obrázku ovlivnit velikost boxu? Má být stejná, o 10px větší, nebo jak? BTW - příště zvol lepší název pro nové téma. Tady toto nevypovídá vůbec nic o problému... |
||
Darker Profil |
#3 · Zasláno: 30. 6. 2011, 22:09:07
Můžeš zkusit display:inline-block. Někde jsem to tu viděl. Pak řekni, co to udělalo.
|
||
Anonymous Profil * |
#4 · Zasláno: 1. 7. 2011, 01:08:24
Sir Tom: Ano, má být stejná.
.box{ background:#FFF; margin-bottom:10px; padding:10px; display:inline-block; width:310px; float:left; -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2); box-shadow:1px 1px 3px rgba(0,0,0,0.2); overflow:hidden; position:relative; } Ten width musí pryč. To Darker: Bohužel to neudělá nic. |
||
joe Profil |
#5 · Zasláno: 1. 7. 2011, 02:43:29
Chceš mít ten box stejně široký, jako ten obrázek uvnitř?
Anonymous: „display:inline-block;“ „width:310px;“ To dej pryč a pak do každého bloku dej čistič: <div style="clear: left; ...."></div> Pokud obsah v tom boxu také floatuješ. |
||
Anonymous Profil * |
#6 · Zasláno: 1. 7. 2011, 11:14:26
Joe: To nepomůže ...
|
||
Anonymous Profil * |
#7 · Zasláno: 1. 7. 2011, 11:15:55
Je to asi tím, že ten odstavec textu také nemá nastavenou šířku, takže se roztáhne na jeden řádek a rozhodí to ... Tudíž by bylo potřeba, aby ten odstavec měl vždy stejnou šířku jako ten obrázek ...
|
||
joe Profil |
#8 · Zasláno: 1. 7. 2011, 11:27:43
Hlavně nechápu, co vlastně potřebuješ.
|
||
Anonymous Profil * |
#9 · Zasláno: 1. 7. 2011, 11:34:50
potřebuju, aby byla šířka toho boxu stejná jako šířka toho obrázku v něm ... jenže bude každý obrázek jiný, tudíž bude jiný i každý box a já si nemohu dovolit definovat každý box zvlášť ... rozumíš?
|
||
pcmanik Profil |
#10 · Zasláno: 1. 7. 2011, 11:41:09
Anonymous:
Tak potom tomu boxu nenastavuj ziadnu sirku a on sa sam natiahne podla potreby. |
||
Anonymous Profil * |
#11 · Zasláno: 1. 7. 2011, 11:50:59
pcmanik: To by byl samozřejmně pravda, ovšem kdyby v těch boxech nebyly i různě dlouhý odstavce textu ...
|
||
Bubák Profil |
#12 · Zasláno: 1. 7. 2011, 12:41:31
Anonymous:
Tak se natáhne na číšku podle nejširšího slova, nebo podle šířky obrázku, záleží na tom, co bude širší. Výška bude podle množství obsahu, tedy obrázku a textu. Pomohl by obrázek toho, jak to má vypadat, jinak dostaneš, vlastně už jsi dostal, jen obecné řešení. |
||
Anonymous Profil * |
#13 · Zasláno: 3. 7. 2011, 13:15:07
Jde vlastně o variaci této šablony ... http://shakenandstirredweb.com/themes/
Akorát navíc právě potřebuji, aby se ty jednotlivé boxíky natahovali i do šířky dle obrázku (nyní jsou nastaveny na 310px) |
||
Davex Profil |
#14 · Zasláno: 3. 7. 2011, 17:08:22 · Upravil/a: Davex
Aby se plovoucí blok nerozšiřoval s přibývajícím množstvím textu, tak by mohlo pomoci přetypování boxu na tabulku:
.box { display: table; width: 100px; } |
||
Anonymous Profil * |
#15 · Zasláno: 3. 7. 2011, 17:52:18
a jak se to zachová s obrázkem uvnitř?
|
||
pcmanik Profil |
#16 · Zasláno: 3. 7. 2011, 17:53:59
Anonymous:
Keby si prejavil aspon trocha namahy a vyskusal to? |
||
Anonymous Profil * |
#17 · Zasláno: 3. 7. 2011, 18:06:01
špatně položená otázka ... mělo to být "a jak se to má zachovat s obrázkem uvnitř" ... Páč mi to širší obrázek než je nastavené šířka usekne ...
|
||
Davex Profil |
Onehdá mi to fungovalo a obrázek zůstal vcelku. Pokud mají být bloky vedle sebe, tak mě nic jiného nenapadá.
|
||
Časová prodleva: 4 dny
|
|||
Anonymous Profil * |
#19 · Zasláno: 7. 7. 2011, 18:09:00
To: Davex: Díky moc si mi pomohl ... Už to funguje ...
|
||
Časová prodleva: 13 let
|
0