Autor Zpráva
Stalker
Profil
Ahoj,

živá ukázka: http://kachl-izol.cz/

Na indexu mám dva obrázky a pomocí relativního pozicování tam mám hozený nadpisy, včetně hoveru. V IE 9 a starších zůstává pod obrázky velká mezera a hover reaguje i na ni. Jak to napravit? Vůbec netuším, jak na to.
margin
Profil *
Doporučil bych používat takový doctype, abys měl prohlížeče ve standardním režimu.
Vyhnul bych se použití pozicování.
Přiznám se, že jsem nepochopil, proč stránka není rozbitá i v jiných prohlížečích stejně, jako v Explorerech, ale nechce se mi to hlouběji zkoumat.

Už jednou jsem ti dával kód, jak na to, tam jsem pozicování použil jenom kvůli využití přirozeného z-indexu pro pozadí nadpisu. Nadpis posuň nahoru horním záporným marginem, ale tím dojde i k posunu následujícího obsahu, což jde jednoduše kompenzovat nastavením dolního marginu nadpisu.
kaktuss
Profil
[#1] Stalker
Tú medzeru ti robí top: -90px.
h2 ti to síce posunie hore, ale <a> tag ostane na mieste (s pôvodnym rozmerom), preto ti tam reaguje hover. Skús iný CSS prístup :-).
Stalker
Profil
[#2] margin
Dík. Úplně jsem tam zapomněl zadat doctype, napravím to.

Už jsem zkoušel posouvat nadpis pomoci záporného marginu, ale tuším, že mi zmizelo jeho modré pozadí, ale až budu doma, znova to vyzkouším i s doctypem a uvidíme.

[#3] kaktuss
Já vím, co mi ten problém způsobuje :) Vím, že musím zkusit (minimálně pro IE) jiný CSS postup, už jsem ale zkoušel mnoho věcí a nic kloudného mě nenapadlo, proto se ptám tady :))
margin
Profil *
Stalker:
Už jsem zkoušel posouvat nadpis pomoci záporného marginu, ale tuším, že mi zmizelo jeho modré pozadí
Proto jsem dal na devátý řádek zdánlivě zbytečnou relativní pozici.
Jak vložit text na obrázek?
Stalker
Profil
[#5] margin
Opravdu pouze zdánlivě zbytečnou. Dík, toho jsem si ani nevšiml. Jak přijdu domů, tak to vyzkouším a dám vědět výsledek.
kaktuss
Profil
[#4] Stalker
Osobne by som to riešil spôsobom http://jsfiddle.net/nSmuw/ (funguje všade rovnako od IE7 vyššie)
margin
Profil *
kaktuss:
funguje všade rovnako od IE7 vyššie
Já tedy v IE7 mezi obrázky nevidím žádnou mezeru.
kaktuss
Profil
[#8] margin

to bol narýchlo napísaný príklad.
Stačí aplikovať reset a upraviť margin, viď http://jsfiddle.net/nSmuw/2/
Stalker
Profil
Stačilo přidat pouze !doctype a vykreslujete se správně jak v IE 8, tak v IE 7. Každopádně také nemám rád relativní pozicování a spíše to používám z nouze, takže to ještě zkusím předělat pomocí marginu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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