Poziome menu w CSS : problem z width i height

Dla specjalistów Webmastering
#1

Mam problem:

robię poziome menu w CSS i nie mogę ustawić parametrów WIDTH oraz HEIGHT.

Kod CSS:

/* Arkusz CSS dla: menu_poziome.php */


ul {

display: block;

list-style: none;

margin: 0;

padding: 0

}


ul li {

display: inline;

width: 200px;

height: 25px;

text-align: center;

font-size: 16px;

background-image: url(li2_background.png);

background-repeat: no-repeat

}


ul li a:link, ul li a:visited {

color: black;

font-weight: bold;

text-decoration: none;

font-family: Arial;

font-size: 16px

}


ul li a:hover {

color: red;

font-weight: bold;

text-decoration: none;

font-family: Arial;

font-size: 16px

}

Kod HTML:

[/code]

#2
  1. Niedomknięty tag

.

  1. Poprawiony CSS:

    /* Arkusz CSS dla: menu_poziome.php */

    ul {

    display: inline;

    list-style: none;

    margin: 0;

    padding: 0

    }

    ul li {

    display: block;

    width: 200px;

    height: 25px;

    float: left;

    text-align: center;

    font-size: 16px;

    background-image: url(li2_background.png);

    background-repeat: no-repeat

    }

    ul li a:link, ul li a:visited {

    color: black;

    font-weight: bold;

    text-decoration: none;

    font-family: Arial;

    font-size: 16px

    }

    ul li a:hover {

    color: red;

    font-weight: bold;

    text-decoration: none;

    font-family: Arial;

    font-size: 16px

    }

#3

Wydaje mi się, że autor chce, by elementy li były ustawione w jednej linii. W takim razie trzeba użyć:

display: inline-table;
#4

Problem rozwiązałem, wystarczyło dodać:

ul li { float: left }