» Вопросы по CSS

Цитата:

а в IE6 1.1. заменяется на 1, а 1.2. на 2, т.е. отсутствует родительская цифра. Почему?

К сожалению IE не поддерживает свойство content.

iogun

Цитата:

но только в Opera, а в IE6 1.1. заменяется на 1, а 1.2. на 2, т.е. отсутствует родительская цифра. Почему?

Как я помню IE counter не поддерживает.

evoroz
Короче, возвращаемся к нашим баранам:

страница в ie:
тут
страница в opera:
тут

Вот css:

Код: body
{
    margin: 0 0;
    padding: 0;
    background: url('../images/background01.jpg') repeat-y top center;
    font-family: Palatino Linotype, Courier New, Century Gothic, Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px
}


#header
{
    margin: 0;
    padding: 0;
    width: 800px;
    height: 120px;
    background: #4e959b url('../images/top02.jpg') no-repeat top center;
}

#menu
{

    float: none;
    margin: 92 0 0 0px;
    padding: 0 0 0 130px;
    height: 56px;
    display: block;
    font-size: 12px;
}

#menu li
{
    display: block;
    text-align: center;
    float: left;
    list-style: none;
}

#menu li a
{
    background-image: url('../images/menu_top.jpg');
    color: #000;
    text-decoration: none;
    font-weight: 700;
    display: block;
    width: 90px;
    height: 23px;
    background-position: 0 23px;
    border: 0px none; margin-left: 2px; margin-right: 2px; margin-top:28px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:0
}

#menu li.active a, #menu li.active a:hover
{
    color: #000;
    margin: 5px 0 21px 0px;
    padding: 6px 0 0 0;
    padding-top: 5px;
    height: 23px;
    background-position: 0 0;
}

#menu li a:hover
{
    background-position: 0 49px;
}

КАк с помощью css сделать так, чтобы одна новость была под одним фоном, вторая - под другим ? При это юзается только один class.

Есть ли способ с помощью CSS, не нарушая стандарт сделать так - если страница содержит мало текста то оформление вытягивается на 1 экран, если больше - то растягивается, то есть то, чего можно достичь <table height="100%">.
Верстка блочная уже есть, думаю как бы так хитро задать высоту.

Tstf
Насколько я понимаю это не цсс, а программирование. т.е. например если новость четная(в бдд обычно у всего есть свой уник ид) то фон такой-то если же нет то соответственно фон другой.
Dr Logic

Цитата:

оформление вытягивается на 1 экран

что это значит?
типа вот так наверно
Код: padding-bottom:32767px; margin-bottom:-32767px;

Господа, уже два часа маюсь, не пойму можно ли сделать следующие:
есть конструкция:

Код: <acronym title="<b>Русский язык</b><br />Тут про русский язык что-нить...">Russian</acronym>

Цитата:

а чужое брать не хочется

А придется, если знаний не хватает, или почитать умные книжки.

Qwezar

Цитата:

А придется, если знаний не хватает, или почитать умные книжки.

Я уже нашел оупенсурс, мне просто интересно это возможно только средствами цсс или нет, как я понял - нет.

Sky hawk

Нет, без JS не обойтись.

В Опере и в в файрфоксе игнорируются параметры:

Код: background-position-x: ***

Совершенно верно, потому что background-position-? введено исключительно компанией Microsoft.

6epcepk
Оппа... Спасибо. Не знала...

Не подскажите как спозиционировать блок в правом нижнем углу холста?
"position:absolute; right:0; bottom:0;" дает позиционирование относительно экрана, а не холста. Размеры блок заранее известны.

Заранее благодарен

Dr Logic
Блок можно позиционировать только относительно верха экрана.

Dr Logic

Цитата:

Не подскажите как спозиционировать блок в правом нижнем углу холста?

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

Dr Logic
ВАНИАТ 1
Я делал такое через CSS, но сходу не помню, поищи хаки в сети.
В общих словах, на память:
1. Выставляем значения для элемента html:

Код: html {width: 100%; height: 100%; overflow: hidden;}

Посмотрите, плиз, а то ни фига не получается, как сделать чтобы в Опере и Файрфоксе меню выглядело также как и в ИЕ.
http://priluki.info/trash/pl/pl.html
В Опере и Мозилле фон смещается вниз, это я так понял из-за параметра padding-top, без него все ок, но текст получатся вверху, что не есть хорошо...
Вот код CSS:

Код: A.menu {
height: 66px;
padding-top: 5px;
background-image: url('images/menu_off.gif');
TEXT-DECORATION: none;
text-align:center;
color: white;
display: block;
}
A.menu:visited {
height: 66px;
padding-top: 5px;
background-image: url('images/menu_off.gif');
TEXT-DECORATION: none;
text-align:center;
color: white;
display: block;
}
A.menu:hover {
height: 66px;
padding-top: 5px;
background-image: url('images/menu_on.gif');
TEXT-DECORATION: underline;
text-align:center;
color: yellow;
display: block;
}
A.menu:active {
height: 66px;
padding-top: 5px;
background-image: url('images/menu_off.gif');
TEXT-DECORATION: none;
text-align:center;
color: white;
display: block;
}

OLEX
ну простой же счет
PADDING-TOP: 5px; HEIGHT: 61px;
вместо того, что у тебя там есть

да, для Оперы и Мозиллы помогло, но блин теперь криво в ИЕ
а это еще хуже.........

OLEX

Цитата:

но блин теперь криво в ИЕ

где? я и в нем смотрел

OLEX, добавь вот это, для ИЕ6 должно помочь
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

IMST

ПОМОГЛА ТВОЯ СТРОЧКА!!!!!!!!
Огроменное спасиба!!!!!!!!!!!!!


Cheery
В ИЕ криво было без этого:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Добавлено:
IMST
йоптиль. так с ней (с строчкой) опять в файрфоксе и опере криво

Добавлено:
Вот без строчки:
http://priluki.info/trash/pl/pl1.html
нормально в опере и ФФ, криво в ИЕ

Вот со строчкой:
http://priluki.info/trash/pl/pl2.html
нормально в ИЕ, криво в опере и ФФ

че делать

OLEX
Смотреть некогда
Там как Cheery говорил поменял циферки еще на 61?

да, да, вот новій цсс:


Код: A.menu             {
    height: 61px;
    padding-top: 5px;
    background-image: url('images/menu_off.gif');
    TEXT-DECORATION: none;
    text-align:center;
    color: white;
    display: block;
    }
A.menu:visited     {
    height: 61px;
    padding-top: 5px;
    background-image: url('images/menu_off.gif');
    TEXT-DECORATION: none;
    text-align:center;
    color: white;
    display: block;                
}
A.menu:hover     {
    height: 61px;
    padding-top: 5px;
    background-image: url('images/menu_on.gif');
    TEXT-DECORATION: underline;
    text-align:center;
    color: yellow;
    display: block;                
}
A.menu:active     {
    height: 61px;
    padding-top: 5px;
    background-image: url('images/menu_off.gif');
    TEXT-DECORATION: none;
    text-align:center;
    color: white;
    display: block;                
}

Ну не знаю, я твою страницу pl2.html когда сохраняю , то в опере нормально показывает. И в ие тоже.

у меня в опере / фф криво...... 9-я опера

http://poligon.iplot.ru/pl2.html

у меня нормально везде. Опера 9.01