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


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 802.5 3 темы, 98 сообщений, 5 баллов репутации

  • Фотография maxnik
    #2

    maxnik (konovalovpavel.ru)
    Очков активности: 378 0 тем, 42 сообщения, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография IxMaster
    #4

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

  • Фотография lena220678
    #5

    lena220678
    Очков активности: 111 4 темы, 25 сообщений, 2 балла репутации

  • Фотография Megoydagi
    #6

    Megoydagi (24ho.ru)
    Очков активности: 96 5 тем, 17 сообщений, 2 балла репутации

  • Фотография annabum
    #7

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

  • Фотография Constantine
    #10

    Constantine (constantine.video.blog)
    Очков активности: 31.5 3 темы, 12 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 30.07.2019
  • Яндекс выдача: 25.08.2019
Топ 5 участников по репутации


Не работает 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

#11 dvf

dvf
    Topic Starter
  • Неактивные
  • 13 сообщений
  • Репутация: 0

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

Все как-то оказалось намного проще - достаточно было переписать блок (и все остальные):
.head1 { 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	text-align: center; 
	font: Arial; 
	text-decoration: none; 
}
вот в таком виде:
.head1 {
	font:11px Arial;
	font-weight: bold;
	color: #666666;
	text-align: center;
	text-decoration: none;
}
Вероятно, сказалось то, что атрибут font надо определять первым...
Различие между font и font-family, наверно, только в жесткой привязке (в первом стучае) к типу или к некоторому семейству типов (во втором случае) и не стала бы определяющей.
И еще раз спасибо за участие.
  • 0

#12 ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

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

Вы не умеете слушать.
font:

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

Синтаксис
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family

1-ый необязательный можно задать либо стиль текста, либо вариант написания, либо толщину.
2-ой размер шрифта.
3-ий необязательный Устанавливает интерлиньяж (межстрочный интервал)
4-ый имя шрифта

font-family

Описание
Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой. Если в имени шрифта содержатся пробелы, например, Trebuchet MS, оно должно заключаться в одинарные или двойные кавычки.
Когда браузер встречает первый шрифт в списке, он проверяет его наличие на компьютере пользователя. Если такого шрифта нет, берется следующее имя из списка и также анализируется на присутствие. Поэтому несколько шрифтов увеличивает вероятность, что хотя бы один из них будет обнаружен на клиентском компьютере. Заканчивают список обычно ключевым словом, которое описывает тип шрифта — serif, sans-serif, cursive, fantasy или monospace. Таким образом, последовательность шрифтов лучше начинать с экзотических типов и заканчивать обобщенным именем, которое задает вид начертания.

Синтаксис
font-family: имя шрифта [, имя шрифта[, ...]]

Можно перечислять имена шрифтов через запятую. Больше здесь ничего не задаётся.


Так вот. Ваш случай теперь прокатывает так как вы задаёте в font два атрибута 2-ой и 4-ый, а 1-ый и 3-ий являются необязательными.

Вам надо поизучать спецификацию CSS.
  • 0

robot

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


Похожие темы

  Название темы Автор Статистика Последнее сообщение

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