» Poradna » Počítačové sítě

Pozicování na stránkách

 |   |  Microsoft Windows 7 Firefox 13.0.1

Dobrý den,
potřeboval bych poradit v jedné věci týkající se internetových stránek. Mám tam daný obrázek, který potřebuju přemístit na přesné místo na jiném obrázku. Zkoušel jsem CSS pozicování - "posicion: absolute", jenže tento příkaz mi tam ten obrázek přímo neusadí. Při změně rozlišení mi ulítne na jiné místo, než jsem chtěl. Navíc, když k tomu jednomu obrázku přidám ještě jeden, tak ten předešlý začne jezdit nahoru a dolu, když roluju s kolečkem. Poraďte mi prosím, který příkaz by dokázal přemístit obrázek, nebo dva podobně jako CSS pozicování, a přitom na tom místě zůstal a nehnul s okolním textem, i když se změní rozlišení obrazovky. Jeden pán mi poradil na jiném fóru, ať vložím dva atributy do sebe - obrázek obalit v kódu divem a přidat k němu funkci relative a celé toto obalit funkcí absolute. Udělal jsem to takto: "
". Do externího souboru css jsem vložil:
.absolute { position: absolute; left: 410px;}
.relative { position: relative; top: 63px;}
Ale i po této úpravě mi obrázky se změnou rozlišení ujíždí pryč z místa, kam jsem je vložil. Nevím, jestli náhodou nemám ten kód špatně. Děkuji za případné rady.

Odpovědi na otázku

 |   |  Microsoft Windows 7 Firefox 13.0.1

omlouvám se, jak je věta - udělal jsem to takto: tak tam mám být kód:

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 4.0

prázdný kód nedělá nic skoroy vždy!

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Opera 9.80

Podkladyový obrázok musí mať nastavené pozíciovanie na relative a až potom sa zohľadní to absolute.

http://css-tricks.com/absolute-positioning-insi... ...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 4.0

posicion je nesmysl, to nemá v css codělat.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 13.0.1

A jak tedy přesunu ten obrázek tak, aby na tom novém místě zůstal, i když se změní rozlišení?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 13.0.1

ještě jednou se omlouvám, ale ten kód se mi sem nepodařilo dostat

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Opera 9.80

K tomu sa používa napr. služba typu - http://pastebin.com/...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 13.0.1

Takže ten obrázek, který je pod tím, co chci přemístit musím dát do relative a ten co přesouvám na absolute?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 13.0.1

dobrá, takže kod je tady: http://pastebin.com/7zQvYhsL...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Opera 9.80
 |   |  Microsoft Windows 7 Firefox 13.0.1

jj díky. Bude potom možnost ten obrázek nějak dále upravovat? třeba funkci onmouse, nebo mít ho jako odkaz?

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows XP Opera 9.80
 |   |  Microsoft Windows XP Opera 9.80

*Totom* má byť Potom

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 7 Firefox 13.0.1

jj chápu. Podle toho druhého je to lepší. Díkes

Souhlasím  |  Nesouhlasím  |  Odpovědět




Určitě si přečtěte

Loopwheels znovu vymyslelo kolo. Místo drátů má v ráfcích kompozitové pružiny, které vylepší komfort jízdy

Loopwheels znovu vymyslelo kolo. Místo drátů má v ráfcích kompozitové pružiny, které vylepší komfort jízdy

** Proč vymýšlet kolo? Protože ho lze vymyslet lépe! ** Kola Loopwheels nabízejí integrované odpružení ** Cílem je poskytnout pohodlnější a klidnější jízdu

Karel Kilián | 14

Porno insider: Jak Greg Lansky mění internet pro dospělé

Porno insider: Jak Greg Lansky mění internet pro dospělé

** Erotický obsah generoval ohromné peníze, pak ale přišel internet... ** Pornografie dostupná všude a zdarma uvedla tvůrce do krize ** Někteří ale dokázali potenciál internetu využít i v tomto oboru

Jan Dudek | 12

Xiaomi Yeelight: Wi-Fi LED žárovka za pár stovek, kterou můžete ovládat i hlasem

Xiaomi Yeelight: Wi-Fi LED žárovka za pár stovek, kterou můžete ovládat i hlasem

** Na eBayi aspol. ji koupíte za čtyři stovky ** Má Wi-Fi a povedenou appku ** Spojíte ji s Googlem, Amazonem, IFTTT i vlastním systémem

Jakub Čížek | 42

Do kanceláře to nejlepší: Test notebooku HP Elitebook 830 G5

Do kanceláře to nejlepší: Test notebooku HP Elitebook 830 G5

** HP se u nového Elitebooku snaží o nadstandardní výbavu ** Notebook klade důraz na videokonference ve firemním prostředí ** Unikátní displej umí omezit čitelnost z boku

Tomáš Holčík | 57


Jízdní řády Bileto
Aktuální číslo časopisu Computer

Megatest: 13 grafických karet

Srovnání 7 dokovacích stanic s USB-C

Jak na perfektní noční fotografie

Kvalitní zdroje informací pro sebevzdělávání