Jak Zlinkować do podstrony ?

Question

Cześć,

Napisałem baze strony na podstawie odcinaka Css#2 jednak nie ma tam nic o linkowaniu.

Próbowałem podstawić zamiast tego 

<div id="menu">
            <div class="option">Stona główna</div> 
            <div class="option">Dystrybucje</div>
            <div class="option">Polscy Astronauci</div>
            <div class="option">Jak Zostać Astronautom</div>
            <div class="option">O Projekcie</div>
            <div style="clear:both;"></div>
        </div>

to 

<div id="menu">  
         <div class="option"><a href="kontakt.html">Kontakt</a></div>  
         <div class="option"><a href="strona.html">Strona główna</a></div>  
         <div class="option"><a href="spis.html">Spis treści</a></div>  
 </div>

lecz to tylko burzyło układ strony.

Pomoże ktoś ?

Answer 1

<div id="menu"> 

        <a href="kontakt.html"><div class="option">Kontakt</div> </a>

         <a href="strona.html"><div class="option">Strona główna</div> </a>

        <a href="spis.html"> <div class="option">Spis treści</div> </a>

 </div>

Może tak? Zmienia się układ bo dodałeś nowy znacznik a, możesz go też wystylizować w css:

.option a{

//KOD//

}

 

Answer 2

http://www.forumweb.pl/css/problem-z-odnosnikiem-menu-pionowe,90289

Ogólnie poleciłbym zostawić samo a i to im dodać klasę .option. O reszcie problemów znajdziesz ↑

Warto też poczytać czemu menu lepiej tworzyć na listach: https://css-tricks.com/wrapup-of-navigation-in-lists/

Answer 3

W każdym divie umieść znacznik "<a>" i w css dodaj klasę do znacznika "<a>", np. tilelink. W tej klasie dodaj linijkę: "display: block;". Dzięki tej linijce link podziała jak element blokowy, którym jest div i przekieruje do podstrony.

Answer 4

W Html dodaj sobie(nav to znacznik html5 ,ale jak chcesz możesz dalej używac div'a).

<nav>
    <a href="kontakt.html">kontakt</a>
    <a href="strona.html">strona</a>
</nav>

W css dodaj sobie.

nav
{
//kod
}

nav a
{
//kod
}

Jest to rozwiązanie dużo lepsze. Mniej piszesz, a masz to samo :) 

Comments

No tak nie do końca "to samo" ;) Polecam poczytać czemu menu winny być na listach:  https://css-tricks.com/wrapup-of-navigation-in-lists/

---

Jak kto woli.

---

No właśnie nie

• Menu to uporządkowany zbiór linków → do oznaczania uporządkowanych zbiorów w HTML służą listy
• Dla osób niepełnosprawnych listy są o wiele wygodniejsze, choćby dlatego, że czytniki głosowe czytają je w specyficzny sposób
• Struktura listy jest też sympatyczniejsza dla ludzi, którym wykrzaczy się CSS albo bawią się Lynksem

Choćby z tych powodów jest to uważane za tzw. best practice

---

Pewnie tak, ale moja intencja była inna. Chodziło mi o to, że po co ma nadawać "a" klase .option jak można zrobić zbiór(tu nav, div czy ul) i im ewentualnie nadać klasy.

Nie ma sensu stosowanie w ten sposób:

 <a href="strona.html" class="option"></a>

Lepiej poprostu:

 <a href="strona.html"></a>