HTML5 текст на менюто за навигация

Опитвам се да направя лента за навигация с <nav> в HTML5 с прост текст и 3 връзки. Това е доста елементарно, но текстът на връзките ми се обърква и не знам защо.

↪ Вижте моя код в JSFiddle


html css nav
person Sarah McLachlane    schedule 10.10.2012    source източник

Отговори (2)


arrow_upward
2
arrow_downward

Трябва да плавате вашия LI, а не вашия UL. Няма нужда от position:absolute. Ако искате да преместите менюто надясно, можете също да можете да го преместите или да използвате margin:left. Просто не забравяйте да изчистите поплавъците си след това.

Вижте моя урок: Обичам списъци

person Diodeus - James MacFarlane    schedule 10.10.2012

arrow_upward
1
arrow_downward

това беше заради позицията:абсолютна и позиция:относителна част във вашия css.

Опитайте тази :

nav {
    width:100%;
    height:181px;
    display: block;
    background: url('http://i.imgur.com/JrTUv.png') top no-repeat;
    margin-top:30px;
}
nav ul {
    float:right;
    list-style:none;
}

nav ul li {
    display:inline-block;
}
person joual    schedule 10.10.2012