Autor | Zpráva | ||
---|---|---|---|
pavel junek Profil * |
#1 · Zasláno: 7. 12. 2004, 20:05:15
Zdravím,
potřeboval bych poradit jak bych měl udělat v php zafixovaný obrázek na stránce. Ale aby se neklepal taky jako v html. Díky moc Pavel Junek |
||
izsak Profil |
#2 · Zasláno: 7. 12. 2004, 20:47:47
Čo znamená aby se neklepal taky jako v html?
|
||
Pavel Junek Profil * |
#3 · Zasláno: 8. 12. 2004, 18:33:39
No podívej se na www.masozravky.unas.cz , při rolování se obrázky klepou a není to moc hezký.
|
||
thingwath Profil * |
#4 · Zasláno: 8. 12. 2004, 18:38:41
Nic takového jsem nepostřehl, ale soudím, že je to věc, na kterou nemá nějaké PHP nejmenší vliv. Dost vtipný mi přišel nápis vstupte bez klepání, na nějž je nutné klepnout (i taková terminologie se semtam používá) myší.
|
||
izsak Profil |
#5 · Zasláno: 8. 12. 2004, 18:40:38
a) fixný obrázok na pozadí spravíš pomocou CSS:
background: white url("obrazek.jpg") no-repeat; b) nech stránkou scrolujem ako chcem, žiadne "klepanie" obrázkov nevidím. |
||
Pavel Junek Profil * |
#6 · Zasláno: 8. 12. 2004, 18:45:37
Mám IT.6.0 a když kliknete třeba na Dionaea tak u textu jsou tři obrázky, které se při rolování klepou. Není to moc hezké. Ale jinak díky za ten script.
|
||
Pavel Junek Profil * |
#7 · Zasláno: 8. 12. 2004, 18:49:31
S tím scriptem je ještě problém ten, že potřebuji u každého obrázku odkaz na Pěstování na Fotogalerii a na Dobré rady. Při klikání na jiné odkazy př. Cephalotus, Sarracenia atd. potřebuji zase jiné odkazy. Možná by to šlo nějak udělat přes klikací mapu?
|
||
habendorf Profil |
#8 · Zasláno: 8. 12. 2004, 18:52:09 · Upravil/a: habendorf
background: white url("obrazek.jpg") no-repeat;
background-position: fixed; ti IMHO pro IE nepomůže (taky to mimochodem není script, jak píšeš) Co máš s pořád s tím stahovým řádkem? Myslel jsem že je to překlep, ale máš to tam hned dvakrát. Nikdo si kvůli tobě nebude přenastavovat prohlížeč, neblázni. A vůbec, slušný stránky do statusbaru nepíšou. A proč bych to vypínal na konci velké bílé plochy? Uvědom si, že ne každý používá rozlišení jako ty. K problému fixace: proč prostě ty objekty vpravo nedáš do jiného divu? |
||
Pavel Junek Profil * |
#9 · Zasláno: 8. 12. 2004, 18:59:36
Promiň myslel jsem CSS. Jinak to byl fakt překlep ten stahový řádek, už je to opravený. Je to tam proto, že dole je další menu tak aby každý nemusel rolovat c celým oknem.
<html> <head> <meta http-equiv="Content-Language" content="cs"> <meta http-equiv="content-type" content="text/html;charset=iso-8859-2"> <title>dionaea muscipula</title> <link rel="stylesheet" href="../css/lista.css" type="text/css"> <link rel="stylesheet" href="../css/right.css" type="text/css"> <!-- nejsem autor tohoto stylu ani scriptu--> <style> #foto {position: fixed;} #foto {position: "absolute";} #foto {top: 70px; left: 610px} p {width: 70%} </style> <script> function fixedEl(id){ if(document.all){ document.all[id].style.pixelTop = document.body.scrollTop + 70; } } </script> </head> <body onscroll="fixedEl('foto')"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="349"> <tr> <td width="65%" height="349"> <div style="width: 542; height: 517; background-image: url('../pix/dianea.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center 50%; "> <b><u><font size="4" color="#008000"><i>Dionaea muscipula (Mucholapka podivná)<br> <br> </i></font>Mucholapka byla objevena</u> v roce 1736 Arthurem Dobbsem, který ji připodobnil k ľelezným pastím, pouľívaným k lovu liąek. Proto je také velmi zajímavá a populární. Později byly dovezeny do Anglie první ľivé rostliny. Botanicky byla popsána Johnem Ellisem v roce 1970.<br> Mucholapka je menąí, přízemní rostlina. Její listy jsou tvořeny 1-10cm dlouhými řapíky a zakončené čepelí přeměněnou v pohyblivou past. Ta můľe dorůstat aľ 4cm délky. Mucholapka svoji kořist chytí rychlým sklapnutím dvou polovin pastí za 0,5s – 2s. V zemi rostlina vytváří cibulovitý oddenek, který slouľí jako zásobní orgán v období vegetačního klinu nebo nepříznivých podmínek. Mucholapka roste volně v Jiľní Karolíně (USA). <br> <br> <u>Charakteristickými znaky</u> mucholapky podivné je, ľe jako jediná chytí svou kořist rychlým sklapnutím pasti. Aby se tak stalo, tak se musí citlivé<i> chlupy </i>(fungující jako spouą» pasti) podráľdit nejméně<i> </i>2x, v rozmezí 2-20 sekund. Tím je zabráněno zbytečnému zavírání pastí při deąti. Přes léto tvoří veliké pasti a malé listy, kdyľto v zimě jsou skoro nefunkční pasti a ąiroké, dlouhé listy.<br> Jako větąina masoľravek, i mucholapka má ráda kyselé raąelinné substráty s nízkým obsahem ľivin. Proto si získává dusíkaté látky z polapeného hmyzu.<br> <br> <u>Mucholapku pěstuji</u> jiľ 4 roky v polozavřené skleněné kouli neboli v miniaturním skleníčku s vhodnou vzduąnou vlhkostí. Substrát tvoří raąelina s křemičitým pískem. Daří se jí tam velice skvěle, nebo» jsem pro ni napodobil přirozené prostředí.<br> Její pasti dosahují délky aľ 4 cm a jsou do červena zbarvené. <br> Mucholapka je nazývána jako <i> královna masoľravých rostlin</i>.<br> Takľe vąichni, kdo chtějí mít doma nějakou masoľravku, tak jim mucholapku doporučuji. Je na pěstování nenáročná a je velmi hezká.</b></div> </div> </td> <td width="33%" height="349"> <div id="foto"> <a href="../foto/dionaea/dionaea.htm"> <img src="../pix/obr_foto.png" border="0" width="148" height="34" alt="Fotogalerie"></a> <p></p> <a href="../pestovani/dionaea/dionaea.htm"> <img src="../pix/obr_pestovani.png" border="0" width="148" height="34" alt="Pěstování"></a> <p></p> <a href="../rady/dionaea/dionaea.htm"> <img src="../pix/obr_rady.png" border="0" width="148" height="34" alt="Dobré rady"></a> </div> </td> </tr> </table> </body> </html> tohle je kód mých stránek. Mě jde o tohle: <style> #foto {position: fixed;} #foto {position: "absolute";} #foto {top: 70px; left: 610px} p {width: 70%} </style> <script> function fixedEl(id){ if(document.all){ document.all[id].style.pixelTop = document.body.scrollTop + 70; } } </script> <body onscroll="fixedEl('foto')"> <div id="foto"> <a href="../foto/dionaea/dionaea.htm"> <img src="../pix/obr_foto.png" border="0" width="148" height="34" alt="Fotogalerie"></a> <p></p> <a href="../pestovani/dionaea/dionaea.htm"> <img src="../pix/obr_pestovani.png" border="0" width="148" height="34" alt="Pěstování"></a> <p></p> <a href="../rady/dionaea/dionaea.htm"> <img src="../pix/obr_rady.png" border="0" width="148" height="34" alt="Dobré rady"></a> </div> jak je vidět tak u zafixovaných obrázků v pravo, je na každé stránce pak jiný <a href="">. Jenže tyhle obrázky se klepou při rolování. Potřeboval bych nějaké jiné řešení, aby se to neklepalo. |
||
Michalek Profil |
#10 · Zasláno: 8. 12. 2004, 19:00:09
2 Pavel: Nebude to spíše pomalostí PC, že se klepou? Občas se mi to také stává.
|
||
Pavel Junek Profil * |
#11 · Zasláno: 8. 12. 2004, 19:02:23
No mě se to stalo již na 3 různých počítačích a ten jeden byl dost nadupanej. Takže to asi nejspíše ne.
|
||
Pavel Junek Profil * |
#12 · Zasláno: 8. 12. 2004, 19:03:24
Podívejte se třeba na www.gcbr.cz ten malej míček v pravo dole se neklepe, při rolování.
|
||
habendorf Profil |
#13 · Zasláno: 8. 12. 2004, 20:39:42
Klepat se to bude vždy, protože se neustále musí přepočítávat poloha toho objektu.
Na golfové stránce je to přesně tak, jak jsem ti navrhoval - ten míček je v jiném divu (ten rolovaný text je tam v tabulce) - jinými slovy ten míček nemá nic společného s rolovaným textem a proto se samozřejmě nehýbe. Podívej se do zdrojáku. |
||
Honza Hučín Profil |
#14 · Zasláno: 8. 12. 2004, 22:48:44
Pro moderní prohlížeče funguje background-position:fixed. Ne pro IE, tam se to musí emulovat, viz např. http://jakpsatweb.cz/css/priklady/fixed-position-explorer-simulation.h tml
Jinak position:fixed je opravdu náročná na počítač a doporučuje se tomu vyhnout. Nejde jen o technické vybavení počítače, ale i o rychlost prohlížeče. |
||
Fred Profil |
#15 · Zasláno: 8. 12. 2004, 23:11:49
Oni to tam na tomm gbr řeší jinak, je to zajímavý a zdá se funkční řešení
#ilustrace { position: absolute; visibility: visible; bottom:50px; z-index: 5; left: 550px; width: 200px; heigh: 200px; text-align: right; border: none; background-color: none; border: none; } |
||
habendorf Profil |
#16 · Zasláno: 8. 12. 2004, 23:19:03
Fred:
Oni to tam na tomm gbr řeší jinak, je to zajímavý a zdá se funkční řešení Frede, tohle přece fixaci vůbec neřeší. Ještě jednou: ten objekt je v jiném divu a proto se samozřejmě nehýbe. Je to stejný jako kdybys měl třeba vedle textarey obrázek a roloval si textem v textarey, tak se obrázek samozřejmě hýbat nebude. Prostě jsou to dvě samostatný nezávislý věci. |
||
Fred Profil |
#17 · Zasláno: 8. 12. 2004, 23:31:28
Hmm, to je pravda, ach jo zase jsem se trochu unáhlil ;-) , sorry
|
||
Pavel Junek Profil * |
#18 · Zasláno: 9. 12. 2004, 16:32:14
To je sice hezký, to co mi tady píšete, ale já bych potřeboval to nějak vyřešit aby se to neklepalo a fungovalo to jako odkaz. Kdyžtak díky.
|
||
habendorf Profil |
#19 · Zasláno: 9. 12. 2004, 16:42:58
Pavel Junek: Vždyť se ti to pořád snažím říct: dej rolovaný text do jednoho divu a ty odkazy do jiného. V čem je problém?
|
||
Pavel Junek Profil * |
#20 · Zasláno: 9. 12. 2004, 16:47:26
No problém je v tom, že nevím jak to přesně myslíš. Můžeš mi prosímtě napsat kousek zdrojáku, pak to snad pochopim. Dík
|
||
habendorf Profil |
#21 · Zasláno: 9. 12. 2004, 17:03:10 · Upravil/a: habendorf
Je to jen holá kostra, ale bude ti to z toho jasné:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
||
Pavel Junek Profil * |
#22 · Zasláno: 10. 12. 2004, 08:55:36
Jo takhle, hned to udělám. Díky moc.
|
||
Časová prodleva: 19 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0