» 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

Šéf amerického Red Hatu: Odpojte Brno od internetu a zhroutíme se

Šéf amerického Red Hatu: Odpojte Brno od internetu a zhroutíme se

** V Česku najdete hromadu skvělých vývojářů ** Mnozí z nich přispívají do open-source ** Třeba v brněnském Red Hatu

Jakub Čížek | 51

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

Google ADT-2: Miniaturní krabička s Android TV 8.0, kterou si nikdy nekoupíte

** Dlouho se nevědělo, co to přesně má být ** Pak se s krabičkou Google pochlubil na I/O ** Do „Chromecastu“ vtěsnal celý Android TV

Jakub Čížek | 22

Rekordy počasí: V Česku to ještě jde, skutečné extrémy zažívají jinde

Rekordy počasí: V Česku to ještě jde, skutečné extrémy zažívají jinde

** Teplotní extrémy dokážou překvapit. Seznamte se s rekordy v Česku i ve světě ** Rekordní hodnoty jsou mnohdy až k neuvěření ** Zjistěte, kdy ke bylo největší horko, zima, déšť či vítr

Karel Kilián | 7

Jak dopadl velký den Applu s náloží novinek: Sledujte, co letos připravil

Jak dopadl velký den Applu s náloží novinek: Sledujte, co letos připravil

** Apple večer představil novinky ** Ukáže nové operační systémy, ale čekala se i nová zařízení ** Začíná vývojářská konference Applu WWDC 2018

Karel Javůrek | 87

Alan Turing: Genius, který matematicky stvořil počítač

Alan Turing: Genius, který matematicky stvořil počítač

Řešením matematického problému se dostal k modelu teoretického stroje, který nese jeho jméno a je základem logiky univerzálních počítačů.

Pavel Tronner | 56

Blíží se Juno. Jeden z nejhezčích Linuxů pro normální lidi

Blíží se Juno. Jeden z nejhezčích Linuxů pro normální lidi

** Ubuntu a Fedora patří k nejpopulárnějším linuxovým OS pro desktop ** A pak je tu zástup dalších nebo jejich odvozenin ** Jedním z nich je Elementary OS, který se brzy dočká novinek

Jakub Čížek | 71


Aktuální číslo časopisu Computer

Kdy necháme řídit chytrá auta?

6 Wi-Fi Mesh systémů ve velkém testu

Srovnali jsme 7 sportovních kamer

Znáte pravidla pro létání s drony?