Autor | Zpráva | ||
---|---|---|---|
MaJJ Profil |
#1 · Zasláno: 20. 5. 2008, 18:58:35
Zdravím, zase problém :)
Dělám obsahovou část stránek, a chtěl bych, aby se to roztahovalo podle toho, kolik tam je textu ... Odkaz Nějak jsem na to zatím nepřišel, budu to tam zkoušet ... ale prostě mně to nějak nejde :) Jde si to tam i stáhnout, kdyžtak můžete zkoušet na localhostu :) |
||
kletely Profil |
#2 · Zasláno: 20. 5. 2008, 19:01:14 · Upravil/a: kletely
MaJJ
To sa ti naťahuje aj tak nie? |
||
MaJJ Profil |
#3 · Zasláno: 20. 5. 2008, 19:16:40 · Upravil/a: MaJJ
kletely: Ne, ta prostřední část zůstává stejná. a overflow: auto mi (aspoň co jsem to zkoušel přes firebug) nějak nepomohlo. Ona ta spodní část je automaticky POD tím textem, to jo. Ale zobrazí se mi background-image (jednou) a na co nestačí, tam zbude bílé místo. Já chci, aby se natahoval.
ona to není jednolitá plocha ale přechod ... edit: pod obrázkem v prvním příspěvku je odkaz ... to jsou ty stránky, kde se to snažím zprovoznit ... možná se díváte jen na ten obrázek tady :) |
||
Měsíček Profil |
#4 · Zasláno: 20. 5. 2008, 19:18:24
No jestli tam chceš i kulaté rohy a kdo ví co ještě tak jeden div stačit nebude .. minimálně 3. (hlavička rohů, obsah (ten se bude natahovat normálně) a pak patička rohů).
|
||
MaJJ Profil |
#5 · Zasláno: 20. 5. 2008, 19:21:42
však já je tam mám 3 ... podívej se do zdrojáku (odkaz: http://xhtml-css.wz.cz/index.htm , v prvním příspěvku byl taky)
<div id="stranka"> <div id="obsah"> <div id="obsah-nahore"></div> <div id="obsah-text"> <h1>Ke stažení: <a href="./xhtml-css.wz.cz.zip">ZDE</a></h1> <h3>Nadpis</h3> <h4>Podnadpis - lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum, lorem ipsum.</h4> (spousty textu, tak jsem to zkrátil jen na jeden) </div><!-- #obsah-text --> <div id="obsah-dole"></div> </div><!-- #obsah --> </div><!-- #stranka --> |
||
kletely Profil |
#6 · Zasláno: 20. 5. 2008, 19:24:12
MaJJ
Ten problém by sadal napraviť background-repeat: repeat-y; |
||
Měsíček Profil |
#7 · Zasláno: 20. 5. 2008, 19:24:39
u #obsah-text .. máš background-repeat: no-repeat; .. proč? Když přece chceš pozadí prostředního opakovat ne? ...
|
||
MaJJ Profil |
#8 · Zasláno: 20. 5. 2008, 19:29:30
nechci ho opakovat, není to jednolitá barva (nebo proužek). chci ho natahovat, je to přechod ...
|
||
Měsíček Profil |
#9 · Zasláno: 20. 5. 2008, 19:30:57
Aha :) tak teď už jsem to pochopil :) ... tak v tom případě budou nejspíše potřeba ještě dva divy (možná s trochou šikovností jeden) .. myslím, že natahování obrázku v CSS jen tak jednoduše neuděláš.
|
||
MaJJ Profil |
#10 · Zasláno: 20. 5. 2008, 19:32:43 · Upravil/a: MaJJ
Myslím že někde na interval.cz jsem viděl něco podobného (natahování) s fotkama, podle velikosti okna prohlížeče ... jdu to najít ...
Mohl bys mi zatím objasnit jak bys to udělal s tím divem? :D |
||
Měsíček Profil |
#11 · Zasláno: 20. 5. 2008, 19:35:06
No jestliže jsi něco takového viděl (pro mě by to byla novinka) .. tak je docela zbytečné hledat jiné řešení pokud natahovací existuje :), ale zkusím hledat s tebou, protože mě to začíná také docela zajímat .. s těmi divy to byla hloupost došlo mi to až teď.
|
||
MaJJ Profil |
#12 · Zasláno: 20. 5. 2008, 19:36:18
tak jsem to našel
http://css.interval.cz/clanky/obrazky-reagujici-na-velikost-viewportu/ |
||
Měsíček Profil |
#13 · Zasláno: 20. 5. 2008, 19:39:00
Fajn :) měl bych ten Interval číst častěji .. jinak myslíš, že to úplně vyřeší tvůj problém? Tohle bude sice nádherně reagovat na změnu okna, ale jsem zvědav jak se bude roztahovat prostřední část na úkor délky a množství textu.
|
||
MaJJ Profil |
#14 · Zasláno: 20. 5. 2008, 19:41:06
no právě nevím jak to využít, ale je to důkaz že se to může natahovat :) teď už to jen vymyslet ...
... nebo změnit design a udělat z toho proužek, a repeat-y ... |
||
Časová prodleva: 16 let
|
0