Текст меню навигации 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

это было из-за частей position:absolute и position:relative в вашем 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