| Autor | Zpráva | ||
|---|---|---|---|
| dospisil Profil * |
Zdravím,
skáče to. Kliknu na miniaturu vpravo, abych si ji prohlídl zvětšenou a stranka se přesune k hornimu okraji hlavního obrázku vlevo a tím pádem se zakryje hlavička. "Mechanicky" je to v pořádku (takto to má principielně fungovat, říká se tomu odrážka, myslím), akorát nemůžu zaboha přijít na to, jak to udělat tak, aby se mi to po kliknutí nepřesunulo. Ještě jedna věc. Když stránka nepřesahuje obrazovku směrem dolů, tento problém se neobjeví. Když je ale delší, jako v příkladu, co jsem nachystal, a kliknete na miniaturu pro zobrazení ve velkém poli, poskočí. Celkem mě to od rána štve. Našel by si na mě někdo čas? Diky. Tonda <style text/css>
#prohlizecipanel {position: absolute; left: 0px; top: 0px;
width: 500px; height: 330px; overflow: hidden;
margin: 90px, 0px, 0px, 200px; float: left;}
</style>
<div id="prohlizecipanel">
<div id="pic1">
<img src="obrazky/00001.jpg" width="230" height="330" alt="" title="" />
</div>
<div id="pic2">
<img src="obrazky/00002.jpg" width="230" height="330" alt="" title="" />
</div>
</div>
<style text/css>
#miniatury {position: absolute; width: 360px; top: 80px;
left: 830px; height: 250px;
border-style: solid; border-width: 1px; border-color: silver;
margin: 3px 0px 0px 0px; text-align: left; padding: 3px 5px 5px 5px; }
</style>
<div id="miniatury">
<p><a href="#pic1"><img src="obrazky/00001.jpg" width="50" height="70" alt="" title=""/></a></p>
<p><a href="#pic2"><img src="obrazky/00002.jpg" width="50" height="70" alt="" title=""/></a></p>
</div>
<style text/css>
#textovypanel {position: absolute; left: 200px; top:400px;
width: 500px; height: 330px; background-color: white; overflow: hidden;
margin: 90px, 0px, 0px, 200px;display: block; float: left;}
</style>
<div id="textovypanel">
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<br></br>
<p>A jsem nekde pod okrajem obrazovky. Kliknu na miniaturu vpravo a cely vynalez poskoci k hornimu okraji obrazku..., coz vypada hodne amatersky.</p>
</div>Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Str4wberry Profil |
#2 · Zasláno: 7. 7. 2011, 15:25:03
Nechceš sem vložit odkaz na živou ukázku? Značně tím zvýšíš šanci na rychlé vyřešení.
|
||
| dospisil Profil * |
#3 · Zasláno: 7. 7. 2011, 15:52:32
Str4wberry:
Co myslíš živou ukázkou? Ten kód, co jsem sem napsal, vyjadřuje ten problém. Není to moje, nemůžu to pustit ven. Diky. |
||
| Str4wberry Profil |
#4 · Zasláno: 7. 7. 2011, 16:10:37
No, že takhle bych si musel ten kód zkopírovat do nějakého souboru, připravit si obrázky a tak. Případně se snažit pochopit tvůj komplikovaný popis a kód a hádat řešení. Ani jedno se mi nechce příliš dělat. Ale věřím, že se tu najde někdo jiný, kdo i tak poradí.
|
||
| dospisil Profil * |
#5 · Zasláno: 7. 7. 2011, 21:40:59
Str4wberry:
Tak to se omlouvám, měl jsem za to, že takhle to tady děláte. Obrazky si samozrejmě připravovat nemusíš, to víš sám, bude to "fungovat" i bez nich. Jdu to teda nějak oživit. Zatím díky. |
||
|
Časová prodleva: 1 měsíc
|
|||
| peta Profil |
#6 · Zasláno: 12. 8. 2011, 13:45:49
"takhle to tady děláte" co? zadarmo? asi mi neco uniklo.
takhle se to dela za penize, ale vetsinou je to ztrata casu, protoze kdyz cizi kod dopises vlastnim, tak ti obvykle funguje a na chybu se neprijde. Pouze utratis more casu premyslenim, jak to tam asi ma, abych to mel co nejvice podobne. Obvykle tak 30 minut prace, kterou usetri 1 odkaz na stranku s minimalnim kodem a treba obrazkami slona. 1. nemas validni css margin: 90px, 0px, 0px, 200px; /* to sem jako nevidel*/ ale, kdyby to bylo spravne, tak to rika, ze se pokusi kolem daneho prvku vytvorit prostor 90 zhora, vpravo dole nic a 200 zleva. Jenze ten prostor preteka i mimo obklopujici div. 2. position: absolute; left: 0px; top: 0px; rika, ze posune objekt na souradnice 0,0 stranky nebo nejblizsiho obklopujiciho prvku s position:relative 3. position: absolute; left: 200px; top:400px; float: left; Kdyz to napozicujes, tak je hloupost to preci floatovat, ne? to ti muze delat peknou neplechu. kdyz to nechas jen sloatovane a provedes hover s pridanim ramecku nebo zmenou marginu ci jinych veci vedoucich k roztazeni prvku, muze dojit k tomu, ze ti nekde neco floatovane odskoci. No, a kdyz das link na realny pokusny soubor ulozeny treba na wz.cz, tak se tvym problemem muzeme zabyvat hloubeji a odstranit vsechny chyby. Vypada to, ze jich bude hodne, podle toho marginu. |
||
|
Časová prodleva: 13 let
|
|||
0