• Страница 3 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Вопросы по CSS
Slimmi
Дата: Суббота, 18.09.2010, 17:11 | Сообщение # 101
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Aleko, хм.. Проверял на другом примере, не работало, твой вариант работает..

Большие фотостатусы
  
BeSinLi
Дата: Суббота, 18.09.2010, 22:02 | Сообщение # 102
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (MrOizo)
К сожалению у меня нет 6-го осла, а ставить его(пускай даже и образ) просто лень.

Букмарку, мля, сделай — browserlab.adobe.com.


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

  
cech
Дата: Вторник, 21.09.2010, 17:10 | Сообщение # 103
молчун
Группа: Проверенные
Пользователь №: 3081
Сообщений: 23
Такой вопрос: что лучше использовать если хочешь внедрить свой шрифт. Плагин Cufon или обычный @font-face? Никак разницу не уловлю.
  
DSC
Дата: Вторник, 21.09.2010, 17:14 | Сообщение # 104
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 516
Получено оценок: 41
cech, скрипт, ибо стандарт не визде работает!

aka Latro
  
BeSinLi
Дата: Вторник, 21.09.2010, 17:28 | Сообщение # 105
спикер
Группа: Проверенные
Пользователь №: 216
Сообщений: 500
Получено оценок: 112
Quote (DSC)
cech, скрипт, ибо стандарт не визде работает!

Везде. http://www.webfonts.info/wiki....support

http://www.fontsquirrel.com/fontface/generator


——————————--Tempora mutantur, et nos mutamur in illis
———————————————Si felix esse vis, este!

———————————————————————————————————————————————————————старая аватарка

Сообщение отредактировал BeSinLi - Вторник, 21.09.2010, 17:32
  
cech
Дата: Вторник, 21.09.2010, 18:21 | Сообщение # 106
молчун
Группа: Проверенные
Пользователь №: 3081
Сообщений: 23
DSC, BeSinLi, мнения разошлись.
  
Nigelist
Дата: Вторник, 28.09.2010, 09:07 | Сообщение # 107
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Привет всем, подскажите как реализовать свойство position:fixed в IE6. Те рецепты которые нашел в гугле фиксируют блок в верхней части окна. Мне нужно чтоб было в нижней части окна.
Code
position:absolute; top:expression(eval(document.documentElement.scrollTop));

И почему то ссылка-блок display:block, выползает за границы дива в котором она расположена, в том же IE6, IE7. Я конечно понимаю что это недобраузеры. Но большинство пользователей сидит на них...

Хотя в том же огнелисе все нормально:

Подскажите как исправить?

Прикрепления: 3013101.jpg (3.7 Kb) · 0572082.jpg (3.9 Kb)


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 28.09.2010, 09:09
  
Nigelist
Дата: Вторник, 28.09.2010, 11:45 | Сообщение # 108
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Нашел решение, но оно тоже корявое, блок свернутого чата разворачивается вниз, а должен бы вверх:
Code
position: absolute; top: expression( ( -0 - 50  + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); zoom:1;

Плин, забодал уже этот осел. :'( Да еще оказывается и вниз бесконечно прокручивается... O_o


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 28.09.2010, 13:17
  
Nigelist
Дата: Вторник, 28.09.2010, 12:01 | Сообщение # 109
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Попробовал так:
Code
position:absolute; bottom:expression(eval(document.documentElement.scrollTop));

Другая проблема - при прокрутке остается на месте. Примерно так же как и админ-бар в IE8. :'( Можно ли адаптировать под bottom?


Бороться и искать, найти и перепрятать...
  
Slimmi
Дата: Вторник, 28.09.2010, 14:15 | Сообщение # 110
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Nigelist, попробуй float:right.

Большие фотостатусы
  
Nigelist
Дата: Вторник, 28.09.2010, 14:43 | Сообщение # 111
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Slimmi, стоит у меня уже... В общем у ссылки такой стиль:
Code
display:block; width:13px; height:13px; float:right; background:url('/on.gif') no-repeat; cursor:pointer


Бороться и искать, найти и перепрятать...
  
Slimmi
Дата: Вторник, 28.09.2010, 16:03 | Сообщение # 112
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Nigelist, тогда ссылку делаешь первой, а заголовок после:
Code
<a id='link1' href='#'></a><a id='link2' href='#'></a><div id='title'>Title</div>

Я не знаю почему все браузера норм воспринимают, кроме этих ослов.


Большие фотостатусы
  
UnderShot
Дата: Вторник, 28.09.2010, 16:47 | Сообщение # 113
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<div class="hidden">
    <div class="right"><a href="#">Ссылка</a></div>
    <div class="left">Заголовок</div>
</div>
Code
<style>
    .hidden{overflow:hidden}
    .right{float:right}
    .left{float:left}
</style>


Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Вторник, 28.09.2010, 17:15 | Сообщение # 114
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Slimmi, пасиб! Работает...

UnderShot, твой способ не действует...

А по поводу position fixed для 6-того осла ничего не подскажете?


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 28.09.2010, 17:15
  
UnderShot
Дата: Вторник, 28.09.2010, 17:26 | Сообщение # 115
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
#d{
   position:absolute;
   top:expression(document.getElementsByTagName('body')[0].scrollTop+"px")
}
?


Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Вторник, 28.09.2010, 17:37 | Сообщение # 116
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, мне чат не в топ надо, а в боттом. Все варианты которые я нашел, выводят блок с чатом в топ. Других нормальных вариантов я не нашел... :(

Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 28.09.2010, 17:38
  
Slimmi
Дата: Среда, 29.09.2010, 09:53 | Сообщение # 117
говорун
Группа: Модераторы
Пользователь №: 5
Сообщений: 287
Получено оценок: 38
Nigelist,
Code
<style>
#idBlock{position:fixed;bottom:0;}
</style>

Или я тебя не понял..


Большие фотостатусы
  
Nigelist
Дата: Среда, 29.09.2010, 10:29 | Сообщение # 118
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Slimmi, или ты меня точно не понял... :) IE6 Position fixed не понимает. В смысле совсем:
Quote (htmlbook.ru)
Браузер Internet Explorer 6 значение fixed не поддерживает. Internet Explorer до версии 7.0 включительно не поддерживает значение inherit.

Вот и нужно мне что нить придумать. Все решения IE6, что нашел в гугле, выводят блок в топ, а мне надо в боттом.


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Среда, 29.09.2010, 10:32
  
UnderShot
Дата: Среда, 29.09.2010, 13:00 | Сообщение # 119
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Вместо top поставьте bottom.

Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Среда, 29.09.2010, 21:00 | Сообщение # 120
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, если ставить bottom, то expression перестает работать, блок просто абсолютно позиционируется и нифига не плавает.

Бороться и искать, найти и перепрятать...
  
Nigelist
Дата: Среда, 29.09.2010, 21:09 | Сообщение # 121
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, вообще блок непонятно где...

Бороться и искать, найти и перепрятать...
  
UnderShot
Дата: Среда, 29.09.2010, 21:29 | Сообщение # 122
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
http://www.artlebedev.ru/tools/technogrette/html/emulate-fixed/

Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Среда, 29.09.2010, 22:12 | Сообщение # 123
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, ничего хорошего из этого не получилось и получится не могло.

Прикрепления: 6945976.png (46.4 Kb)


Бороться и искать, найти и перепрятать...
  
UnderShot
Дата: Четверг, 30.09.2010, 06:07 | Сообщение # 124
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Nigelist, position: relative и overflow: hidden у родителя поставить.

Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Четверг, 30.09.2010, 07:50 | Сообщение # 125
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, да с таким методом мне придется весь шаблон переделывать. А вы не можете сделать это с помощью expression?

Бороться и искать, найти и перепрятать...
  
UnderShot
Дата: Четверг, 30.09.2010, 20:29 | Сообщение # 126
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
top:expression(document.body.scrollTop + document.body.clientHeight - offsetHeight);


Очень важная тема!
Filmzona — онлайн фильмы.
  
Nigelist
Дата: Четверг, 30.09.2010, 21:47 | Сообщение # 127
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
UnderShot, к сожалению не работает.

Бороться и искать, найти и перепрятать...
  
Nigelist
Дата: Вторник, 26.10.2010, 15:14 | Сообщение # 128
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Привет народ! Подскажите можно ли убрать пунктирную обводку в firefox кнопок при нажатии.



Бороться и искать, найти и перепрятать...
  
MegaFill
Дата: Вторник, 26.10.2010, 17:48 | Сообщение # 129
шептун
Группа: Проверенные
Пользователь №: 3260
Сообщений: 79
Получено оценок: 8
Nigelist, outline

Мой моушенhttp://vimeo.com/megafill
Креатив http://dailycreative.ru/
Веб разработка и тп http://devshack.ru/
  
Nigelist
Дата: Вторник, 26.10.2010, 17:50 | Сообщение # 130
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
MegaFill, да я знаю про эту фишку. У меня почему то с кнопками не работает. Только с линками.

Бороться и искать, найти и перепрятать...
  
dancelot
Дата: Вторник, 26.10.2010, 17:55 | Сообщение # 131
говорун
Группа: Проверенные
Пользователь №: 26
Сообщений: 236
Получено оценок: 13
Nigelist, попробуй

a img {border:none;}

  
Nigelist
Дата: Вторник, 26.10.2010, 19:25 | Сообщение # 132
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
dancelot, тоже не помогло...

Бороться и искать, найти и перепрятать...
  
Aleko
Дата: Вторник, 26.10.2010, 19:38 | Сообщение # 133
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Code
<style>
button::-moz-focus-inner {border:0;}
</style>


Бесплатные обои.
  
Nigelist
Дата: Вторник, 26.10.2010, 19:42 | Сообщение # 134
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Aleko, класс работает! Но я сделал немного под другому.
Code
input::-moz-focus-inner {border:0}

На другом форуме мне подсказали более длинное решение:

Code
input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {border:0}


Бороться и искать, найти и перепрятать...

Сообщение отредактировал Nigelist - Вторник, 26.10.2010, 20:57
  
timurkoff
Дата: Понедельник, 08.11.2010, 19:47 | Сообщение # 135
молчун
Группа: Проверенные
Пользователь №: 3295
Сообщений: 12
Получено оценок: 1
Какой тег в CSS отвечает за цвет ссылок и их подчеркивание?
  
Nigelist
Дата: Понедельник, 08.11.2010, 19:54 | Сообщение # 136
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Отвечают свойства - color и text-decoration

Бороться и искать, найти и перепрятать...
  
timurkoff
Дата: Понедельник, 08.11.2010, 19:58 | Сообщение # 137
молчун
Группа: Проверенные
Пользователь №: 3295
Сообщений: 12
Получено оценок: 1
спасибо
  
timurkoff
Дата: Вторник, 09.11.2010, 03:14 | Сообщение # 138
молчун
Группа: Проверенные
Пользователь №: 3295
Сообщений: 12
Получено оценок: 1
Привет опять всем! Может подскажете как называется в css изменение вот таких блоков?

Прикрепления: 2717646.png (1.0 Kb)
  
Nigelist
Дата: Вторник, 09.11.2010, 06:13 | Сообщение # 139
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
timurkoff, ставьте firebug к firefox'у, идите на htmlbook.ru, там вполне понятно все написано.

Бороться и искать, найти и перепрятать...
  
Just_
Дата: Вторник, 09.11.2010, 13:38 | Сообщение # 140
молчун
Группа: Проверенные
Пользователь №: 1418
Сообщений: 19
Получено оценок: 4
timurkoff,
Code
inpit[type="button"], input[type="submit"], button {}

А если конкретно для одной кнопки, то смотри исходный код

Сообщение отредактировал Just_ - Вторник, 09.11.2010, 13:39
  
Nigelist
Дата: Вторник, 09.11.2010, 16:26 | Сообщение # 141
говорун
Группа: Проверенные
Пользователь №: 192
Сообщений: 141
Получено оценок: 17
Just_, тогда уж:
Code
input[type="button"],input[type="submit"],input[type="reset"]{}


Бороться и искать, найти и перепрятать...
  
Aleko
Дата: Вторник, 09.11.2010, 21:46 | Сообщение # 142
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
timurkoff, поищи у меня в блоге пост "Ловим input"

Бесплатные обои.
  
Just_
Дата: Понедельник, 29.11.2010, 21:00 | Сообщение # 143
молчун
Группа: Проверенные
Пользователь №: 1418
Сообщений: 19
Получено оценок: 4
Уже как час мучаюсь с этим меню.
Нужно сделать чтобы при наведении на ссылку выпадали категории (см. скрин).

Как это можно сделать?
Прикрепления: 4547264.png (2.5 Kb)
  
Aleko
Дата: Вторник, 30.11.2010, 01:52 | Сообщение # 144
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Just_, к сожалению нормально это можно реализовать либо скриптами либо через задницу. Проблема вот в чем: так как hover в ie6 определяется только для ссылок то всё выпадающее меню (конечно если делать на css) должно быть внутри ссылки. Это и определяет проблему так как внутри ссылки должны быть только инлайновые элементы - firefox начал даже брутально выкидывать оттуда все остальные. А инлайновый элемент у нас это спан. Собирать меню на спанах - вариант но не грациозный. Второй же вариант - делать скриптами, что само по себе не сильно круто но зато проще, хотя и тут есть свои грабли.

Бесплатные обои.
  
cool09
Дата: Воскресенье, 12.12.2010, 14:00 | Сообщение # 145
молчун
Группа: Проверенные
Пользователь №: 3145
Сообщений: 33
Наверное я уже задолбал вопросами... если да - сор(

Но вот ведь не задача - выплыли ошибки одни из ксс переключателя страниц отсюда, другие из статьи про закругление через ксс и вот из данного ксс О_О - по-моему там всё валидно, но... http://s37.ucoz.net/src/layer3.css
:v тык


я пережил запуск большого адронного коллайдера(=
  
Aleko
Дата: Воскресенье, 12.12.2010, 16:30 | Сообщение # 146
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
cool09, dj первых нужно проверять как css3 - тык. Остальные ошибки - свойства для конкретных браузеров, они не валидны всегда так как не стандартизованы.

Бесплатные обои.
  
cool09
Дата: Воскресенье, 12.12.2010, 17:00 | Сообщение # 147
молчун
Группа: Проверенные
Пользователь №: 3145
Сообщений: 33
Aleko, а для того, чтобы их стандартизовать... idoctype?

я пережил запуск большого адронного коллайдера(=
  
UnderShot
Дата: Воскресенье, 12.12.2010, 17:05 | Сообщение # 148
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
cool09, запишитесь в команду W3C.

Очень важная тема!
Filmzona — онлайн фильмы.
  
RevoRen
Дата: Пятница, 25.02.2011, 23:07 | Сообщение # 149
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Казус: прописал в CSS вроде все правильно, цвета установил, но не меняет ничего. 1 раз поменял, а потом заглючил и менять стили перестал.

Code
/* Главные */
body {background:#fff; color:#222; font-size:10pt; font-family: arial, tahoma; line-height:20px; margin:0px; padding:0px;}

#header {width:700px; margin:auto; height:38px; background:url('/site/logoE.png') no-repeat; margin-top:15px;}
#headerLogo {font-size:15pt; color:#aaa; float:right; line-height:38px;}
#logoLink:link {color:#aaa;}
#logoLink:visited {color:#aaa;}
#logoLink:hover {color:#ff3600;}

#wrapper {width:700px; margin:auto; margin-top:35px;}
#container {width:700px; text-align:justify;}

#footer {width:100%; margin-top:20px; border-top:1px solid #ccc; padding-top:15px; margin-bottom:10px;}
#textFooter {width:700px; margin:auto; color:#aaa;}
#rssAndPhone {float:right;}

a:link {text-decoration:none; color:#ff3600;}
a:visited {text-decoration:none; color:#ff3600;}
a:hover {text-decoration:none; color:#aaa;}

/* Записи */
.eTitle {font-size:13pt; font-weight:bold; color:#aaa; padding:0px; margin-top:30px;}
.eTitleNotLink {font-size:13pt; font-weight:bold; color:#aaa; padding:0px; margin:0px;}
.eTitle:link {font-weight:bold; color:#aaa;}
.eTitle:visited {font-weight:bold; color:#aaa;}
.eTitle:hover {font-weight:bold; color:#888;}

.eMessage {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}
.eText {text-align:justify; padding:10px; border-bottom:1px dashed #aaa;}

А, собственно, я хочу поменять цвет названия материала. Тырк. Смотрите, в CSS на eTitle не стоит никакого красного цвета. Если я поменяю, например, font-weight:bold; на font-weight:normal; - реакции не будет. Никаких больше стилей не подключено.


Follow your Destiny

  
RevoRen
Дата: Суббота, 26.02.2011, 19:39 | Сообщение # 150
говорун
Группа: Проверенные
Пользователь №: 3249
Сообщений: 214
Up?

Follow your Destiny

  
  • Страница 3 из 4
  • «
  • 1
  • 2
  • 3
  • 4
  • »
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.