Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem 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:

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

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?

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
k čemu je vůbec ten ,,border"??
Stantien 07.05.2007 20:28
 Stantien
To se právě dozvíš na www.jakpsatweb.cz Pavel
Pavel 07.05.2007 20:37
 Pavel
To je sice pěkné ale než to tam najdu.... nový
Stantien 07.05.2007 20:39
 Stantien
Tady je odpověď: http://www.google.com/search?client=opera&rls=cs&q= border+site:jakpsatweb.cz&sourc… nový
Pavel 07.05.2007 20:46
 Pavel
i když tam ten border pridam, tak mi to dela furt to same :( nový
Stantien 07.05.2007 20:52
 Stantien
border=rámeček. Border="1" rámeček ano, border="0" rámeček ne nový
Kráťa 07.05.2007 21:05
 Kráťa
Přesněji řečeno, border=0 je taky rámeček ano, ovšem s nulovou tloušťkou... ;-) Nejsou tedy jen sta… nový
host 07.05.2007 21:09
 host
Já to tak napsal schválně, aby to bylo jednoduché a nebyl další dotaz typu: "jak se to dá vypnout" :… nový
Kráťa 07.05.2007 21:21
 Kráťa
Já tam žádný modrý rámeček nevidím. [http://img230.imageshack.us/img230/1272/odkazyvv9.g if] nový
host 07.05.2007 21:06
 host
NO TED Tam neni ale když pridam odkaz, tak se objevi nový
Stantien 07.05.2007 22:34
 Stantien
Tak tam nahraj ten kód s odkazem - bez odkazu nemá menu smysl, nemyslíš? A pak nebudou vznikat nedor… nový
host 07.05.2007 22:38
 host
OK je to tam, k prvním dvěma tlačítkum (novinky a historie) jsem priradil odkaz a vysledek je modry… nový
Stantien 07.05.2007 23:20
 Stantien
Mám to tady na te strance: novinky nový
Stantien 07.05.2007 20:43
 Stantien
To modrý písmo nahoře je sice nečitelný, ale i tak pořádně :x:tahá oči. nový
čumil 07.05.2007 20:52
 čumil
Jaké modré písmo? ::) nový
Kráťa 07.05.2007 21:23
 Kráťa
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… nový
Kráťa 07.05.2007 21:19
 Kráťa
___________________________________________________ ____________________________ Takže problém jsem… nový
Stantien 08.05.2007 00:32
 Stantien
Nechce se mi to znovu vypisovat, ale takto jsem to kdysi dělal. Před </head>, čili do hlavičky si dá… nový
Kráťa 08.05.2007 02:58
 Kráťa
Safra je to nějaké složité pro moje oko. Nestačí vepsat ten script na preload? Musím zas měnit i vs… nový
Stantien 12.05.2007 15:12
 Stantien
Ten scriptik je v one prvni casti. Pouze tam uvedes tve nazvy souboru (s tlacitky), pripadne si prid… nový
Kráťa 12.05.2007 15:18
 Kráťa
<html> <head> <style type="text/css"> img.on, img.off { border-width: 0px; } a.image img.on { displa… nový
Monkey 12.05.2007 17:53
 Monkey
Celé to obrázkové menu by šlo spraviť textovo tak, že by si takmer nespoznal viditeľný rozdiel. Menu… nový
los 12.05.2007 20:32
 los
portainferi.ic.cz Podívejte se prosím, při prvním načtení stránky se tlačítka zobrazí, až když je p… nový
Stantien 16.05.2007 22:53
 Stantien
Máš špatně zadané cesty k souborům s obrázky tlačítek. <img src="novinky/but/historie1.jpg" ... Mě… nový
host 16.05.2007 23:02
 host
No já nechápů věcí, ale díky za pomoc :) poslední
Stantien 21.05.2007 20:21
 Stantien
Čo tak spraviť namiesto obrázkového textové menu? Pozadie tých položiek som odflákol, ale pre predst… nový
los 16.05.2007 23:52
 los

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.

<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.

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.

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