Preprost CSS vodoravni meni z določeno višino in širino elementa, hover efektom za ozadje, določeno pisavo itd. itd. Vodoraven položaj elementov smo dosegli s float: left (nismo uporabili display: inline; ). Meni je preprost in učinkovit, poleg tega pa so tudi barve skladne.

HTML in CSS koda:

Razlaga kode:

list-style-type:none; - znebimo se simbolov pred posameznimi elementi seznama oz. menija

margin:0; - določamo odmik menija od sosednjih HTML elementov

text-align: center; - poravnava besedila na sredino (možna še left in right)

font-family: MS Sans Serif; - pisava

font-size: 14px; - velikost besedila

float:left; - zaradi tega je meni vodoraven, če bi radi navpičen meni le pobrišite to vrstico

display:block; - zaradi tega lahko določamo višino (height) in širino (width)

background-color:#C5E946; - barva ozadja (če želite sliko za ozadje)

text-decoration: none; - znebimo se podčrtavanja, ki je avtomatsko pri povezavah

padding-top: 5px; - odmik povezave od zgornjega roba - da je povezava na sredini (se spreminja z višino)

a:hover - določanje stila povezave, ko gre obiskovalec z miško čez povezavo

To bi bilo od razlage vse. Upam, da se bo meni lepo vključil v vašo stran.