Вертикальные черные полосы в навигационных кнопках

-1

Принимая ультра-базовый класс HTML и просто нужно отправить этот проект, чтобы я не подвел класс. В моем просто уродливом меню я получаю вертикальную черную полосу внутри моих кнопок слева от текста на каждой кнопке, кроме «Домой». Благодарим Вас за помощь пребывания прохладного B) Мой нав код:Вертикальные черные полосы в навигационных кнопках

<style> 
    nav ul {list-style-type :none; 
      margin : 0 25% 0 25%;} 
    nav ul li { 
      float : center; 
    } 
article {clear : left;} 
nav ul li { 
     float : left; 
     margin-right : 1em; 
     margin-bottom : 1em; 
     text-align:center; 
} 
nav ul li a { 
     text-align:center; 
     padding : 0.25em .5em; 
     text-decoration : bold; 
     background-color : tan; 
     color : black; 
     border : 1px solid black; 
     border-top-left-radius : 0em 0em; 
     border-top-right-radius : 0em 0em; 
} 
</style> 
</head> 

<body> 
    <header> 
     <h1>Fish Stories</h1> 
    </header> 

    <nav> 
     <ul> 
      <li><a href="index.html">Home</li> 
      <li><a href="teenfishes.html">Teen Fisherman</li> 
      <li><a href="alienfish.html">Alien Fish</li> 
      <li><a href="talltale.html">Jean Sot</li></a> 
     </ul> 
    </nav>

источник

2015-05-04 marc_defranco

Научитесь использовать [HTML validator] (https://validator.w3.org/nu/). Он расскажет вам, где ваша ошибка. – Alohci

Исправьте структуру HTML-код, как показано ниже.

<ul> 
    <li><a href="index.html">Home</a></li> 
    <li><a href="teenfishes.html">Teen Fisherman</a></li> 
    <li><a href="alienfish.html">Alien Fish</a></li> 
    <li><a href="talltale.html">Jean Sot</a></li> 
</ul>

источник

2015-05-04 08:25:28

Вертикальные черные полосы в навигационных кнопках

ответ

Смежные вопросы