• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak Zlinkować do podstrony ?

VPS Starter Arubacloud
0 głosów
882 wizyt
pytanie zadane 23 maja 2015 w HTML i CSS przez ScalleGraphic Nowicjusz (120 p.)

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ś ?

4 odpowiedzi

0 głosów
odpowiedź 23 maja 2015 przez kamilwdg18 Obywatel (1,080 p.)
<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//

}

 

0 głosów
odpowiedź 23 maja 2015 przez Comandeer Guru (604,400 p.)

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/

0 głosów
odpowiedź 24 maja 2015 przez Mieszko I Stary wyjadacz (10,980 p.)
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.
0 głosów
odpowiedź 24 maja 2015 przez NeroTestero Gaduła (3,240 p.)

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 :) 

komentarz 24 maja 2015 przez Comandeer Guru (604,400 p.)
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/
komentarz 24 maja 2015 przez NeroTestero Gaduła (3,240 p.)
Jak kto woli.
komentarz 24 maja 2015 przez Comandeer Guru (604,400 p.)

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

komentarz 25 maja 2015 przez NeroTestero Gaduła (3,240 p.)

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>

 

Podobne pytania

0 głosów
3 odpowiedzi 6,286 wizyt
pytanie zadane 12 lipca 2015 w HTML i CSS przez jemo Początkujący (390 p.)
0 głosów
1 odpowiedź 226 wizyt
pytanie zadane 23 maja 2015 w HTML i CSS przez Frezen Obywatel (1,330 p.)
0 głosów
1 odpowiedź 123 wizyt
pytanie zadane 28 października 2023 w HTML i CSS przez maciek2 Nowicjusz (240 p.)

92,840 zapytań

141,781 odpowiedzi

320,856 komentarzy

62,172 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...