В сотый раз об одном и том же...

Вид для печати

Показывать 40 сообщений этой темы на одной странице

19.04.2007, 10:47
Xepec

Цитата:

Originally posted by Aykroyd+Apr 18 2007, 21:17--><div class='quotetop'>Цитата(Aykroyd @ Apr 18 2007, 21:17)</div>

Цитата:

Могу даже объяснить почему работает. Вы доктайп свой видели?
Поставьте правильный (полный) доктайп – и работать не будет. ))
Потому что не должно... Без правильного доктайпа, кстати, Ваш документ рендерится в браузерах не по стандартам.[/b]

Ага уже исправил и теперь все коррекчу... См выше...

<!--QuoteBegin-Aykroyd@Apr 18 2007, 21:17
Простите, какой еще перенос строки в абсолютном позиционировании?

И в правду... какой нах перенос [Only registered and activated users can see links. Click Here To Register...].

Цитата:

Originally posted by Aykroyd@Apr 18 2007, 21:17
В Опере не может ничего ехать. Потому что конструкцию, начинающуюся с * html, Опера не понимает... )
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Ах вот оно как оказывается! будем пробовать [Only registered and activated users can see links. Click Here To Register...].
Спасибо!
20.04.2007, 19:55
Xepec

Очередная проблема:
опера делает отступ под картинками. В ие нормально. Картинки высотой 40пх.

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head> <body> ****<style type="text/css"> #AdvertTop {margin: 0px; padding: 0px; border: 1px solid #ff0000;} #AdvertTop img {margin: 0px; padding: 0px;} ****</style> **** <div id="AdvertTop">[img]img/advert/top_01.png[/img][img]img/advert/top_02.png[/img][img]img/advert/top_03.png[/img][img]img/advert/top_04.png[/img][img]img/advert/top_05.png[/img]</div>**** </body> </html>
23.04.2007, 05:07
Aykroyd

1. [Only registered and activated users can see links. Click Here To Register...]
2. Если картинки не смысловые (для декоративного оформления) – пускайте их фоном.
23.04.2007, 10:57
Xepec

Цитата:

Originally posted by Aykroyd@Apr 23 2007, 01:07
1. [Only registered and activated users can see links. Click Here To Register...]
2. Если картинки не смысловые (для декоративного оформления) – пускайте их фоном.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Тему эту видел, бр не помогает. И картинки - это пять закладочек будут совместно с javascript'ом работать и будут как-бы ссылками... Имхо не целесообразно все это через фон делать...

Чего делать-то?

Решилось добавлением в img valign="top"...
23.04.2007, 15:14
Xepec

Новая какашка от ие:

При наведении на менюху, при смене фона, этот фон мигает :shok:. Пока стараница лежала на локальном компе, такого не было! В остальный браузерах нормально.

[Only registered and activated users can see links. Click Here To Register...]

Что делать?

ЗЫ Как диз смотрится в общем?
23.04.2007, 16:09
Zigzag

просто фон так подгружается в первый раз в кэш браузера
23.04.2007, 16:23
Aykroyd

Цитата:

Originally posted by Xepec@Apr 23 2007, 10:57
Решилось добавлением в img* valign="top"...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Вообще-то по древним этическим соображениям изображениям принято задавать в HTML ширину и высоту. Да и для содержащего их блока можно высоту задать в 40px (в CSS). Тогда точно никаких отступов под картинками не будет...

Цитата:

Originally posted by Xepec@Apr 23 2007, 15:14
При наведении на менюху, при смене фона, этот фон мигает :shok:.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Он не мигает. У меня в IE6 при наведении на пункты меню отображаются лишь белые прямоугольники...
23.04.2007, 18:44
Xepec

Цитата:

Originally posted by Zigzag@Apr 23 2007, 12:09
просто фон так подгружается в первый раз в кэш браузера
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Да нет, он постоянно мигает... Т.е. он в кэше уже должен быть сто лет, а всеравно мигает.
А правильно ли я все делаю?

Код:

#TopMenuContainer li a { ****text-decoration: none; ****color: #223344; ****display: block; ****float: left; ****height:31px; ****padding: 9px 19px 0px 18px; ****background: url(img/top_menu_bg.png) repeat-x 0px 0px; } #TopMenuContainer li a:hover { ****text-decoration: none; ****color: #ffffff; ****background: url(img/top_menu_over.png) repeat-x 0px 0px; ****cursor: hand; }

Или правильнее будет поставить первый бэк на li, а при наведении на ссылку придавать бэк ссылке (тогда белым мигать по-любму не будет)?

<div class='quotetop'>Цитата</div>

Цитата:

Он не мигает. У меня в IE6 при наведении на пункты меню отображаются лишь белые прямоугольники...[/b]

Как так??? :shok: Точно?
23.04.2007, 18:49
Aykroyd

Не фон надо менять при наведении, а позицию фона.
Объедините оба фона в один файл и меняйте позицию.
23.04.2007, 19:01
Xepec

Гы. Интерессная идея! Спасибо за совет [Only registered and activated users can see links. Click Here To Register...]!
А так всегда делают?

Вроде все сделал как говорили, но этот пидор все равно мигает!
[Only registered and activated users can see links. Click Here To Register...]

устное предупреждение за брань! Zigzag
23.04.2007, 19:05
Aykroyd

Всегда. И идея не новая. Главное преимущество в том, что нет необходимости делать прелоад с помощью JS.
23.04.2007, 23:22
Zigzag

Цитата:

Originally posted by Aykroyd@Apr 23 2007, 16:05
Всегда. И идея не новая. Главное преимущество в том, что нет необходимости делать прелоад с помощью JS.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

прелоад можно сделать только средствами CSS :dance:
23.04.2007, 23:33
Aykroyd

Цитата:

Originally posted by Zigzag@Apr 23 2007, 23:22
прелоад можно сделать только средствами CSS* :dance:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Вы, Павел, ерунду говорите... )))) (с) доктор Борменталь
Я не знаю как можно сделать прелоад средствами CSS. Просвяти! ))
Всегда делал его раньше только с помощью JavaScript... ))
24.04.2007, 01:25
Scorched.dn.ua

о как же любим попереливать из пустого в порожнее.. чтобы сделать прелоуд нужен и css, и js
24.04.2007, 01:58
Aykroyd

Цитата:

Originally posted by Scorched.dn.ua@Apr 24 2007, 01:25
чтобы сделать прелоуд нужен и css
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
В каком месте?
24.04.2007, 10:19
Xepec

В общем сделал так:

Код:

#TopMenuContainer li { ****float: left; ****display: block; ****margin: 0px; ****padding: 0px; ****background: url(img/top_menu_bg.png) repeat-x 0px 0px; } #TopMenuContainer li a { ****text-decoration: none; ****color: #223344; ****display: block; ****float: left; ****height:26px; ****padding: 9px 19px 5px 18px; ****background: url(img/top_menu_bg.png) repeat-x 0px 0px; } #TopMenuContainer li a:hover { ****text-decoration: none; ****color: #ffffff; ****background-position: 0px -40px; ****cursor: hand; }

Мигать перестало...
Если кому интерессно, то фифект этот называется что-то типа: CSS Image Flicker In Internet Explorer.

А с помощью цсс предоадить наверно можно так (хотя не уверен):

Код:

#Preloader1 { background: url(bg); display:none; }
24.04.2007, 12:53
Zigzag

Цитата:

Originally posted by Aykroyd@Apr 23 2007, 20:33
Вы, Павел, ерунду говорите... )))) (с) доктор Борменталь
Я не знаю как можно сделать прелоад средствами CSS. Просвяти! ))
Всегда делал его раньше только с помощью JavaScript... ))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

Цитата:

Originally posted by Scorched.dn.ua@Apr 23 2007, 22:25
о как же любим попереливать из пустого в порожнее.. чтобы сделать прелоуд нужен и css, и js
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]

всем скептикам ответ от Akella [Only registered and activated users can see links. Click Here To Register...] =)
24.04.2007, 19:21
Aykroyd

Павел, помнишь свою злободневную статью с весьма ценным контентом, но не совсем правильным названием (заголовком)? )) Обратимся к многоуважаемому Akella:

Название статьи: Прелоад через CSS.
Выдержки из статьи:
...идея проста - что бы исключить прелоад нужно… исключить вторую картинку...
...оригинальная статья – [Only registered and activated users can see links. Click Here To Register...]nopreload-rollovers.html – Fast Rollovers Without Preload...

Красиво?

Но на самом деле и я здесь не одерживаю полной "победы". По причине того, что помимо метода Pixy, Akella описывает в своей статье еще пару методов. И вот они действительно работают по аналогии с прелоадом JS...

А метод Pixy я сам предложил в этой теме выше. Но я не считаю его прелоадом, который можно сравнивать с прелоадом "жавовским"... Его главная идея – это отсутствие необходимости делать какой бы то ни было прелоад... ))
24.04.2007, 19:29
Aykroyd

Цитата:

Originally posted by Scorched.dn.ua@Apr 24 2007, 01:25
о как же любим попереливать из пустого в порожнее.. чтобы сделать прелоуд нужен и css, и js
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

[/quote]
Либо CSS, либо JS. Одновременно ни к чему...
25.04.2007, 21:00
Scorched.dn.ua

Цитата:

Название статьи: Прелоад через CSS.
Выдержки из статьи:
...идея проста - что бы исключить прелоад нужно… исключить вторую картинку...
...оригинальная статья – [Only registered and activated users can see links. Click Here To Register...] – Fast Rollovers Without Preload...

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

а в случае картинок на бг в меню просто можно обойтись без прелоада как такового (о чем и говорит название статьи - это не то что понимают под словом "прелоад")

Показывать 40 сообщений этой темы на одной странице