default.css

@Maxxtele · Регистрация: 10.06.2011

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

У меня внутри кода страницы был прописан такой код( в самом начале) в <head>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

Теперь этого кода нет,на всех страницах сайта.И он снесён в отдельный файл под названием default.css.Скажите пожалуйста,что он означает этот файл,и обязательно ли мне его со всеми html документами закачивать на сервер?

@vasvas7775 · 29.08.2011, 16:55

.ws72 так, подключаются классы. Тоесть .пппппппппп - это обозначение класса

CSS
1
font-size: 96px;

это размер шрифта.
Ну судя по тому что классов, достаточно много, это размеры шрифтов, всего твоего сайта, в разных частях.

CSS
1
font-family: Arial,Helvetica,Sans-Serif;font-style: normal;

обозначает какие шрифты используются на странице, тоесть показываться будет самые первый, если его нет то второй и тд.

CSS
1
font-weight: normal;

Как отображается шрифт, жирный курсив или нормальный, у тебя нормальный.

CSS
1
2
margin-top: 0px;  // отступ с верху
margin-bottom: 0px;  // отступ с низу

@Maxxtele · 29.08.2011, 17:01 **[ТС]**

Сообщение от vasvas7775

.ws72 так, подключаются классы. Тоесть .пппппппппп - это обозначение класса

CSS
1
font-size: 96px;

это размер шрифта.
Ну судя по тому что классов, достаточно много, это размеры шрифтов, всего твоего сайта, в разных частях.

CSS
1
font-family: Arial,Helvetica,Sans-Serif;font-style: normal;

обозначает какие шрифты используются на странице, тоесть показываться будет самые первый, если его нет то второй и тд.

CSS
1
font-weight: normal;

Как отображается шрифт, жирный курсив или нормальный, у тебя нормальный.

CSS
1
2
margin-top: 0px;  // отступ с верху
margin-bottom: 0px;  // отступ с низу

У меня еще такая проблемка,некоторые элементы сайта отображаются по разному в некоторых браузерах.Можно ли использовать данный css файл для кроссбраузерности? Если да,то как? И что в нем надо прописать?

@Persk · 29.08.2011, 17:29

Сообщение от Maxxtele

он снесён в отдельный файл под названием default.css.Скажите пожалуйста,что он означает этот файл

1) Код html короче
2) В файле default.css можно будет что-то изменить, к примеру в одной строчке (или для какого-то класса), а не открывать все html и править вручную там

Сообщение от Maxxtele

Можно ли использовать данный css файл для кроссбраузерности

Можно для определённого браузера свой default.css прописать (например для оперы opera_default.css). Данный вопрос неоднократно поднимался на данном форуме

@Maxxtele · 29.08.2011, 17:42 **[ТС]**

Сообщение от Persk1976

1) Код html короче
2) В файле default.css можно будет что-то изменить, к примеру в одной строчке (или для какого-то класса), а не открывать все html и править вручную там

Можно для определённого браузера свой default.css прописать (например для оперы opera_default.css). Данный вопрос неоднократно поднимался на данном форуме

Я чайник в этом.Скажите где можно почитать подобную инфу,и как это сделать на моем файле,примере.Заранее благодарен.

@Persk · 29.08.2011, 18:00

Почить литературу, для начала про html, далее про css, Литература и ресурсы по HTML/CSS желательно для себя составить конспектик, где описать наиболее используемые теги (html) и стили (css).
Далее переходить к кроссбраузерности

@Maxxtele · 29.08.2011, 18:05 **[ТС]**

Непонятно.Вот css код.Как на конкретном примере добиться кроссбраузерности для Opera.Пока я буду читать эту литературу,я всех посетителей распугаю.

Что бы в Opera сайт отображался как в Hrome и FF.

@Persk · 29.08.2011, 18:12

Сообщение от Maxxtele

Вот css код

а где код html? И не зная языка html(язык гипертекстовой разметки) и css (каскадные таблицы стилей) трудно сверстать сайт, не говоря уже об кроссбраузерности

@vasvas7775 · 29.08.2011, 18:13

Можно для разных браузеров прописать разные стили. Только не полностью, а пишешь файл со стилями, а в файлах для разных браузеров, подправляешь те места, которые едут, что-бы одинаково было.

вот так прописывают стили для всех версий IE

CSS
1
2
3
4
<!-- Стили для всех версий IE -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-for-ie.css" />
<![endif]-->

для ie 6

CSS
1
2
3
4
<!-- Стили для всех версий IE 6 -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-for-ie.css" />
<![endif]-->

Для оперы путь надо прописать в JS

JavaScript
1
2
3
4
5
6
7
/* Стили для Opera */
<script>
/* Стили для Opera */
if (window.opera) {
    document.write("<link rel='stylesheet' href='/thems/shablon-1/css/shablon-1_style-opera.css' />");
}
</script>

а так можно прописать стили для хрома и сафари

CSS
1
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />

@Persk · 29.08.2011, 18:24

vasvas7775 спасибо за совет, возьму на вооружение.
Но если разработчик сайта не знает, что туда писать?

@Maxxtele · 29.08.2011, 18:28 **[ТС]**

Сообщение от Persk1976

vasvas7775 спасибо за совет, возьму на вооружение.
Но если разработчик сайта не знает, что туда писать?

Это точно,незнаю.Вот сайт,скажите у кого как отображаются разделы в разных браузерах.И подскажите,для ТУПОРЕЗОВ как я,поэтапно как что создается.На основе тех промашек отображения в разных браузерах которые вы увидите!

hyper-radio.ru

На примере.Создай то,из кода скопируй это.Буду очень признателен!!!
Пиво буду лить на webmoney!

@vasvas7775 · 29.08.2011, 18:43

Сообщение от Persk1976

Но если разработчик сайта не знает, что туда писать?

Разработчик знать должен.........

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
  <title></title>
 
  <link rel="stylesheet" type="text/css" href="style" />
 
<!-- Стили для всех версий IE -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-for-ie.css" />
<![endif]-->
 
<!-- Стили для всех версий IE 6 -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="style-for-ie6.css" />
<![endif]-->
 
<!-- Стили для Google_Chrome, Safari -->
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />
 
 <!-- Стили для Opera -->
<script>
if (window.opera) {
    document.write("<link rel='stylesheet' href='opera.css' />")
}
</script>
 
</head>
<body>
 
</body>
</html>

Ну и создаете файл style-for-ie.css
В нем стили для IE. и тд........

@Maxxtele · 29.08.2011, 18:46 **[ТС]**

Блин,ничего не могу понять...Только одни,должен...обязан... Никакой конкретной помощи.

@vasvas7775 · 29.08.2011, 19:01

HTML5
1
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />

это путь к css файлу, opera.css, находится он в корневой директории.

В этом файле, описывается та часть кода, которая криво отображается в хроме и сафари.
Не надо в нее запихивать весь ваш css код. Достаточно положить ту часть кода которую надо подправить в этих браузерах.

к примеру

CSS
1
.ws6 {font-size: 10px;}

и в опере и сафари, после этого шрифт класса .ws6 будет не 8 а 10px

@Maxxtele · 29.08.2011, 19:10 **[ТС]**

Сообщение от vasvas7775

Разработчик знать должен.........

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
  <title></title>
 
  <link rel="stylesheet" type="text/css" href="style" />
 
<!-- Стили для всех версий IE -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style-for-ie.css" />
<![endif]-->
 
<!-- Стили для всех версий IE 6 -->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="style-for-ie6.css" />
<![endif]-->
 
<!-- Стили для Google_Chrome, Safari -->
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />
 
 <!-- Стили для Opera -->
<script>
if (window.opera) {
    document.write("<link rel='stylesheet' href='opera.css' />")
}
</script>
 
</head>
<body>
 
</body>
</html>

Ну и создаете файл style-for-ie.css
В нем стили для IE. и тд........

В надписях кода,стили для Opera я вставляю те места из html кода,которые должны одинаково отображаться?

Я так понял,я создал файл opera.css.Открыл его в текстовом редакторе и написал следующее:

HTML5
1
<div id="text11" style="position:absolute; overflow:hidden; left:481px; top:552px; width:765px; height:330px; z-index:4">

А

HTML5
1
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />

В код самой странице?

@vasvas7775 · 29.08.2011, 19:20

Сообщение от Maxxtele

должны одинаково отображаться?

Точнее сказать не те которые должны отображаться одинаково, а те которые отображаются криво, например в опере. И благодаря этому ту делаешь их как и в других браузерах.

В файле opera.css пишешь стили

CSS
1
2
3
#text11 {
  position:absolute; overflow:hidden; left:481px; top:552px; width:765px; height:330px; z-index:4
}

или именно тот отрезок кода который надо

CSS
1
2
3
#text11 {
  left:481px; top:552px;
}

так ты их просто подправляешь под хром и сафари.
По этому же принципу, делаешь отдельные стиль для IE и opera

@Maxxtele · 29.08.2011, 19:20 **[ТС]**

Сообщение от vasvas7775

HTML5
1
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />

это путь к css файлу, opera.css, находится он в корневой директории.

В этом файле, описывается та часть кода, которая криво отображается в хроме и сафари.
Не надо в нее запихивать весь ваш css код. Достаточно положить ту часть кода которую надо подправить в этих браузерах.

к примеру

CSS
1
.ws6 {font-size: 10px;}

и в опере и сафари, после этого шрифт класса .ws6 будет не 8 а 10px

Понял! А если например у меня в Opera линия отображается нормально,а в Hrome она наезжает на картинку? Как тогда прописать это, в файл opera.css? И скажите какой начальный код файла opera.css? И вот с этой строчкой я что делаю

HTML5
1
<link rel="stylesheet" href="opera.css" type="opera/css" media="screen" />

Вставляю ее в css документ после описания обьекта который должен правильно отображаться,или в сам документ html на котором расположен проблемный обьект? Если да,то между каким и каким тэгом.Спасибо заранее.

@vasvas7775 · 29.08.2011, 19:30

opera.css, я неправильно назвал файл, назови hrome_safari.css,
в нем и надо править.
А если хочешь стиль для оперы, путь для файла со стилями для оперы надо прописать в JS

JavaScript
1
2
3
4
5
6
 <!-- Стили для Opera -->
<script>
if (window.opera) {
    document.write("<link rel='stylesheet' href='opera.css' />")
}
</script>

и там уже в этом файле правишь...

Добавлено через 1 минуту
для хрома

HTML5
1
<link rel="stylesheet" href="hrome_safari.css" type="opera/css" media="screen" />

и в файле, правишь то место где у тебя что там наезжает.

@Maxxtele · 29.08.2011, 19:40 **[ТС]**

Сообщение от vasvas7775

opera.css, я неправильно назвал файл, назови hrome_safari.css,
в нем и надо править.
А если хочешь стиль для оперы, путь для файла со стилями для оперы надо прописать в JS

JavaScript
1
2
3
4
5
6
 <!-- Стили для Opera -->
<script>
if (window.opera) {
    document.write("<link rel='stylesheet' href='opera.css' />")
}
</script>

и там уже в этом файле правишь...

Добавлено через 1 минуту
для хрома

HTML5
1
<link rel="stylesheet" href="hrome_safari.css" type="opera/css" media="screen" />

и в файле, правишь то место где у тебя что там наезжает.

Вот этот html код я куда вставляю? Я так понял на странице у которой что-то на что-то наезжает,надо указать путь к файлу вот этой строчкой

HTML5
1
<link rel="stylesheet" href="hrome_safari.css" type="opera/css" media="screen" />

В какой тэг ее заключать?

@vasvas7775 · 29.08.2011, 19:58

Как у тебя называется страница сайта с html кодом главная страница обычно index
у нее есть тело документа

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
 
 <!-- html код страницы -->
 
</body>
</html>

между

HTML5
1
2
3
<head>
 
</head>

и указывается твой код

HTML5
1
2
3
<head>
<link rel="stylesheet" href="hrome_safari.css" type="opera/css" media="screen" />
</head>

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
  <title></title>
 
<link rel="stylesheet" href="hrome_safari.css" type="opera/css" media="screen" />
</head>
<body>
 
 <!-- html код страницы --> 
 
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@Persk Модератор 8748 / 3373 / 244 Регистрация: 25.10.2010 Сообщений: 13,603
	29.08.2011, 18:00
	Почить литературу, для начала про html, далее про css, Литература и ресурсы по HTML/CSS желательно для себя составить конспектик, где описать наиболее используемые теги (html) и стили (css). Далее переходить к кроссбраузерности 0

@Maxxtele 1 / 1 / 1 Регистрация: 10.06.2011 Сообщений: 104
	29.08.2011, 18:05 [ТС]
	Непонятно.Вот css код.Как на конкретном примере добиться кроссбраузерности для Opera.Пока я буду читать эту литературу,я всех посетителей распугаю. Что бы в Opera сайт отображался как в Hrome и FF. 0

@Persk Модератор 8748 / 3373 / 244 Регистрация: 25.10.2010 Сообщений: 13,603
	29.08.2011, 18:24
	vasvas7775 спасибо за совет, возьму на вооружение. Но если разработчик сайта не знает, что туда писать? 0

@Maxxtele 1 / 1 / 1 Регистрация: 10.06.2011 Сообщений: 104
	29.08.2011, 18:46 [ТС]
	Блин,ничего не могу понять...Только одни,должен...обязан... Никакой конкретной помощи. 0