Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 03.03.2014
Сообщений: 22

Отображение стилей

23.01.2015, 21:41. Показов 1328. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Решил себе сделать сайтик... Столкнулся с проблемой - не отображаются стили в IE и Opera (возможно и в других). В хроме всё нормально.
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
body{
margin: 0;
padding: 0;
background-image:url('/img/base/bg.jpg');
background-repeat:no-repeat;
background-color:#05050f;
background-position: top;
font-family: 'Arial';
color:#fff;
}
 
a.button {
  font-size: 18px;
  color: #fff; 
  text-decoration: none;
  user-select: none;
  background: #000; 
  padding: .5em 1.5em; 
  outline: none;
} 
a.button:hover { background: #fff; color:#000;}
ну и сам код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<head>
<title>Ilya67RUS</title>
<link type="css/text" rel="stylesheet" href="/css/styles.css">
</head>
<body>
<?php include 'include/top.php';?>
<div align="center" style="margin-top:2%">
 
 
</div>
</body>
</html>
top.php

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<table align="center">
<tr><td height="150px"></td></tr>
</table>
<table align="center">
<tr>
<td>
<a href="/" class="button">Главная</a>
</td>
<td>
<a href="/files" class="button">Файлы</a>
</td>
<td>
<a href="/screenshots" class="button">Скриншоты</a>
</td>
<td>
<a href="/otzyv" class="button">Отзыв</a>
</td>
<td>
<a href="/profile" target="_blank" class="button">Профиль на Libertycity.ru</a>
</td>
</tr>
</table>
Скрины с 3-х браузеров -
http://ilya67rus.tk/demki/scri... 212549.jpg
http://ilya67rus.tk/demki/scri... 213108.jpg
http://ilya67rus.tk/demki/scri... 213139.jpg

Может быть я кривой код написал
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.01.2015, 21:41
Ответы с готовыми решениями:

Отображение файла стилей в браузере
Sass файл я удаляю из папки и все равно браузер видит это правило и строго ему подчиняется, игнорируя подключенный css и медиа запросы в...

Отображение CSS-стилей в Mozilla Firefox
Доброго времени суток. Ситуация донельзя заезженная. Есть страничка: http://tekzio.itceo.ru/page/2466 , в Internet Explorer и Google...

Чем отличается импорт стилей от подключения связанных стилей css?
чем отличается импорт стилей от подключения связанных стилей css? &lt;link rel=&quot;stylesheet&quot; href=&quot;mystyle.css&quot;&gt; от ...

3
 Аватар для Al_lord
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
24.01.2015, 05:38
все пашет и на опере и на хроме, а на ie вообще забейте
0
10 / 10 / 2
Регистрация: 09.09.2013
Сообщений: 34
24.01.2015, 11:22
Лучший ответ Сообщение было отмечено Ilya67RUS как решение

Решение

У Вас index.php в отдельной папочке? Если нет, то просто уберите / и все должно нормально работать.
Должно быть вот так:
HTML5
1
<link type="text/css" rel="stylesheet" href="css/styles.css">
И нужно указывать тип так как я написал, может даже проблема в этом.
1
0 / 0 / 0
Регистрация: 03.03.2014
Сообщений: 22
24.01.2015, 12:25  [ТС]
Спасибо, vovich, перепутал просто
написал "css/text" вместо "text/css"
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.01.2015, 12:25
Помогаю со студенческими работами здесь

По поводу стилей и сброса стилей
Приветствую друзья. Собственно коротко и по сути. Есть CSS файл. В нем прописан сброс стилей от Эрика. Далее идут уже мои стили. ...

Маска стилей
Доброго дня уважаемые коллеги. Подскажите пожалуйста, как расшифровать такой вот селектор: Никак не могу найти объяснений для...

Наследование стилей
Возникла проблемка у меня есть такой набор елементов &lt;div id=&quot;card-img&quot; class=&quot;page-header inverse text-center&quot;...

Применение стилей
Здравствуйте!Имеется один общий файл стилей для всех страниц. Нужно, чтобы один и тот же элемент отображался на разных страницах сайта...

файлы стилей
Доброго времени суток! У меня есть главная страница (index.html) и файл стилей (style.css). На главной странице высота header 700px,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru