Jak vložit odkaz do měnícího se tlačítka (rolloveru)?

Ahojte, mám problém. Vložil jsem to stránky měnící se tlačítko (rollover), zadal jsem ho takto:

V samotném tlačítku problém není ale když k němu přiřadím odkaz tak se kolem něj vytvoří modrý rámeček. Nevíte co s tím?

Předmět	Autor	Datum
Co nastavit tagu IMG atribut border="0" ? A vhodnější je události onmouseover a onmouseout přiřadit… host 07.05.2007 20:16	host	07.05.2007 20:16
Jenže je tomu moc nerozumim, dokazu udelat grafiku a sešít ji ve Frontpage. Pak ovladam takove ty za… Stantien 07.05.2007 20:18	Stantien	07.05.2007 20:18
<a href="odkaz.html" onMouseOver="this.src='but/novinky2.jpg'" onMouseOut="this.src='but/novinky1.jp… host 07.05.2007 20:20	host	07.05.2007 20:20
No teď už to odkazuje ale zase se to ,,nehýbe" :( Stantien 07.05.2007 20:25	Stantien	07.05.2007 20:25
Mrkni se na www.jakpsatweb.cz, je to tam slušně vysvětlený. Pavel Pavel 07.05.2007 20:20	Pavel	07.05.2007 20:20
Já to snad vysvětluju neslušně?! :-p host 07.05.2007 20:24	host	07.05.2007 20:24
:-) Na to ať odpoví tazatel :-) Pavel Pavel 07.05.2007 20:33	Pavel	07.05.2007 20:33
Otevřeš si ten soubor v Notepadu, nebo ještě lépe v PSPadu, najdeš tam ono <img src="but/novinky1.j… Kráťa 07.05.2007 20:24	Kráťa	07.05.2007 20:24
k čemu je vůbec ten ,,border"?? Stantien 07.05.2007 20:28	Stantien	07.05.2007 20:28
To se právě dozvíš na www.jakpsatweb.cz Pavel Pavel 07.05.2007 20:37	Pavel	07.05.2007 20:37
To je sice pěkné ale než to tam najdu.... Stantien 07.05.2007 20:39	Stantien	07.05.2007 20:39
Tady je odpověď: http://www.google.com/search?client=opera&rls=cs&q= border+site:jakpsatweb.cz&sourc… Pavel 07.05.2007 20:46	Pavel	07.05.2007 20:46
i když tam ten border pridam, tak mi to dela furt to same :( Stantien 07.05.2007 20:52	Stantien	07.05.2007 20:52
border=rámeček. Border="1" rámeček ano, border="0" rámeček ne Kráťa 07.05.2007 21:05	Kráťa	07.05.2007 21:05
Přesněji řečeno, border=0 je taky rámeček ano, ovšem s nulovou tloušťkou... ;-) Nejsou tedy jen sta… host 07.05.2007 21:09	host	07.05.2007 21:09
Já to tak napsal schválně, aby to bylo jednoduché a nebyl další dotaz typu: "jak se to dá vypnout" :… Kráťa 07.05.2007 21:21	Kráťa	07.05.2007 21:21
Já tam žádný modrý rámeček nevidím. [http://img230.imageshack.us/img230/1272/odkazyvv9.g if] host 07.05.2007 21:06	host	07.05.2007 21:06
NO TED Tam neni ale když pridam odkaz, tak se objevi Stantien 07.05.2007 22:34	Stantien	07.05.2007 22:34
Tak tam nahraj ten kód s odkazem - bez odkazu nemá menu smysl, nemyslíš? A pak nebudou vznikat nedor… host 07.05.2007 22:38	host	07.05.2007 22:38
OK je to tam, k prvním dvěma tlačítkum (novinky a historie) jsem priradil odkaz a vysledek je modry… Stantien 07.05.2007 23:20	Stantien	07.05.2007 23:20
Mám to tady na te strance: novinky Stantien 07.05.2007 20:43	Stantien	07.05.2007 20:43
To modrý písmo nahoře je sice nečitelný, ale i tak pořádně :x:tahá oči. čumil 07.05.2007 20:52	čumil	07.05.2007 20:52
Jaké modré písmo? ::) Kráťa 07.05.2007 21:23	Kráťa	07.05.2007 21:23
Možná by bylo lepší, udělat v hlavičce, aby se ty obrázky "přednahrály" do dočasné paměti prohlížeče… Kráťa 07.05.2007 21:19	Kráťa	07.05.2007 21:19
___________________________________________________ ____________________________ Takže problém jsem… Stantien 08.05.2007 00:32	Stantien	08.05.2007 00:32
Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal. Před </head>, čili do hlavičky si dá… Kráťa 08.05.2007 02:58	Kráťa	08.05.2007 02:58
Safra je to nějaké složité pro moje oko. Nestačí vepsat ten script na preload? Musím zas měnit i vs… Stantien 12.05.2007 15:12	Stantien	12.05.2007 15:12
Ten scriptik je v one prvni casti. Pouze tam uvedes tve nazvy souboru (s tlacitky), pripadne si prid… Kráťa 12.05.2007 15:18	Kráťa	12.05.2007 15:18
<html> <head> <style type="text/css"> img.on, img.off { border-width: 0px; } a.image img.on { displa… Monkey 12.05.2007 17:53	Monkey	12.05.2007 17:53
Celé to obrázkové menu by šlo spraviť textovo tak, že by si takmer nespoznal viditeľný rozdiel. Menu… los 12.05.2007 20:32	los	12.05.2007 20:32
portainferi.ic.cz Podívejte se prosím, při prvním načtení stránky se tlačítka zobrazí, až když je p… Stantien 16.05.2007 22:53	Stantien	16.05.2007 22:53
Máš špatně zadané cesty k souborům s obrázky tlačítek. <img src="novinky/but/historie1.jpg" ... Mě… host 16.05.2007 23:02	host	16.05.2007 23:02
No já nechápů věcí, ale díky za pomoc :) poslední Stantien 21.05.2007 20:21	Stantien	21.05.2007 20:21
Čo tak spraviť namiesto obrázkového textové menu? Pozadie tých položiek som odflákol, ale pre predst… los 16.05.2007 23:52	los	16.05.2007 23:52

Co nastavit tagu IMG atribut border="0" ?

A vhodnější je události onmouseover a onmouseout přiřadit k tagu A.

Jenže je tomu moc nerozumim, dokazu udelat grafiku a sešít ji ve Frontpage. Pak ovladam takove ty zakladni ale fakt nejzakladnejsi veci. Jak to mam udelat?

<a href="odkaz.html" onMouseOver="this.src='but/novinky2.jpg'" onMouseOut="this.src='but/novinky1.jpg'"><img src="but/novinky1.jpg" border="0"></a>

No teď už to odkazuje ale zase se to ,,nehýbe" :(

Mrkni se na www.jakpsatweb.cz, je to tam slušně vysvětlený.

Pavel

Já to snad vysvětluju neslušně?!

Na to ať odpoví tazatel

Pavel

Otevřeš si ten soubor v Notepadu, nebo ještě lépe v PSPadu, najdeš tam ono

<img src="but/novinky1.jpg" onMouseOver="this.src='but/novinky2.jpg'" onMouseOut="this.src='but/novinky1.jpg'">

a přidáš ten border="0", jak psal host, čili

<img src="but/novinky1.jpg" border="0" onMouseOver="this.src='but/novinky2.jpg'" onMouseOut="this.src='but/novinky1.jpg'">

dáš uložit a zavřeš.

edit://pozdě...

k čemu je vůbec ten ,,border"??

To se právě dozvíš na www.jakpsatweb.cz

Pavel

To je sice pěkné ale než to tam najdu....

Tady je odpověď: http://www.google.com/search?client=opera&rls=cs&q= border+site:jakpsatweb.cz&sourceid=opera&ie=utf-8&o e=utf-8

Pavel

i když tam ten border pridam, tak mi to dela furt to same :(

border=rámeček. Border="1" rámeček ano, border="0" rámeček ne

Přesněji řečeno, border=0 je taky rámeček ano, ovšem s nulovou tloušťkou...

Nejsou tedy jen stavy ano=1 a ne=0, ale číslo určuje tlouštku (já vím, že to víš, píšu to pro začátečníky).

Já to tak napsal schválně, aby to bylo jednoduché a nebyl další dotaz typu: "jak se to dá vypnout"

Já tam žádný modrý rámeček nevidím.

[http://img230.imageshack.us/img230/1272/odkazyvv9.g if]

NO TED Tam neni ale když pridam odkaz, tak se objevi

Tak tam nahraj ten kód s odkazem - bez odkazu nemá menu smysl, nemyslíš? A pak nebudou vznikat nedorozumění, že se každý bavíme o jiném kódu...

OK je to tam, k prvním dvěma tlačítkum (novinky a historie) jsem priradil odkaz a vysledek je modry ramecek kolem tlacitka a to i pres to ze sem pridal do tagu border

Mám to tady na te strance:

novinky

To modrý písmo nahoře je sice nečitelný, ale i tak pořádně tahá oči.

Jaké modré písmo?

Možná by bylo lepší, udělat v hlavičce, aby se ty obrázky "přednahrály" do dočasné paměti prohlížeče, nebo ještě lépe, vybodnout se na javascript a udělat to menu v CSS, kde by se při najetí na odkaz "šouplo" pozadí, aby nevznikalo toto:

[http://img69.imageshack.us/img69/8076/predloaderfw1 .gif]

___________________________________________________ ____________________________

Takže problém jsem odstranil za čistě za pomocí notepadu, ted bych se ještě rád zeptal na ten script, co o něm tady někdo mluvil, aby si prohlížeč načetl prvni obrázky do svojí paměti...??

Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal.
Před </head>, čili do hlavičky si dáš script na to přednahrání

<script type="text/javascript" language="JavaScript">
<!--- Hide from tired old browsers
// preload images:
bt_01_1 = new Image();
bt_01_2 = new Image();
bt_01_1.src="images/t_uvod1.gif";
bt_01_2.src="images/t_uvod2.gif";

bt_02_1 = new Image();
bt_02_2 = new Image();
bt_02_1.src="images/t_o_go1.gif";
bt_02_2.src="images/t_o_go2.gif";

bt_03_1 = new Image();
bt_03_2 = new Image();
bt_03_1.src="images/t_pravidla1.gif";
bt_03_2.src="images/t_pravidla2.gif";

bt_04_1 = new Image();
bt_04_2 = new Image();
bt_04_1.src="images/t_download1.gif";
bt_04_2.src="images/t_download2.gif";

function bt_01_in()  {bt_01.src = bt_01_2.src;}
function bt_01_out() {bt_01.src = bt_01_1.src;}

function bt_02_in()  {bt_02.src = bt_02_2.src;}
function bt_02_out() {bt_02.src = bt_02_1.src;}

function bt_03_in()  {bt_03.src = bt_03_2.src;}
function bt_03_out() {bt_03.src = bt_03_1.src;}

function bt_04_in()  {bt_04.src = bt_04_2.src;}
function bt_04_out() {bt_04.src = bt_04_1.src;}
// end hiding --->

</script>
<!-- konec Javascriptu -->

a v menu v <body> potom je

<a href="index.html">
<img src="images/t_uvod1.gif" border="0" alt=" Úvodní strana "
name="bt_01"onmouseout="bt_01_out()" onmouseover="bt_01_in()" 
style="margin-top: -4px"></a><br>

<a href="o_go.html">
<img src="images/t_o_go1.gif" border="0" alt=" O&nbsp;hře go "
name="bt_02"onmouseout="bt_02_out()" onmouseover="bt_02_in()" 
style="margin-top: -21px"></a><br>

<a href="pravidla.html">
<img src="images/t_pravidla1.gif" border="0" alt=" Pravidla hry "
name="bt_03"onmouseout="bt_03_out()" onmouseover="bt_03_in()" 
style="margin-top: -21px"></a><br>

<a href="download.html">
<img src="images/t_download1.gif" border="0" alt=" Downloat "
name="bt_04"onmouseout="bt_04_out()" onmouseover="bt_04_in()" 
style="margin-top: -21px"></a>

samozřejmě názvy souborů (obrázků tlačítek) a cest si musíš dopsat podle sebe, a také doplnit případně další bt_05, bt_06 atd.

Safra je to nějaké složité pro moje oko.

Nestačí vepsat ten script na preload? Musím zas měnit i vsechny ty tlacitka? :(

Ten scriptik je v one prvni casti. Pouze tam uvedes tve nazvy souboru (s tlacitky), pripadne si pridas/uberes podle poctu tlacitek.

<html>
<head>
<style type="text/css">
img.on, img.off {
	border-width: 0px;
}
a.image img.on {
	display: none;
}
a.image img.off {
	display: inline;
}
a.image:hover img.on {
	display: inline;
}
a.image:hover img.off {
	display: none;
}
a.image:hover {
	background-color: transparent;
}
</style>
</head>
<body>
<a href="novinky.html" class="image"><img src="but/novinky1.jpg" alt="Novinky" class="off"><img src="but/novinky2.jpg" alt="Novinky" class="on"></a>
</body>
</html>

Celé to obrázkové menu by šlo spraviť textovo tak, že by si takmer nespoznal viditeľný rozdiel. Menu by sa jednoduchšie upravovalo (stačilo by prepísať text), rýchlejšie načítalo (iba jeden obrázok pozadia), zobrazovalo aj pri vypnutých obrázkoch (bol by to text), fungovalo aj pri vypnutom JavaScripte (výzor by bol definovaný v štýloch) a podobne. Potom by výsledný kód kazil už len ten zvyšok stránky.

portainferi.ic.cz

Podívejte se prosím, při prvním načtení stránky se tlačítka zobrazí, až když je projedete myší.

Nevíte, kde je chyba?

(Asi to budu muset pozdeji udělat jinak, i když vůbec nevím jak, idealni by byl asi flash ale tomu nerozumím už vůbec)

Máš špatně zadané cesty k souborům s obrázky tlačítek.

<img src="novinky/but/historie1.jpg" ...

Mělo by být

<img src="but/historie1.jpg" ...

Nechápu, proč se pouštíš do složitých věcí, na které nestačíš. Nestačily by pro začátek obyčejný tlačítka bez rollover efektů, nebo klidně i textová? Důležitější bude obsah stránek, na který by ses měl soustředit.

No já nechápů věcí, ale díky za pomoc :)

Čo tak spraviť namiesto obrázkového textové menu? Pozadie tých položiek som odflákol, ale pre predstavu by to mohlo stačiť.

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