CSS tutoriale

Menu poziome bez dekoracji

Aby usunąć dekoracje tekstu w odnośniku należy zastosować właściwość text-decoration.

Przykładowe menu listy <ul> przekształcone na listę poziomą:

#navicontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navicontainer ul li {
  display: inline;
  padding-left: 2px;
}

#navicontainer ul li a {
  text-decoration: none;
}

Kod HTML menu:

  

    
Link 1
    
Link 2
    
Link 3
    
Link 4
    
Link 5
  

Powyższy kod daje w rezultacie poziome menu bez dekoracji w odnośnikach: