» Poradna » Web a internet

HTML obrázky - jak nastavit, aby tlačítka nebyla jako obrázky?

 |   |  Microsoft Windows 10 Chrome 83.0.4103.61

Ahoj,dělám základy HTML web stránek a mám problém. Dělám menu a buttons jako obrázky, které pak nahraji na web a přiřadím jim odkaz (na jiné stránky apod.). Ale nechtěl bych, aby bylo tlačítko považováno za obrázek, teď ho můžu "grabnout" myší a jezdit po okně jako s obrázkem, taky se dá uložit. Jak docílit, aby to kód bral jen jako tlačítko a ne jako obrázek, přestože mám soubor nahraný jako .jpg? Případně, jaký formát použít? Díky, Marťa

Odpovědi na otázku

 |   |  Microsoft Windows 10 Firefox 76.0

Jedině tak, že ho nebudeš tvořit jako obrázek, to je logické, ne? Pokud ho tam dáš jako obrázek, tak prohlížeč ho bere jako jakýkoliv jiný obrázek na webové stránce a to co jde dělat se všemi ostatními obrázky, jde i s obrázkem na tlačítku.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 10 Firefox 76.0

Tak to samozřejmě není pravda, jak je ostatně patrno na spoustě webů. Třeba takové mapy.cz mají jednotlivé dlaždice mapy taky ve formě obrázků, ale to co popisuje tazatel se tam neděje, protože je si stránka ošetřuje chování levého a pravého tlačítka.A na to se asi ptal. Udělat to neumím, ale evidentně to jde.

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Linux Firefox 76.0

vrstvy online mapových aplikací bych do toho netahal, to je kapku jiná úroveň než nějaké statické html...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 10 Firefox 76.0

Že je to jiná úroveň ještě neznamená, že to nejde. A že to neumím, ještě neznamená, že budu tvrdit, že to nejde jako JackBrno.

Souhlasím  |  Nesouhlasím  |  Odpovědět
avatar
 | Linux Firefox 76.0

mno, ve statickém html to třeba možná fakt nejde... A mapové aplikace jedou na kapku pokročilejších řešeních. V JavaScriptu to možná jde...

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 76.0

No tím že současně dodáš "jde to, ale neumím to", tak to moc věrohodně nevypadá Ano, jistě to jde řešit s pomocí scriptů, ale to opravdu není statické html.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 | Microsoft Windows 10 Firefox 76.0

A to, že to musí být statické html jste si vycucal z prstu?Že to jde jsem demonstroval na webu, kde to evidentně funguje. Takže nevím, co vypadá nebo nevypadá věrohodně. To ať posoudí jiní. Já se tu s váma dohadovat nebudu.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Firefox 76.0

Píše o základech HTML. Ano, ať posoudí jiní, jestli Javascript patří do základů HTML, já si to nemyslím. Takže jsi demonstroval, že to jde, ale ne v základu.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Linux Firefox 76.0

Jsou to zaklady HTML a CSS, bezne se na to pouziva CSS "pointer-events: none;". Ukazka zde: https://jsfiddle.net/tac3u1o6/To je presne to, co tazatel chce. Mapy.cz to maji resene uplne stejne, v CSS https://en.mapy.cz/css/main.css maji vsude nastaveno"pointer-events:none"

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Zase mimo, na mapy.cz to je udělané přes JavaScript. Tak jak ses to původně snažil předvést na logu Živě, tak ti to moc nevyšlo, protože s tím logem lze normálně myší jezdit. Takže bohužel, s učením HTML bys měl začít sám.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Android AppleMAC-Safari 5.0

Zkus si ty základy HTML nejdřív prostudovat.

Souhlasím  |  Nesouhlasím  |  Odpovědět
 |   |  Microsoft Windows 10 Chrome 83.0.4103.61

import java.awt.EventQueue;import javax.swing.JFrame;import javax.swing.JPanel;import javax.swing.JButton;import javax.swing.JTextField;import java.awt.event.ActionListener;import java.awt.event.ActionEvent;import java.io.*;import java.awt.Color;import java.awt.Font;import javax.swing.JTextPane;public class Sladky_okno { private JFrame frame; private JTextField zapis; private JTextField vypis; private JButton tlacitko_zobraz; private JTextPane zobraz; private JButton tlacitko_okno; /** * Launch the application. */ public static void main(String[] args) { EventQueue.invokeLater(new Runnable() { public void run() { try { Sladky_okno window = new Sladky_okno(); window.frame.setVisible(true); } catch (Exception e) { e.printStackTrace(); } } }); } /** * Create the application. */ public Sladky_okno() { initialize(); } /** * Initialize the contents of the frame. */ private void initialize() { frame = new JFrame(); frame.getContentPane().setBackground(Color.LIGHT_GRAY); frame.setBounds(100, 100, 674, 463); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.getContentPane().setLayout(null); JButton btnNewButton = new JButton("Odeslat"); btnNewButton.setBackground(Color.BLACK); btnNewButton.setForeground(Color.WHITE); btnNewButton.setFont(new Ukázat celý příspěvek

Souhlasím  |  Nesouhlasím  |  Odpovědět


Určitě si přečtěte

Z rozmazané šmouhy krásná fotka. Takhle kouzlí nová umělá inteligence MyHeritage

Z rozmazané šmouhy krásná fotka. Takhle kouzlí nová umělá inteligence MyHeritage

** MyHeritage slibuje nejlepší neuronovou síť pro vylepšování fotek ** Funguje tím líp, čím horší fotku upravuje ** Otestovali jsme desítky různých snímků

Marek Lutonský, Lukáš Václavík | 39

Deset kotev, které i v roce 2020 táhnou Android ke dnu

Deset kotev, které i v roce 2020 táhnou Android ke dnu

** Android existuje skoro 12 let a za tu dobu v mnoha směrech dospěl ** Dnes běží na sedmi z deseti telefonů, ale čemu za to vděčí? ** Našli jsme 10 kotev, které táhnou tento operační systém ke dnu

Karel Kilián | 169

Nejlepší programy z roku 2000: Podívejte se, bez čeho jste tehdy vůbec nemohli fungovat!

Nejlepší programy z roku 2000: Podívejte se, bez čeho jste tehdy vůbec nemohli fungovat!

** Dnes už skoro všechno uděláte ve webovém prohlížeči a na mobilu ** Před dvaceti lety to ale bylo jiné ** Zavzpomínejte na legendy, které jste pravděpodobně také používali

Jakub Čížek | 126

Na měsíc jsem opustil Google a potupně se zase vrátil zpět (komentář)

Na měsíc jsem opustil Google a potupně se zase vrátil zpět (komentář)

** Zkusil jsem se zbavit závislosti na vyhledávači od Googlu ** Jako alternativy posloužily Bing, Seznam a DuckDuckGo ** Mají své silné stránky, ale i nepřekonatelná negativa

Lukáš Václavík | 58

Co přijde po Netflixu a Amazonu? Tohle jsou streamovací služby, na které v Česku čekáme

Co přijde po Netflixu a Amazonu? Tohle jsou streamovací služby, na které v Česku čekáme

** Rozhodujete se mezi Netflixem a HBO Go? Věřte, bude hůř ** Na trhu je mnohem víc ambicióznějších streamovacích služeb ** Některé by mohly do ČR zamířit ještě letos

Lukáš Václavík | 45

Jak odposlouchávat sousedy: Bizarní Lamphone a další netušené techniky

Jak odposlouchávat sousedy: Bizarní Lamphone a další netušené techniky

** Lamphone je další bizarní technika odposlechu ** Zneužívá obyčejnou stropní lampu ** Podívejte se na další bizarní experimenty

Jakub Čížek | 17


Aktuální číslo časopisu Computer

Megatest: nejlepší notebooky do 20 000 Kč

Test 8 levných IP kamer

Jak vybrat bezdrátová sluchátka

Testujeme Android 11