Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Вопросы по CSS

Модерирует : Cheery

Cheery (12-04-2009 19:22): Перемещено в форум "Web-программирование"  Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10

   

Mistake2

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Удалил за ненадобностью

----------
Freedom of Choice (c) A Perfect Circle

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 21:21 18-01-2007 | Исправлено: Mistake2, 23:22 18-01-2007
Dr Logic



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

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

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

Всего записей: 238 | Зарегистр. 15-07-2005 | Отправлено: 23:13 18-01-2007
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
iogun

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

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

Всего записей: 3509 | Зарегистр. 30-03-2002 | Отправлено: 23:27 18-01-2007
Mistake2

Gold Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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;
}


----------
Freedom of Choice (c) A Perfect Circle

Всего записей: 7506 | Зарегистр. 18-02-2006 | Отправлено: 15:05 25-01-2007
Tstf



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

----------
Заработок 2.0

Всего записей: 788 | Зарегистр. 22-04-2003 | Отправлено: 13:22 01-03-2007
Dr Logic



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

Всего записей: 238 | Зарегистр. 15-07-2005 | Отправлено: 10:12 23-03-2007
Salik



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

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

что это значит?
типа вот так наверно
Код:
padding-bottom:32767px; margin-bottom:-32767px;
т.е. сделать распорку с такими вот параметрами а вообще глянь тута Подробнее...

Всего записей: 250 | Зарегистр. 12-03-2004 | Отправлено: 18:11 23-03-2007
Sky hawk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Господа, уже два часа маюсь, не пойму можно ли сделать следующие:
есть конструкция:

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

или

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

Дак вот если мы эту конструкцию запихнем в тело странице, то при наведении получим:

Цитата:
<b>Русский язык</b><br />Тут про русский язык что-нить...

А мне нужно

Цитата:
Русский язык
Тут про русский язык что-нить...  

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

Всего записей: 2153 | Зарегистр. 31-10-2003 | Отправлено: 19:25 26-03-2007
Qwezar



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

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

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

Всего записей: 360 | Зарегистр. 31-12-2006 | Отправлено: 18:17 27-03-2007
Sky hawk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Qwezar

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

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

----------
Волгоград в Фейсбуке
АвтоТвиттер
© каждый имеет мнение как хочет.

Всего записей: 2153 | Зарегистр. 31-10-2003 | Отправлено: 20:33 27-03-2007
Qwezar



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Sky hawk
 
Нет, без JS не обойтись.

Всего записей: 360 | Зарегистр. 31-12-2006 | Отправлено: 23:19 27-03-2007
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
В Опере и в в файрфоксе игнорируются параметры:

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


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

При этом  

Код:
background-repeat: ***

работает. В ие все работает корректно. Кто-нибудь сталкивался? Как решить эту проблему?

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 21:51 02-04-2007
6epcepk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Совершенно верно, потому что background-position-? введено исключительно компанией Microsoft.

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 00:01 03-04-2007
altshift

Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
6epcepk
Оппа... Спасибо. Не знала...

----------
А мы их душили, душили...

Всего записей: 1675 | Зарегистр. 24-10-2004 | Отправлено: 12:16 03-04-2007
Dr Logic



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

Всего записей: 238 | Зарегистр. 15-07-2005 | Отправлено: 02:04 04-04-2007
evoroz



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Dr Logic
Блок можно позиционировать только относительно верха экрана.

Всего записей: 3509 | Зарегистр. 30-03-2002 | Отправлено: 07:26 04-04-2007
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Dr Logic

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

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


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:29 04-04-2007
6epcepk



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

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

2. Выставляем значения для элемента body:

Код:
body {overflow: auto; width: 100%; height: 100%;}

3. Выставляем значения для двух боксов: который будет прокручиваться (вроде абсоютное значение) и который не будет прокручиваться. Поищи по fixed div.
 
ВАРИАНТ 2
Есть свойство позиционирования static, но оно не кроссбраузерное.
 
ВАРИАНТ 3
JavaScript, посмотри этот код.
 

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 08:58 04-04-2007
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Посмотрите, плиз, а то ни фига не получается, как сделать чтобы в Опере и Файрфоксе меню выглядело также как и в ИЕ.
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;                
}

 


----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 23:23 22-04-2007
OLEX



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору


----------
Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER.

Всего записей: 3591 | Зарегистр. 09-07-2002 | Отправлено: 22:25 25-04-2007
   

Страницы: 1 2 3 4 5 6 7 8 9 10

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Вопросы по CSS
Cheery (12-04-2009 19:22): Перемещено в форум "Web-программирование"


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru