Autor | Zpráva | ||
---|---|---|---|
marty_x Profil |
#1 · Zasláno: 22. 1. 2012, 03:09:13
Zdravím, dnes jsem v RS php-fusion do style.css přidával facebook a youtube tlačítka a na první pohled se zdá všechno v pořádku, ale když zmenším zoom prohlížeče (ctr+c a kolečko myši), tak se obrázky jakoby posouvají dovnitř namísto ven. Přidávám screeny toho, jak to vypadá a jak by to vypadat mělo + řádek ze style.css a předem vám všem moc děkuji za pomoc.
Takhle to vypadá při normálním zoomu (to je v pořádku) : Takhle to vypadá, když zoom zmenším : A takhle to při zmenšení zoomu vypadá na všech ostatních stránkách... : Řádky ze style.css : } .fb { position: absolute; right: 1258px; top: -15px; } .yt { position: absolute; left: 1258px; top: -15px; } |
||
Keeehi Profil |
#2 · Zasláno: 22. 1. 2012, 03:25:33
Problém bude nejspíše v absolutním pozicování. Prosím o odkaz na živou ukázku.
|
||
marty_x Profil |
#3 · Zasláno: 22. 1. 2012, 03:29:57
Beta verze stránky se momentálně nachází na www.strublik.cekuj.net/
|
||
Keeehi Profil |
Celá ta hlavička je jeden velkej bordel. Myslel jsem, že bych to upravil, ale nemám nárok. Takže to přepíšu, úplně od znova. Sice to taky asi není úplně košér, ale alespoň by to fungovat mělo:
<div class='header'> <a href='http://strublik.cekuj.net/' target='_blank' style="float:left;"> <img src='http://www.handicapovanisportovci.cz/img/ico/ico-facebook-corner.gif' border='0' style='color:#fff;' width='90' height='90' title=''> </a> <a href='http://strublik.cekuj.net/' target='_blank' style="float:right;"> <img src='http://upload.byl.cz/upload/files/banned-youtube-corner.gif' border='0' style='color:#fff;' width='90' height='90' title=''> </a> </div> Nebo pokud jsem to špatně pochopil a ty obrázky mají být v rozích stránky a ne headeru, tak by to mohlo vypadat takto: <a href='http://strublik.cekuj.net/' target='_blank' style="position: absolute;left: 0px; top: 0px;"> <img src='http://www.handicapovanisportovci.cz/img/ico/ico-facebook-corner.gif' border='0' style='color:#fff;' width='90' height='90' title=''> </a> <a href='http://strublik.cekuj.net/' target='_blank' style="position: absolute;right: 0px; top: 0px;"> <img src='http://upload.byl.cz/upload/files/banned-youtube-corner.gif' border='0' style='color:#fff;' width='90' height='90' title=''> </a> <div class='header'></div> |
||
marty_x Profil |
#5 · Zasláno: 22. 1. 2012, 14:16:04
Keeehi:
Díky moc už je to v pořádku. Můžeš mi prosím říct, co tam bylo špatně? |
||
Keeehi Profil |
Jestli myslíš na té tabulce, tak neuzavírání <td> bych ještě zvládl (i když je td párový, tak to prohlížeče zvládají dobře), ovšem mít 2x tag </table>, když byl jen jeden <table>, to už jsem nevěděl co s tím. Prohlížeče ten druhý asi ignorují, ale zas tak velkou zkušenost s nimi nemám. Jinak tam bylo ještě mnoho dalších problémů a zbytečností, které si už ale nepamatuji.
Pokud máš na mysli to, co bylo špatně v css z prvního postu, tak asi toto: Prvek, který měl být vlevo jsi odsazoval zprava a spoléhal jsi při tom na rozlišení vlastního monitoru. Proč jsi prvku, který má být vlevo neřekl, že mám být 0px zleva? No a stejné je to i u toho pravého. Jinak máš tam ještě rozbité kódování. |
||
Bubák Profil |
#7 · Zasláno: 22. 1. 2012, 15:13:01
Keeehi:
„neuzavírání <td> bych ještě zvládl (i když je td párový, tak to prohlížeče zvládají dobře)“ Možná jsi to vyčetl z Tabulky » td, ale specifikace praví , že koncová značka je "optional", nepovinná. |
||
Keeehi Profil |
#8 · Zasláno: 22. 1. 2012, 15:16:43
Bubák:
Nějak jsem to věděl, ale nebyl jsem si jistý a nemohl jsem to najít. Díky |
||
marty_x Profil |
#9 · Zasláno: 22. 1. 2012, 17:10:49
Ok, díky moc pro příště se poučím :)
|
||
Časová prodleva: 12 let
|
0