Autor Zpráva
Jan Hudeček
Profil *
No, můj problém je následující. Chci mít menu s odkazy, které mají na pozadí obrázek. Dejme tomu, že taková položka má tuto podobu:

<input type="submit" href="http://www.google.com" value="google" style="background:url('http://www.fotoskladnik.cz/upload/original/034601012612-61.png');">

Tím že bych mohl použít teoreticky button a js, ale pokud bude mít někdo js v prohlížeči vypnutý, mohl by to být problém. Nevíte někdo, jak to pozměnit, aby to fungovalo jako odkaz? :-)


Mimochodem, moc tomu nerozumím, tak mne nekamenujte jestli jsem plácnul nějakou blbost :-D
joe
Profil
Použij odkaz a nevyužívej formulářové prvky k něčemu, k čemu nejsou určeny.
Jan Hudeček
Profil *
To je sice možná dobrá rada, ale textový odkaz bohužel nemůže nikdy vypadat tak dobře :) Jinak, během noci jsem to vyřešil takto:

<button type="button" onclick="location.href=('http://google.com')" style="background:url('http://www.fotoskladnik.cz/upload/original/034601012612-61.png');width:40mm;height:9mm;">google</button>

Moderátor Petr ZZZ: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
joe
Profil
Jan Hudeček:
ale textový odkaz bohužel nemůže nikdy vypadat tak dobře
Proč by nemohl?

<a href="http://google.com" style="background:url('http://www.fotoskladnik.cz/upload/original/034601012612-61.png'); width:150px; height:30px; display: inline-block; text-align: center; line-height: 30px;">google</a>
Jan Hudeček
Profil *
Jojo, nicméně se mi moc nelíbí, že je ten popisek posazený tak vysoko, mimo střed. Jinak díky, něco takového jsem se snažil vygooglovat ... :-)
joe
Profil
Moc vysoko? Můžeš si s tím hrát pomocí line-height

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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