Menu Pionowe:

Aby utworzyć Menu pionowe w naszej nowej stronie internetowej wpiszmy do pliku index.html w znaczniku body:



<div class="optionL" ><a href="index.html" class="tilelink">Strona Główna</a></div>
<div class="optionL"><a href="oferta.html" class="tilelink">Oferta </a></div>
<div class="optionL"><a href="info.html" class="tilelink">Informacje o nas</a></div>
</div>

I znów mamy suche linki html. Pora poddać je transformacji. I przemienić w ładne menu.
Jak wpisałeś bądź skopiowałeś ten tekst to teraz musisz otworzyć nowy dokument w swoim notatniku bądź notepadzie++ (do niego namawiam)i zapisz go pod nazwą menu.css Rozszerzenie które dodałeś po kropce to nic innego jak css czyli znów skrót z języka angielskiego Cascade Style sheets a po polsku kaskadowe arkusze styli. Co to takiego oraz jak dokładnie wygląda stosowanie tych styli znajdziesz w rozdziale pt."CSS" Do którego serdecznie zapraszam.
Jeżeli masz już ten plik to musisz teraz wpisać do menu.css taką treść:

.optionL{
font-size: 17px
height: 25px;
padding: 8px;
border-bottom: 2px dotted #ffbb00;
}

.optionL:hover{
background-color: #0000ff;
color: white;
cursor: pointer;
}
a.tilelink{
color: #ffffff;
text-decoration: none;
}