IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Odkaz na navigačním tlačítku

Aktivity
Avatar
Maros2470
Člen
Avatar
Maros2470:22.7.2017 7:52

Zdravím. Jsem ve tvorbě webů začátečník a tak otázka bude asi banální, ale pro mě důležitá.

Jak ke tlačítku připojím odkaz na stránku?

Kód mám zatím takto.

<div id="box_menu">

                  <br>
                  <hr>
                  <hr>
                  <br>

                   <input type="submit" value="Instalace" name="submit" class="submit" />
                   <input type="submit" value="Revize" name="submit" class="submit" />
                   <input type="submit" value="Ceník" name="submit" class="submit" />
                   <input type="submit" value="Kontakt" name="submit" class="submit" />
                   <input type="submit" value="Zákazníci" name="submit" class="submit" />

                   <br>
                   <br>
                   <hr>
                   <hr>
                   <br>
</div>

Díky za radu.

 
Odpovědět
22.7.2017 7:52
Avatar
Vladislav Domin
Člen
Avatar
Odpovídá na Maros2470
Vladislav Domin:22.7.2017 10:44

Ahoj! Týmto spôsobom určite menu nerob, pretože to nie je správne a redirect na inú stránku týmto spôsobom by sa dal jedine cez javascript alebo php (ale ako hovorím, toto vôbec nie je správny spôsob ako spraviť navigáciu).

<div id="box_menu">

        <br>
        <hr>
        <hr>
        <br>

        <a href="tvoj_link">Instalace</a>
        <a href="tvoj_link">Revize</a>
        <a href="tvoj_link">Cenik</a>
        <a href="tvoj_link">Kontakt</a>
        <a href="tvoj_link">Zakaznici</a>

        <br>
        <br>
        <hr>
        <hr>
        <br>
</div>
Editováno 22.7.2017 10:47
 
Nahoru Odpovědět
22.7.2017 10:44
Avatar
Vladislav Domin
Člen
Avatar
Vladislav Domin:22.7.2017 10:49

Nakoľko si začiatočník podľa toho, čo vidím, tak ti sem posielam pár linkov, kde sa toho veľa o HTML vieš naučiť veľmi rýchlo.

https://www.w3schools.com/…ml_links.asp
https://www.itnetwork.cz/…razky-odkazy

 
Nahoru Odpovědět
22.7.2017 10:49
Avatar
Jiří Richter
Člen
Avatar
Jiří Richter:16.8.2017 21:07

Nebo to udělej přes tlačítka:

<div id="box_menu">
    <br />
    <hr />
    <hr />
    <br />
    <input type="button" value="Instalace" src="tvuj_link" />
    <input type="button" value="Revize" src="tvuj_link" />
    <input type="button" value="Ceník" src="tvuj_link" />

A stejným postupem pokračuj

 
Nahoru Odpovědět
16.8.2017 21:07
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Maros2470
Michal Šmahel:16.8.2017 21:33

Ahoj, přes inputy opravdu ne.

Abych doplnil hochy, ještě ti něco poradím. Určitě se vyhýbej <br />, pro tento účel není vhodné, místo toho využij margin a padding. Navigaci vkládej jako odkazy (a) nebo seznam odkazů (ul s odkazy v li) do tahu nav. Je to dobrý zvyk a pomůžeš tím botům.

Nahoru Odpovědět
16.8.2017 21:33
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:30.8.2017 19:13

Při tvorbě menu je vhodné využít seznamu, tj.

<ul class="menu">
  <li><a href="index.html">Odkaz</a></li>
  <li><a href="index.html">Odkaz</a></li>
  <li><a href="index.html">Odkaz</a></li>
  <li><a href="index.html">Odkaz</a></li>
  <li><a href="index.html">Odkaz</a></li>
</ul>

Pro odsazení pak použít margin či padding (napíšeš v CSS), čímž docílíš elegantnějšího a přesnějšího výsledku.

Více viz co tu již bylo napsáno.

Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
30.8.2017 19:13
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.