Web ukotvení

twinky · Příspěvek od **twinky** » úte 12. dub 2011, 22:50

Dobrý den, chtěl bych se zeptat jak se ukotvují objekty na webu. Mám problém s tím, že se mi u každého typu rozhraní obrazovky ( 4:3 , 16:9 ) ukazují někde jinde.... nvt jak tomu zabránit.. aby byli zakotvený prostě na jednom místě kde je určím např. u navigační lišty, ale to je jedno kde, aby nelítali z jednoho místa na jedno u širokoúhlých obrazovek...děkuji

OndraSter · Příspěvek od **OndraSter** » úte 12. dub 2011, 22:55

Pozicovat relativně, nikoli absolutně.

bubanek · Příspěvek od **bubanek** » úte 12. dub 2011, 23:34

Mít všechno v jednom divu, kterej je uprostřed

arxeiss · Příspěvek od **arxeiss** » stř 13. dub 2011, 00:21

Takto to dělám já

Kód: Vybrat vše

* {
	margin: auto;
	padding: 0px;
}
html, body {  
	position: relative;
           ...
}
#page {
	position: relative;
	width: 990px;
}

a html kód vypadá takto

Kód: Vybrat vše

...
<body><div id="page">
...
...
</div></body></html>

Jinak IE to většinou nevystředí, pokud tam máš nějakou HTML chybu v kódu, např chybí ti ukončovací lomítka u jednopárových tagů u XHTML apod...

drp · Příspěvek od **drp** » stř 13. dub 2011, 16:59

kdyz uz jsme u teho nechtel jsem zakladat novi topik tak:
kdybych dal web do "div web" a to bych mel nastavene margin: auto; padding: 0px; . A potom bych udelal "div reklama" a to bych nedal do teho "div web" a tu reklamu bych umistil v pravo od webu posunul by se ten web do leva jestli jo tak jak mam udelat aby to zustalo pokazde u prostred a reklama by s eposunula vedle teho do prava?

twinky · Příspěvek od **twinky** » čtv 14. dub 2011, 19:51

díky moc

twinky · Příspěvek od **twinky** » pát 15. dub 2011, 17:48

..tak jsem tu zpět... vše jsem pozměnil,ale pořád se mi tam ty vlaječky přesouvají zde na této stránce http://fallenchaos.php5.cz/ ty 2x z hordou znakem...... pls už fakt nvm co s tím ?

arxeiss · Příspěvek od **arxeiss** » pát 15. dub 2011, 17:52

Protože obě vlaječky jsou position: absolute; tak se nediv...

twinky · Příspěvek od **twinky** » pát 15. dub 2011, 18:11

...ale i když stejně změním na relative ,tak to nejede a pořád se hejbou...podívej.... http://fallenchaos.php5.cz/

twinky · Příspěvek od **twinky** » pát 15. dub 2011, 18:14

mě se to potom ale rozhází.... a nereaguje na nastavení..jak nastavit umístění v té hodnotě relative?

twinky · Příspěvek od **twinky** » pát 15. dub 2011, 18:15

jako v poho to relative splněilo fci.. ale já potřebuji aby se to překrývalo s tím pozadím a stránku...jako nadvýšený nad vším aby byl ten obrázek udělat...?

twinky · Příspěvek od **twinky** » pát 15. dub 2011, 19:19

už jsem to vyřešil...prostě je tam dávat nebudu

http://fallenchaos.php5.cz/ ale jinak díky

arxeiss · Příspěvek od **arxeiss** » pát 15. dub 2011, 21:10

Není dobré to tak vzdávat, přitom toto není vůbec těžké, jenom nechápu proč jsi to napsal tak debilně...
Jeden obrázek v jednom divu, a ten druhý v dalším který je asi v dalších 3 apod... Prostě to nemá logiku!

A používej EDIT

twinky · Příspěvek od **twinky** » sob 16. dub 2011, 15:23

..rád bych to tam dal ty vlaječky, ale prolezl jsem teď mnoho návodů a ani jeden mi jaksi nefungoval, furt se to šoupe a nebo se to zase nepřekrývá...nemohli by jste mi sem napsat jen takovou ukázku jak udělat to relativní pozicování ( všude říkají , že na loga a atd... jsou lepší ty absolute, ale když to rozhazuje?... hm.. ) Díky

twinky · Příspěvek od **twinky** » sob 16. dub 2011, 19:46

....pls chtěl bych se ještě zeptat, jak vložit ikonku do title??

arxeiss · Příspěvek od **arxeiss** » sob 16. dub 2011, 20:15

Jinak si to můžeš pozicovat pomocí top a left, ale nesmíš tam dát position: absolute...
A dal bych tam div pod menu, nastavil mu záporný margin-top a tím bych ho posunul výše.

Ikonku do title? Nemyslíš faviconu? To jsem zjistil jak tam nacpat, ale jenom ve formátu ico, png mi nějak nefičí

twinky · Příspěvek od **twinky** » sob 16. dub 2011, 20:49

j...haleď ,ale já jsem tam dal absolute u těch vlaječek a je to... jen se to předělal v jiném editor a hodil jeden cekový div

arxeiss · Příspěvek od **arxeiss** » sob 16. dub 2011, 21:32

Jo, a celé jsi to pos*al

Dám ti tu screeny z rozlišení
1024x768

1680x1050

Exp · Příspěvek od **Exp** » ned 17. dub 2011, 02:19

Takhle to dopadá, když někdo neví rozdíl mezi relativním a absolutním pozicováním.

twinky · Příspěvek od **twinky** » ned 17. dub 2011, 14:23

Web ukotvení

Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení

Re: Web ukotvení