Autor Zpráva
DeHeT
Profil *
Dobrý den,
mám trochu problém s IE6 - na stráncehttp://www.styleservis.cz/?menu=realizace&id=100010&supid=42 mi poskakuje (pouze v IE6) obrázek při onmouseover a onmouseout - vůbec nevím, čím by to mohlo být - ve stylu je prakticky jen obarvení pozadí - nic jiného.

Javascript zařídí prohození stylu při najetí a odjetí:
.pozadiObrazkuRealizace
{
    background-color: #cecece;
    border-bottom: solid 1px #cecece;
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: bold;
}
.pozadiObrazkuRealizaceOver
{
    background-color: #90d309;
    border-bottom: solid 1px #90d309;
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: bold;
}



Nesetkal jste se někdo s podobným problémem?

Děkuji.
sparrow
Profil *
Nj, IE zase zlobí. Podobný problém sem měl na mém webu. Vyřešil sem to pozicováním (absolute) . Ale tu to asi nic nepomůže, skus to upravit takhle:
.pozadiObrazkuRealizace
{
    background-color: #cecece;
    border-bottom: solid 1px #cecece;
    text-align: right;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}
.pozadiObrazkuRealizaceOver
{
    background-color: #90d309;
    border-bottom: solid 1px #90d309;
   
}

Neříkám, že to pude (ani sem se nad tim nějak nezamyšlel- takže to bude asi blbost :D ), ale je možné že ti to pak pude, pak [email=vojtech.studenka@gmail]mi[/url] napiš jak si to vyřešil :) Dík a hodně štěstí s řešením browserového zmatku
DeHeT
Profil *
Tak toto bohužel nepomohlo. zkusil jsem i odebrat z toho stylu vše, kromě čistého obarvení - pořád poskakuje.
Také když jsem to udělal dvěma styly, kde OverStyl byl čistě obarvení pozadí, tk to nepomohlo.
<div id="1" class="prvniStyl OverStyl">sdfsd</div>


Díky za odpověď a jsem otevřen dalším návrhům.


S pozdravem Ondřej Václavek

vaclavek [at] jinsoft [dot] cz
Plaváček
Profil
DeHeT

Já bych ti i rád pomohl, ale při vší své snaze jsem se v téhle kodérské DIVománii nedokázal orientovat. Je mi líto, přenechám to jiným.

Mimochodem - existují i jiné HTML elementy.
sparrow
Profil *
myslim ze ID by nemělo být číslo...ale to jen tak...
už fakt nevím, ráno, nebo odpoledne(jak mi to výjde) zkusim něco vymyslet. Možná to nedělat javascriptem, ale trošku starší metodou, kterou IE veme.
př. tabulka
<table>
<tr>
<td class='trida1' onmouseover="this.className='tridaonover' onclick='javascript: ....' " ><img src="cestaobrazku/..." />

</td>
</tr>


takhle nějak sem se učil dělat tabulkové menu před dvěma roky.
Nemuselo by to být v tabulce stačí udělat třeba DIV pro každý obrázek(stejnou class), a jen RŮZNÉ ID.
Jestli je potřeba to víc vysvětlit, tak to není problém, teď ale nemám hodně času, takže se ozvu až ráno
DeHeT
Profil *
Plaváček:

Každopádně děkuji alespoň za snahu,
zkusil jsem kód v php trochu zpřehlednit - aby se to dalo trochu pochopit.

Co byste doporučil za jiné vhodné tagy náhradou za div? Trochu nevidím rozdíl, jestli budu kombinovat různé tagy nebo jeden, když ve výsledku stejně každému tagu nastavím parametry v css a zobrazí se stejně - a nezáleží na tom, který tag to ve výsledku na koncové stránce je. Rád si ale nechám poradit.


sparrow:

Máte pravdu, ID by opravdu nemělo být číslo, proto jsem to změnil. Zkusím ještě experimentovat s Vámi navrženým způsobem a rozhodně sem dám výsledky k dispozici (až nějaké budou).


Děkuji za Váš čas, pánové
sparrow
Profil *
Ještě taková výhrada k použitelnosti, když na obrázek najedu, tak nevím, že se obrázek po kliknutí má zvětšit. Takže bych do obrázku přidal TITLE( <img src="obrazek" alt="obrazek" title="Klikněte pro zvětšení" ). A do CSS bych přidal:
cursor: pointer;
aby uživatel věděl, že na obrázek jde kliknout, a co to udělá.
DeHeT
Profil *
Tak jsem vyzkoušel ten způsob přes nastavování classy napřímo v onmouseover a výsledek je stále stejný (v IE6 spodní obrázky poskakují).

A zjistil jsem, že například na této stránce poskakují ty obrázky velmi "znatelně". Narozdíl například od této.

Všechny ty stránky generuje stejný skript (kromě té poslední) - tam, kde jsou dva sloupečky, tam to generuje jeden php skript a tam, kde je jen jeden sloupeček, tam to generuje jiný.

Otázkou zůstává, proč při stejném způsobu obarvování to na jedné stránce poskakuje a na jiné ne???

Jediné, co mě napadá je, že by to mohly způsobovat float: left.

Float: left jsem odstranil (v div.realizaceObsah2) a opravdu to funguje: sice se lehce rozhodí design, ale stránka již neposkakuje.

Takže napadá Vás prosím nějaký elegantní postup, jak obrázky seřadit, tak jak byly (vždy po dvou) bez float: left

Mě napadá tabulka - co vy na to ?


Děkuji,
z pozdravem Ondřej Václavek
www.jinsoft.cz
sparrow
Profil *
jak na to tak koukám, tak poskakují jen obrázky "na stojato" . Takže buď nedavat tyhle obrázky, nebo oddělat všechno odsazení a u stojatých dát margin-top: 40px; ale nevim co to přesně udělá. A nebo by šlo obrazky napozicovat v CSS - position: absolute(relative,static); left: ? px; top: ?px; ...
ale cely nazor k tomu problemu je, neřešit, protože jsou to stránky, které nabízí "obyčejným" lidem, a tahle chyba by určitě nevadila.
DeHeT
Profil
Dobrý den,

když jsem to viděl v IE6, tak se mi zdálo, že poskakují všechny obrázky, kromě těch v první řadě. Mám trochu problém s IE - protože nyní tu mám Windows Vista a zatím jsem nepřišel na způsob, jak mít nainstallváno více verzí IE. Chystám se na Virtual Machine - ale to je hudba budoucnosti.

Samozřejmě obrázky na stojato nemůžu vypustit a ani problém neřešit. Dostal jsem tyto chyby zpět jako reklamaci - zákazník si to tak prostě přeje, a dívá se na to jen v IE6, takže mám smůlu.

Děkuji za názor, zkusím ještě position: absolute a pak to případně udělám jako jednu velkou tabulku o dvou sloupcích.
sparrow
Profil *
No jo, zákazníci ví vždycky všechno nejlíp. Já také někdy dostanu zakázku, kde už zákazník má svou představu, ale že to bude ve spoustě věcech špatné(použitelnost, seo, atd. ) ho už prostě nezajímá.
Takže přeju hodně štěstí s programováním a hezké Vánoce
DeHeT
Profil
Díky za nápady a návrhy,
už je to opravené (ještě jiné chybky).
Zákazníci to je kapitola sama pro sebe ;-)
Kdo to v komerční sféře zažil, ví o čem mluvím.

Vám také vše nejlepší do Nového i nového roku.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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

0