X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Перекрывается свойство font-size родителем. Почему - не понятно.
shurik_shynk
shurik_shynk
Topic Starter сообщение 9.5.2015, 15:12; Ответить: shurik_shynk
Сообщение #1


В следующем примере свойство font-size тега <body> перекрывает значение в дочернем теге <div>.
Со свойством font-weight такого не происходит.

Подскажите кто знает с чем связана проблема и можно ли это решить?
браузер: Google-Chrome

[CSS]body {
font: arial;
font-size: 120%;
font-weight: bold;
}

div {
font-size: 100%
font-weight: normal ;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2015, 15:42; Ответить: Wins
Сообщение #2


Ну потому что у вас синтаксическая ошибка

как должно быть

[CSS]body {
font: arial;
font-size: 120%;
font-weight: bold;
}

div {
font-size: 100%;
font-weight: normal ;
}[/CSS]

и как у вас

[CSS]body {
font: arial;
font-size: 120%;
font-weight: bold;
}

div {
font-size: 100%
font-weight: normal ;
}[/CSS]

Найдите 1 отличие))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shurik_shynk
shurik_shynk
Topic Starter сообщение 9.5.2015, 15:52; Ответить: shurik_shynk
Сообщение #3


Поставил точку с запятой. - Случайно удалил когда пробовал безрезультатно добавить инструкцию "!important".

[CSS]div {
font-size: 100%;
font-weight: normal ;
}[/CSS]

Проблема осталась
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2015, 16:08; Ответить: Wins
Сообщение #4


Кроме этого есть еще другие стили?

А лучше выложите сюда код, просто если брать пустой документ html и вставить в него этот код то все отлично работает

ну и по специфике css все должно быть норм

body не перекрывает div, а у вас перекрывает, значит есть еще какой то код в котором ошибка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shurik_shynk
shurik_shynk
Topic Starter сообщение 9.5.2015, 16:30; Ответить: shurik_shynk
Сообщение #5


(Wins @ 9.5.2015, 18:08) *
Кроме этого есть еще другие стили?

А лучше выложите сюда код, просто если брать пустой документ html и вставить в него этот код то все отлично работает

ну и по специфике css все должно быть норм

body не перекрывает div, а у вас перекрывает, значит есть еще какой то код в котором ошибка


my.html
<HTML>
<HEAD>
<meta charset="windows-1251"/>
<TITLE>news</TITLE>
<link rel="stylesheet" type="text/css" href="style.css" />
<BR>
</HEAD>
<BODY>

новости<br>
<div>
внутри div<br>
<a href="http://newsru.com/">
newsru.com
</a><br>
<a href="http://www.vesti.ru/">
вести.ru
</a>
</div>
</BODY>
</HTML>


style.css
[CSS]body {
background-color: #BCFEF5;
font: arial;
font-size: 140%;
font-weight: bold;
}

div {
border: 1px dotted green;
background-color: #F1F8E0;
padding: 10px;
font-size: 100%;
font-weight: normal;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wins
Wins
сообщение 9.5.2015, 16:44; Ответить: Wins
Сообщение #6


Ну во первых не указан doctype, во вторых желательно кодировка utf-8, в третьих не пишите капсом

итого

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="vasya" />

<title>Неназванный 1</title>
</head>

<body>

<style>

body {
background-color: #BCFEF5;
font: arial;
font-size: 140%;
font-weight: bold;
}

div {
border: 1px dotted green;
background-color: #F1F8E0;
padding: 10px;
font-size: 100%;
font-weight: normal;
}

</style>
<div> внутри div
<a href="http://newsru.com/">
newsru.com
</a>
<a href="http://www.vesti.ru/">
вести.ru
</a> </div>
</body>
</html>


ну и у вас у body font-size: 140%;

задайте div font-size: 60%; и увидите разницу, а проще смотрите через отладчик в браузере

правая кнопка, и там будет просмотреть код элемента, или проэксперементировать, или что то в этом роде, смотря что за браузер
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shurik_shynk
shurik_shynk
Topic Starter сообщение 9.5.2015, 17:01; Ответить: shurik_shynk
Сообщение #7


Да, как оказалось все правильно работает - когда указываем font-size в процентах, то это в процентах от родительского значения, в данном случае от <body>. Если установить font-size: 60% для <div>, то разница становится очевидной.

Большое спасибо пользователю Wins

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПочему нельзя давать рекламу на бренд?
 6 Bilish 1359 12.1.2020, 13:47
автор: BLIK
Открытая тема (нет новых ответов) Почему стоит выбрать именно Berileads?
 2 leadkreditrf 1833 27.11.2019, 12:39
автор: -leadkreditrf-
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПочему слайдер не работает в IE ?
 1 GTAlex 1398 2.11.2016, 11:53
автор: BLIK
Горячая тема (нет новых ответов) Почему мой контент называют Королевским?
Продающие тексты и SEO-статьи роскошного качества за 1-2 дня
 36 Octavodia 12976 22.10.2015, 18:19
автор: grumdas
Открытая тема (нет новых ответов) "Почему так дешево?" Рерайт/Копирайт.
Качественный контент по низким ценам!
 17 Vadim_text 6246 9.10.2015, 15:23
автор: Octavodia


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 6:46

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet