Главная навигация сайта сталкивается с использованием скрипта блога CSS

Question

На www.test.webitry.net - это основная навигация по сайту и заголовок, который я установил в сценарий блога, чтобы интегрировать его с основным сайтом.Основная навигация по сайту затруднена белой линией, проходящей через ссылки, и это также влияет на опрокидывание.См. Прикрепленное изображение.

Что может быть причиной этого столкновения?

Answer 1

У вас есть тег разрыва (
) внутри тега упорядоченного списка (

1. теги.

   Попробуйте и здесь удалить нижнюю границу ...

   .nav ol {
   list-style: none;
   width: 950px;
   margin: 0 auto;
   padding: 0;
   padding: 0;        /* <----- you can also remove this line since it's a duplicate */
   background-color: #3b3b44;
   border-top: 1px solid #ccf;
   border-bottom: 1px solid #ccf;  /* <---- remove this line    */
   }
   

   Если вам не нужна белая линия, ее не должно быть в CSS.

   Кроме того, у вас есть все ссылки, стилизованные с рамкой внизу, вам может потребоваться специально установить этот атрибут для ссылок навигации, чтобы общие свойства привязки не были «подобраны».

   .nav li a {
   display: block;
   padding: 2px 20px;
   text-decoration: none;
   font-family: Helvetica, arial, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #fff; 
   border-right: 1px solid #ccf; 
   border-bottom: none;  /* <------------ add this line */
   }