Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Ladenie webu pre FF a IE

Na svoboda robim web pre znamenho a nejako ho neviem doladit pre FF a IE, kedze moj primarny prehliadac je Opera, kde mi to bezi ako ma (az na par malickosti).
Takze tu su chyby, ktore by som rad vyriesil.
- copyright dole nie je vycentrovany vo FF, v IE a v Opere je ok
- vo FF nefunguje menu cez js hoci v IE a v Opere ide
- lave menu po kliknuti na vyrobky na seba nevazuje ani v IE ani vo FF (su tam biele medzery) hoci v Opere mam layout suvisly

Předmět Autor Datum
S vizuální stránkou ti neporadím. Co se týče nefunkčního JS menu ve FF, způsobuje to neúplný tag -->…
Flash_Gordon 24.09.2008 12:07
Flash_Gordon
Aha dik to som si nevsimol, ze tam nie je;o).
fleg 24.09.2008 12:21
fleg
Tak bohuzial v tomto tagu to nebolo resp nepomohla ani jedna moznost.
fleg 24.09.2008 18:23
fleg
:-/ Takto to dopadne, když se na něco podívá laik, jako já. Chyb je tam opravdu více :-[. Mělo by t… poslední
Flash_Gordon 24.09.2008 22:46
Flash_Gordon
Nechci hned kritizovat, ale mrkni na výsledky validátoru... Ono se stačí jen podívat do kódu, třeba…
host 24.09.2008 18:50
host
Nie som profesionalny dizajner, takze kritiku nie je az tak na mieste;o). Spravil som to tak ako ma…
fleg 24.09.2008 19:33
fleg
Jen se nevymlouvej, že nejsi profesionál. Když už něco dělám, tak pořádně, ne? :-p Koukám ještě na…
host 24.09.2008 20:13
host

:-/ Takto to dopadne, když se na něco podívá laik, jako já.
Chyb je tam opravdu více :-[.

Mělo by tedy stačit přepsat ten skript menu.js následovně:

// JavaScript Document
 
// Definice nazvů obrázků = name
var nazevObrazku = new Array("prve","druhe","tretie","stvrte","piate","sieste"); 

//Definice relativních cest k jednotlivým obrázkům, při "mouseover"
var OdkazPriMouseOver = new Array("img/tlaci1.jpg","img/tlaci2.jpg","img/tlaci3.jpg","img/tlaci4.jpg","img/tlaci5.jpg","img/tlaci6.jpg");


//Definice relativních cest k jednotlivým obrázkům, při "mouseout"
var OdkazPriMouseOut = new Array("img/tlaci11.jpg","img/tlaci22.jpg","img/tlaci33.jpg","img/tlaci44.jpg","img/tlaci55.jpg","img/tlaci66.jpg"); 

// Funkce volaná při "MouseOver" 
function ChangeFunctionOn(MyObject)
{
var i = 0;

	for (key in nazevObrazku )
	{
                    if (MyObject.name == nazevObrazku[i])
	         MyObject.src = OdkazPriMouseOver[i];
                    i++;
	}

}

// Funkce volaná při "MouseOn" 
function ChangeFunctionOff(MyObject)
{

var i = 0;

	for (key in nazevObrazku )
	{
                    if (MyObject.name == nazevObrazku[i])
	                 MyObject.src = OdkazPriMouseOut[i];
                          i++;
	}

}


Příklad použití v dhtml:

<img name="prve" onmouseover="ChangeFunctionOn(this)"

onmouseout="ChangeFunctionOff(this)" src="src/tlaci1.jpg" border="0" hspace="0" vspace="0"

width="163"></a></td>
<td><a href="vyrobky.php"><img name="druhe" onmouseover="ChangeFunctionOn(this)"

onmouseout="ChangeFunctionOff(this)" src="src/tlaci2.jpg" border="0" hspace="0" vspace="0"

width="160"></a></td>
<td><a href="cennik.html">
<img name="tretie" onmouseover="ChangeFunctionOn(this)" onmouseout="ChangeFunctionOff(this)"

src="src/tlaci3.jpg" border="0" hspace="0" vspace="0" width="158"></a></td>
<td><a href="referencie.html">

poznámky:
-Všechny "obrázkové objekty" obsahují totožnou funkci s totožným parametrem: ChangeFunctionOff(this) a ChangeFunctionOff(this)
O nalezení a přiřazení odkazu se tedy starají samotné funkce.

-Možná jsem zaměnil názvy polí a bude to fungovat obráceně (kdyžtak si to přehoď)

-Když se na to podívá někdo normální(kdo ovládá css), tak prosím, do hlavy ne.

Nechci hned kritizovat, ale mrkni na výsledky validátoru... Ono se stačí jen podívat do kódu, třeba <FONT> už je přežitek... A tabulkový layout také.

Ale k věci. Proč se patička necentruje? Spíš proč by se měla centrovat? Nikde tam nevidím tag nebo styl pro centrování? Jednoduše nastav buňce <TD> nebo bloku <DIV>, v kterém ten text je stylopisem text-align:center a mělo by to být funkční ve všech prohlížečích.

Co se týče menu, pusť si ve FF chybovou konzoli (Nástroje - Chybová konzola) a sleduj...
Mně to hlásí:
prve is not defined
druhe is not defined
piate is not defined
...

Pozn. uprostřed psaní příspěvku nastal sekundový výpadek proudu. Tak jsem měl hrůzu, že to budu muset psát znova, ale geniální Firefox mi obnovil obsah editačního okna do podoby, v jakém bylo před výpadkem. Tak stačilo jen dopsat a uložit.

Nie som profesionalny dizajner, takze kritiku nie je az tak na mieste;o). Spravil som to tak ako ma to napadlo a profesional zo mna nikdy nebude;o).
Ten copyright mas pravdu...nejako mi uslo, ze som ten div nechal tak a necentroval ho.
Inak nechapem preco ma ff problem s definiciou tych premennych ked Opera a IE nie.

Jen se nevymlouvej, že nejsi profesionál. Když už něco dělám, tak pořádně, ne? :-p

Koukám ještě na to menu, nemůže to být tím, že jméno obrázku je "prvy, druhy, treti" a zdroj je pojmenován "prve, druhe, tretie"? Ale to je jen nápad, nejsem eXpert na JS.
Jinak na webu je hafo skriptů na rollover efekt, stačí si jen vybrat nějaký slušný, který funguje ve všech prohlížečích.

A taky si oprav chybějící uvozovky u hodnot, např:

<img name="stvrte" onmouseover="tlac4()" onmouseout="tlac44()" ...

<table width="850" border="0" cellspacing="0" cellpadding="0">

A místo <br> musí být v XHTML <br />.

Zpět do poradny Odpovědět na původní otázku Nahoru