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

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Maros2470

Člen

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

Vladislav Domin

Člen

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

Vladislav Domin

Člen

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

Jiří Richter

Člen

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

Michal Šmahel

Člen

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.

Honza Bittner

Tvůrce

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í

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.

Nejčastěji vyhledáváné

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