Перейти к содержимому

Сервис обмена электронных валют


Не работает CSS в Dreamweaver CS3

#1 dvf

dvf
  • Пользователь
  • 13 сообщений
  • Репутация: 0
0

Отправлено 09 Ноябрь 2008 - 23:06

Прошу у Знающих помощи по Dreamweaver CS3.
Сделал всего одну страницу index.htm и файл .css. В Page properties index.htm в разделе Appearance значится Page font: Default Font. В файле CSS такой фрагмент:
@charset "windows-1251"; 
body,td,th { 
	margin-top: 0px; 
	background-color:#000000; 
	font: Arial; 
} 
.head1 { 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-align: center; 
	font: Arial; 
	text-decoration: none; 
}
Шрифт Arial отображается как Times New Romane. Все гостальное как в CSS. Стоит Page font: Default Font сменить на Arial (т.е. вставить в страницу index.htm фрагмент:
<style type="text/css"> 
<!-- 
body,td,th { 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
} 
--> 
</style>

как любой текст становится Arial-ом.
В чем грабли?

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 10 Ноябрь 2008 - 21:18

1) Приучите себя уважать других людей и заключать код для наглядности в bb-теги(code).
2) Times New Romane стандартный шрифт отображения страниц, стоящий в браузере, его можно менять в самом браузере, но это не суть.
Код
<style type="text/css">
<!--
body,td,th {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>
Говорит о том, что все теги начиная с <body>, <td> и заканчивая <th> будут иметь шрифт Arial размером в 10 пикселей.
Ваша проблема в том, что CSS поддерживает наследовательность, поэтому задав для тега <body> шрифт Arial, вы переопределяете шрифт у всех его потомков. А потомками данного тега являются все теги, отображаемые на странице <table>, <div> и др.
Там где может это использоваться. Но нужно знать что для переопределения размеров шрифта в теге <h1> и подобных нужно переопределять сам элемент.
Всё зависит от элемента, наследует ли он свойство от родителя или у него оно задано первоначально.

Скорее всего вы просто не выбрали никакой элемент, чтобы изменить шрифт именно ему. Либо просто данная функция Default font имеет место только для всего документа в целом
  • 0

#3 dvf

dvf
    Topic Starter
  • Пользователь
  • 13 сообщений
  • Репутация: 0

Отправлено 10 Ноябрь 2008 - 23:24

Прошу прощения за выкладывание кода без должного оформления. Очень редко пишу в форумах по данной тематике. Так же редко занимаюсь и созданием простеньких сайтов по личной просьбе.
Я полагал, что css является таблицей правил последней инстанции, т.е. она имеет полный приоритет над предыдущим объявлением. Другими словами, если у меня объявлен стиль шрифта в body, td и т.д., то указание стиля шрифта непосредственно перед ним отменит предыдущее объявление.
Во вложении архив с файлами. Если не затруднит, взгляните, пожалуйста и откройте в Dreamweaver CS3 (CS4). В нем все нормально. Я немного еще с файлами повозился, но воз и ныне там :) Может сказалось то, что страница была сгенерирована из под Fireworks после нарезки слайнов?

Прикрепленные файлы


  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 10 Ноябрь 2008 - 23:34

Лучше сделайте скриншот, где что не так обведите в красный круг. Выложите на данный форум скрин и код этой страницы, а я вам помогу.
Просто времени нету на просмотр архива... :)

А по поводу приоритета по убыванию
1) !important
2) style
3) css (elem,id,class)

То есть Если у вас без !important записано свойство элемента, а в style определяется данное свойство, то тогда будет использоваться style, т.к. у него приоритет больше.
  • 0

#5 dvf

dvf
    Topic Starter
  • Пользователь
  • 13 сообщений
  • Репутация: 0

Отправлено 11 Ноябрь 2008 - 00:10

Не применяю я ни !important, ни Style :) "Непослушный" шрифт обведен.
Изображение Изображение
  • 0

#6 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 11 Ноябрь 2008 - 00:33

Тогда если можно опишите что вам нужно. Вот это до меня не дошло... Вам нужно чтобы ваш весь сайт был в Time News Roman? Или что-то другое. Распишите и уточните, мне нужно конкретно, тогда доведём дело до конца :)
  • 0

#7 dvf

dvf
    Topic Starter
  • Пользователь
  • 13 сообщений
  • Репутация: 0

Отправлено 11 Ноябрь 2008 - 01:41

Да, я многого не прошу :)
Надо, чтобы браузер показал шрифт обведенного текста на странице, используя css также как ее показывает Dreamweaver. Если ткнуть в окне редактора в текст: ГЛАВНАЯ, КОНТАКТЫ или ССЫЛКИ, то видно, что используется стиль определенный в соответствующем внешнем css. Но браузеры и на работе (6 машин), и дома бунтуют.
  • 0

#8 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 12 Ноябрь 2008 - 10:53

сделал CSS вот таким
body
{
	font-size: 11px;
	font: Arial;
}

.head1 { 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-align: center; 
	text-decoration: none; 
} 
.head1:hover { 
	font-size: 11px; 
	font-weight: bold; 
	color: #444444; 
	text-align: center;  
	text-decoration: none; 
} 
.head2 { 
	color: #FFFFFF; 
	font-size: 9px; 
	font-weight: bold; 
	text-align: center;
} 
.head2:hover { 
	color: #FFFFCC; 
	font-size: 9px; 
	font-weight: bold; 
	text-align: center;  
}

Тут было определено 2 класса, один для верхних ссылок, другой для ссылок в оранжевом блоке. В каждом стоял свой стиль шрифта, в одном Arial, в другом Times new roman. Как я понял вам надо чтобы вся информация на странице была описана шрифтом arial. Поэтому я вынес в тег <body> стили, размер и тип шрифта.
Если я не прав скажите... Тогда никак не пойму что вам надо, вы опишите. Вот здесь нужно таким шрифтом, там таким. А это вообще надо убрать. А лучше всего расписать по пунктам :)
  • 0

#9 dvf

dvf
    Topic Starter
  • Пользователь
  • 13 сообщений
  • Репутация: 0

Отправлено 12 Ноябрь 2008 - 19:00

Во-первых спасибо за внимание к проблеме.
Мне как раз необходимо, чтобы меню на сером фоне было шрифтом Arial, а на оранжевом - Times New Romane. Но проблема в том, что весь шрифт подчиняется не CSS-файлу, а тому значению, что стоит в Appearance -> Page font: или body.
Я не могу добиться, чтобы каждый шрифт отображался по-своему стилю, определенному в CSS (ну, куда же понятнее :) ).
  • 0

#10 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 13 Ноябрь 2008 - 19:59

dvf, а теперь фокус-покус :)

Найди пару отличий
_http://htmlbook.ru/css/font.html
_http://htmlbook.ru/css/font-family.html

А теперь объясню...
У атрибута font, много параметров один из которых font-family, стиль текста. Но данный параметр находится в самом конце, а есть ещё до этого пара обязательных.
Поэтому для переопределения только шрифта надо использовать font-family.

Дерзай ;)
  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Оформление форума – IPBSkins.ru