Autor Zpráva
marty_x
Profil
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
Problém bude nejspíše v absolutním pozicování. Prosím o odkaz na živou ukázku.
marty_x
Profil
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>
tímto se nahradí ta celá tabulka co je hned za <body>

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
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
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
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
Ok, díky moc pro příště se poučím :)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: