| Autor | Zpráva | ||
|---|---|---|---|
| grimword Profil |
#1 · Zasláno: 27. 5. 2015, 09:21:47
Dokázal by mi někdo poradit, jak přilepit banner na okraj této stránky: www.rychlezajezdy.cz/ ? Chci, aby jeho umístění bylo statické (neroloval se stránkou) a aby ten banner mohl být ve formě skriptu (adsense, sklik kód, iframe).
Nejdůležitější je, aby to bylo bez zásahu do současného kódu. Tj. pouze přidat html/css pro banner, ne předělávat současný web. |
||
| Taps Profil |
#2 · Zasláno: 27. 5. 2015, 11:49:00
grimword:
http://jecas.cz/sidebar |
||
| grimword Profil |
#3 · Zasláno: 27. 5. 2015, 13:17:15
Taps:
> grimword: > http://jecas.cz/sidebar To řešení je plovoucí, to za prvé. A za druhé to nelze implementovat do zmíněné stránky. |
||
| Trejpa Profil |
#4 · Zasláno: 27. 5. 2015, 14:08:44
grimword:
„To řešení je plovoucí“ Není to plovoucí, ale než doroluje horní okraj k elementu, tak absolutní a po dále je pozice fixní. Samozřejmě, tohle nepotřebuješ. Potřebuješ fixní pozici. Jenže ta je vždy definována od okraje stránky, zatímco ty bys ji zřejmě potřeboval od hrany #page. Tohle se musí doskriptovat. Výchozí stav bez skriptu je přilepení k pravému okraji stránky, skript změní vodorovnou pozici na základě aktuální šířky okna a bloku #page tak, aby se k němu reklama zprava přilepila. Vlastnost onresize na elementu BODY hlídá případné další změny velikosti okna, aby spustila funkci k dorovnání pozice reklamy. příklad, zdroj |
||
| grimword Profil |
#5 · Zasláno: 27. 5. 2015, 15:26:44
Jenomže v tom tvém příkladu je reklama opět plovoucí? Já chci aby odrolovala se stránkou. Aby při rolování dolů zmizela společně s obsahem webu.
|
||
| petr 6 Profil |
#6 · Zasláno: 27. 5. 2015, 15:30:44
|
||
| grimword Profil |
#7 · Zasláno: 27. 5. 2015, 15:57:22
Omlouvám se za zmatečný popis. Chci banner natvrdo připnout k obsahu. Pokud scroluji dolů, tak banner mizí společně s obsahem. Dokážete nyní poradit?
|
||
| Tomáš123 Profil |
#8 · Zasláno: 27. 5. 2015, 16:04:11
grimword:
Nejako takto. |
||
| grimword Profil |
#9 · Zasláno: 27. 5. 2015, 16:56:59
Tomáš123:
> grimword: > Nejako takto. Podle tvé ukázky jsem za DIV "page" umístil následující kód: <!-- muj kod-->
<div class="page">
.
.
.
.
.
</div>
<!-- tvuj kod-->
<div style="background: silver;
width: 100px;
min-height: 100px;
position: absolute;
margin: 100px 0px 0px 0px;
right: 0; top: 0;">
reklama
</div>Jenomže místo toho, aby se to připnulo ke stránce, tak se to připnulo k okraji prohlížeče? http://i.imgur.com/ohm8UH6.png ^^^viz screen |
||
| petr 6 Profil |
#10 · Zasláno: 27. 5. 2015, 17:10:34
grimword:
„Jenomže místo toho, aby se to připnulo ke stránce, tak se to připnulo k okraji prohlížeče?“ To se nás ptáš? Dej odkaz na živou ukázku Zatím všechny zde uvedené rady splňují tvůj vágní popis. Posouvání obsahu se scrollováním je přirozenou vlastností stránky, takže stačí příslušný HTML kód vložit tam, kde ho chceš mít. To, kde se má zobrazovat, víš nejlíp ty sám, a zatím jsi nám to nedokázal sdělit. |
||
| Tomáš123 Profil |
#11 · Zasláno: 27. 5. 2015, 17:41:09
grimword:
Ťažko môžeš správne implementovať okopírovaný kód, ktorému nerozumieš. Kľúčom k správnej pozícii je relatívna pozícia, ktorá určuje počiatok súradnicového systému pre ďalšie vnorené prvky s absolútnou pozíciou. Ja som ako obal použil element <body>, aby bola ukážka čo najjednoduchšia. V tvojom prípade hrá <body> úplne inú úlohu (nie je priamym obalom prvkov, ktoré chceš usporiadať). Ak priamy obal nájdeš, nastavíš mu position: relative a niečo ti nebude fungovať, ozvi sa.
|
||
| Trejpa Profil |
#12 · Zasláno: 27. 5. 2015, 20:25:37
|
||
| grimword Profil |
#13 · Zasláno: 28. 5. 2015, 06:13:00
Trejpa:
> grimword: > Abys mohl pozicovat od vnitřního bloku, musíš mu nastavit position: relative. Další zanořené bloky pozicované absolutně pak vztáhnou svoji pozici k němu. Skripty tentokrát potřeba nejsou. > > > příklad, zdroj Přesně toto jsem hledal. Děkuji! |
||
|
Časová prodleva: 9 let
|
|||
0