Вопросы по CSS знатокам

[rmn]

dar, при проблемах с прозрачность png можно попробовать использовать прозрачный gif.

[dar]

Вот еще вопрос в эту же тему .
Вот как сделали так
sshot-2.png
проходишь в раздел регистрация , то вот так
sshot-3.png
т.е. не мышку перемещаешь (делаешь активным область), именно уже когда нажал .

Скрытый текст
Вы должны войти под своим логином или зарегистрироваться и иметь 25 сообщение(ий)

Правила форума | Регистрация на форуме

Предупреждение: увидев этот блок скрытого текста, не стоит сразу бросаться набивать бессмысленные сообщения. Освойтесь на форуме, проникнитесь его атмосферой и пишите, если Вам действительно есть, что сказать. Если Модератор решит, что Вы набиваете сообщения, он удалит их все, а Вам выдаст либо предупреждение, либо сразу заблокирует Ваш аккаунт.

Это сделано по средствами css ???

[MDM]

Да, CSS. Выделенному пункту меню дается class="active", а в CSS описывается правило для .active со своим фоновым изображением.

P.S. Полезно изучать HTML-код страницы.

[dar]

MDM, а по каким причинам класс может не присваиваться ???
FureBug показывает что его нет .

<style type="text/css">
   a:active {
    color: #f00; /* Вы имеете ввиду это ??? */ 
   } 
</style>
<a href="#">текст</a>

Дело в том что когда наводишь на ссылку и она меняет цвет это работает у меня и я это знал .

a:visited {
    color: #900060; /* Цвет посещенных ссылок */
   }

Это посещенная ссылка .

А там затемняется ( меняет цвет фона или даже накладывается изображение ) , на той ссылке в которой ты сейчас находишь ( ну т.е. в той категории ) и если перейти на другую категорию , то затемниться другая .
Вот зайти на этот сайт и провести по верхнему меню - используется active , а если допустим нажать на "регистрация" - эта область затемниться ( даже если мышь убрать она не пропадет цвет/изображение ) , а потом нажать на "контакты" , то затемнится область контактов , а область регистрация станет стандартного цвета .

Что еще самое странное у меня не присваивается класс active , а там присваивается . По каким причинам это возможно ???

[MDM]

.active {
	background: #F00 url('image.png');
}
...
<a class="active" href="#">Link</a>

[dar]

Все вроде правильно , как Вы указали , но что-то все равно не работает Вот так написано у меня

<!-- MENU -->
<div class="topmenu"><div class="dleft"><div class="dright">
<a class="flink factive" href="/index.php" title="Главная"><b>Главная</b></a>
<a href="/index.php?do=register" title="Регистрация"><b>Регистрация</b></a>
<a href="/index.php?do=feedback" title="Контакты"><b>Контакты</b></a>
<a href="/index.php?do=stats" title="Статистика"><b>Статистика</b></a>
<a href="/sitemap.xml" title="Карта сайта"><b>Карта сайта</b></a>
<a href="/engine/rss.php" title="RSS"><b>RSS</b></a>
<a href="#" title="О нас"><b>О нас</b></a>
</div></div></div>
<!-- END MENU -->

<style type="text/css">
.topmenu a:hover { color: #fff; background: #71a3c1 url("../images/menutop_links.png") repeat-x 0 -47px; }
.topmenu a.flink { background-position: 0 -188px; }
.topmenu a.active { background: #1e72a4 url("../images/menutop_links.png") repeat-x 0 0; }
.topmenu a.active:hover { background: #337fab url("../images/menutop_links.png") repeat-x 0 -282px; }
.topmenu a.factive { background: #1e72a4 url("../images/menutop_links.png") no-repeat 0 -141px; }
.topmenu a.factive:hover { background: #337fab url("../images/menutop_links.png") repeat-x 0 -235px; }</style>

У оригинала sshot-1.png У меня sshot-2.png
У него есть active у меня нет .

[MDM]

Страница динамическая, генерируется скриптом. Он и добавляет .active в зависимости от того, на какой странице находишься.

Также, проверь, соответствуют ли смещения фона ссылок изображениям. Если фон отображается корректно, тогда порядок. Если нет, погугли на предмет background-position.

Почему-то мне кажется, что ты изучаешь материал "методом тыка" и "copy-paste", не пытаясь понять, как это работает.

[Muskul]

Тут просто надо понять, что не все зависит от css. Надо скрипт смотреть.

[dar]

MDM,
Muskul,
Дело было не в css в css без ошибок было все . Дело было в особенностях движка DLE не хватало [aviable=main]class="active"[/aviable] в категории .

[dar]

Untitled-1.png

У меня вот так нарезано, как показано на рисунке.

Сама проблема:
как сделать кончик активным, когда активно и основную поверхность, чтобы он тоже закрашивался?

sshot-5.png

Второй блок у меня делается активным (из первого рисунка), а первый нет.

Какая должна быть вложенность чтобы оба можно было заставить изменяться при наведении мышки.

UPD Вопрос решен, всем спасибо.

[SoaT]

Начал тут изучать css и возник вопрос.
Вот так отображает правильно:

h1 {
 font-family: arial, verdana, sans-serif;
 font-variant: small-caps;
 font-size: 30px;
}

а вот так не правильно:

h1 {
 font: small-caps 30px arial, verdana, sans-serif;
}

Хотя аналог же?

[SoaT]

И ещё, коли уж тут пишу: подкиньте какой-нибуть редактор под linux, чтобы не только синтаксис высвечивал, но и предлагал теги по мере набора

[SuperSkat]

SoaT, смотри сюда: http://htmlbook.ru/css/

[SoaT]

SuperSkat, так куда именно то смотреть?)
Вот сюда смотрел: http://ru.html.net/tutorials/css/lesson4.asp

Цитата: Сокращённая запись [font] Используя сокращенную запись font, можно указывать все свойства шрифта в одном стилевом правиле. Например, вот четыре строки описания свойств шрифта для <p>: p { font-style: italic; font-weight: bold; font-size: 30px; font-family: arial, sans-serif; } Используя сокращённую запись, код можно упростить: p { font: italic bold 30px arial, sans-serif; } Порядок свойств font таков: font-style | font-variant | font-weight | font-size | font-family

А в конце урока 3 написано про background:

Цитата: Если свойство отсутствует, оно автоматически получает значение по умолчанию.

[SuperSkat]

SoaT, странно, потому что у меня всё отлично работает...

<style>
h1 {
	font: small-caps 30px arial, verdana, sans-serif;
}
</style>
<h1>Hello!</h1>

Добавлено через 2 минуты
погорячился немного, при полном описании текст жирный..

[Сергей Копылов]

Я почти уверен, что дело в font-variant.

Попробуй перечислить все свойства: font-style | font-variant | font-weight | font-size | font-family

[zhekas]

Сообщение от SoaT И ещё, коли уж тут пишу: подкиньте какой-нибуть редактор под linux, чтобы не только синтаксис высвечивал, но и предлагал теги по мере набора

Ну например bluefish. К тому же, ко многим редакторам: vim,emacs,gedit, и т. д. - есть плагин zencoding: zencoding

[SoaT]

Сообщение от zhekas есть плагин zencoding

Офигенная вещица, жаль мне рановато пока - совсем иначе запутаюсь (:
А так спасибо, возьму на заметку)

[zhekas]

Можно её использовать по мере обучения. Например не помешает шаблон типа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru">
<head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title></title>
</head>
<body>
        
</body>
</html>
~

который разворачивается при наборе

html:4s

Всяко удобнеё чем набирать всё это вручную. Да даже просто вставка закрывающегося тега уже облегчит тебе учебу и работу

[SoaT]

Вопрос по Stylish. Где не правильно то? Почему хед не скрывается?(

Спойлер

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("vip.karelia.ru") {
   table:first-child {
      display: none;
   }
}