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

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

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

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
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 не поддерживает.

Всего записей: 3487 | Зарегистр. 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
Блок можно позиционировать только относительно верха экрана.

Всего записей: 3487 | Зарегистр. 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.

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



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


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

Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 22:25 25-04-2007
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru