Панель навигации

@964758-ge · Регистрация: 07.02.2014

Author24 — интернет-сервис помощи студентам

Здравствуйте. Создаю панель навигации

HTML5    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type=text/css">
<title>Навигация</title>
</head>
<body>
<ul class="nav">
    <li><a href="index.html">Home</a></li>
    <li><a href="news.html">News</a></li>
    <li><a href="reviews.html">Reviews</a></li>
</ul>
</body>
</html>

CSS    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
ul.nav {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
    border-bottom: 1px dashed #000;
}
 
.nav li {
    display: inline;
    margin-right: -5px;
}
 
.nav a {
    display: inline-block;
    border: 1px dashed #000;
    border-bottom: none;
    padding: 5px 15px 5px 15px;
    background-color: #EAEAEA;
    text-decoration: none;
    color: #333;
}

При просмотре файла index.html в браузере Internet Explorer 8,10 и Mozilla Firefox v28 стилизация вообще не отображается, просто маркированный список ссылок. При этом, в Opera v20, Google Chrome v34 всё отображается корректно. В чём может быть проблема ? Заранее большое спасибо !

@dolte · 05.05.2014, 15:51

Попробуйте везде ставить вместо

CSS    
        
    Скопировано
1
.nav

писать

CSS    
        
    Скопировано
1
ul.nav

@964758-ge · 05.05.2014, 16:00 **[ТС]**

К сожалению не помогло

@dimadyak · 05.05.2014, 18:50

в IE8 вроде нормально все отображается

@964758-ge · 05.05.2014, 20:02 **[ТС]**

Да, все получилось. Эту строку надо было исправить

Code    
        
    Скопировано
1
<link href="style.css" rel="stylesheet" type=text/css">

относительно HTML5

Добавлено через 50 секунд
Спасибо за ответы.

Новые блоги и статьи Все статьи Все блоги /
Контейнеризация React приложений с Docker Reangularity 03.04.2025 Контейнеризация позволяет упаковать приложение со всеми его зависимостями в автономный контейнер, который можно запустить на любой платформе с установленным Docker. Это существенно упрощает процессы. . .	Свой попап в SwiftUI mobDevWorks 03.04.2025 SwiftUI, как декларативный фреймворк от Apple, предоставляет множество инструментов для создания пользовательских интерфейсов. В нашем распоряжении есть такие API как alerts, popovers, action sheets. . .	Антипаттерны микросервисной архитектуры ArchitectMsa 03.04.2025 Хорошо спроектированная микросервисная система может выдержать испытание временем, оставаясь гибкой, масштабируемой и устойчивой к большинству проблем. Такая архитектура обладает высоким уровнем. . .	std::mutex в C++: Советы и примеры использования bytestream 03.04.2025 std::mutex - это механизм взаимного исключения, который гарантирует, что критический участок кода выполняется только одним потоком в каждый момент времени. Это простое, но могущественное средство. . .	Не удержался от оценки концепции двигателя Стирлинга. Hrethgir 03.04.2025 Сколько не пытался - она выдавала правильные схемы, причём случайно рисовала горячие области в середине, холодные по краям, трубки с краёв в низ и магнит в соединяющей, но при этой выдавала описание. . .
Метод с двумя буферами (или double buffering) или ping-pong buffering Hrethgir 02.04.2025 Из ответов LM модели. Метод, который предполагает использование двух массивов для хранения промежуточных результатов сложения векторов, обычно применяется в сценариях, где необходимо минимизировать. . .	На любовном киберфронте Alexander-7 01.04.2025 Недавно на одном малоизвестном сайте знакомств мною заинтересовалась девушка: «Текст немного странный. Но, судя по адресу почты, иностранка», – подумал я. Поколебавшись пару суток, я ответил ей:. . .	Как работает Node.js изнутри run.dev 29.03.2025 Node. js изменил подход к разработке веб-приложений, позволив использовать JavaScript не только на стороне клиента, но и на сервере. Созданный в 2009 году Райаном Далем, этот открытый,. . .	Моки в Python: Mock Object Library py-thonny 29.03.2025 Тестирование кода требует особого подхода, когда речь идёт о компонентах, взаимодействующих с внешним миром. Мы часто сталкиваемся с непредсказуемостью HTTP-запросов, чтением данных из базы или. . .	JavaScript: Управление памятью и улучшение производительности run.dev 29.03.2025 В отличие от низкоуровневых языков программирования, JavaScript не требует ручного выделения и освобождения памяти. Здесь работает автоматический сборщик мусора, который определяет, какие объекты. . .

@964758-ge 0 / 0 / 0 Регистрация: 07.02.2014 Сообщений: 12
	05.05.2014, 16:00 [ТС]
	К сожалению не помогло 0

@dimadyak 9 / 9 / 6 Регистрация: 08.04.2014 Сообщений: 54
	05.05.2014, 18:50
	в IE8 вроде нормально все отображается Миниатюры 0