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

**Xepec** · 19.04.2007, 10:47

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
Простите, какой еще перенос строки в абсолютном позиционировании?

И в правду... какой нах перенос

.

Originally posted by Aykroyd@Apr 18 2007, 21:17
В Опере не может ничего ехать. Потому что конструкцию, начинающуюся с * html, Опера не понимает... )
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Ах вот оно как оказывается! будем пробовать

.
Спасибо!

**Xepec** · 20.04.2007, 19:55

Очередная проблема:
опера делает отступ под картинками. В ие нормально. Картинки высотой 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>

**Aykroyd** · 23.04.2007, 05:07

1. [Только зарегистрированные пользователи могут видеть ссылки. ]
2. Если картинки не смысловые (для декоративного оформления) – пускайте их фоном.

**Xepec** · 23.04.2007, 10:57

Originally posted by Aykroyd@Apr 23 2007, 01:07
1. [Только зарегистрированные пользователи могут видеть ссылки. ]
2. Если картинки не смысловые (для декоративного оформления) – пускайте их фоном.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

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

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

Решилось добавлением в img valign="top"...

**Xepec** · 23.04.2007, 15:14

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

При наведении на менюху, при смене фона, этот фон мигает

. Пока стараница лежала на локальном компе, такого не было! В остальный браузерах нормально.

[Только зарегистрированные пользователи могут видеть ссылки. ]

Что делать?

ЗЫ Как диз смотрится в общем?

**Zigzag** · 23.04.2007, 16:09

просто фон так подгружается в первый раз в кэш браузера

**Aykroyd** · 23.04.2007, 16:23

Originally posted by Xepec@Apr 23 2007, 10:57
Решилось добавлением в img* valign="top"...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

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

Originally posted by Xepec@Apr 23 2007, 15:14
При наведении на менюху, при смене фона, этот фон мигает .
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

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

**Xepec** · 23.04.2007, 18:44

Originally posted by Zigzag@Apr 23 2007, 12:09
просто фон так подгружается в первый раз в кэш браузера
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/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]

Как так???

Точно?

**Aykroyd** · 23.04.2007, 18:49

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

**Xepec** · 23.04.2007, 19:01

Гы. Интерессная идея! Спасибо за совет

!
А так всегда делают?

Вроде все сделал как говорили, но этот пидор все равно мигает!
[Только зарегистрированные пользователи могут видеть ссылки. ]

устное предупреждение за брань! Zigzag

**Aykroyd** · 23.04.2007, 19:05

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

**Zigzag** · 23.04.2007, 23:22

Originally posted by Aykroyd@Apr 23 2007, 16:05
Всегда. И идея не новая. Главное преимущество в том, что нет необходимости делать прелоад с помощью JS.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

прелоад можно сделать только средствами CSS

**Aykroyd** · 23.04.2007, 23:33

Originally posted by Zigzag@Apr 23 2007, 23:22
прелоад можно сделать только средствами CSS*
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

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

**Scorched.dn.ua** · 24.04.2007, 01:25

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

**Aykroyd** · 24.04.2007, 01:58

Originally posted by Scorched.dn.ua@Apr 24 2007, 01:25
чтобы сделать прелоуд нужен и css
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В каком месте?

**Xepec** · 24.04.2007, 10:19

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

Код:

#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;
}

**Zigzag** · 24.04.2007, 12:53

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

[/quote]

Originally posted by Scorched.dn.ua@Apr 23 2007, 22:25
о как же любим попереливать из пустого в порожнее.. чтобы сделать прелоуд нужен и css, и js
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

всем скептикам ответ от Akella [Только зарегистрированные пользователи могут видеть ссылки. ] =)

**Aykroyd** · 24.04.2007, 19:21

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

Название статьи: Прелоад через CSS.
Выдержки из статьи:
...идея проста - что бы исключить прелоад нужно… исключить вторую картинку...
...оригинальная статья – [Только зарегистрированные пользователи могут видеть ссылки. ]nopreload-rollovers.html – Fast Rollovers Without Preload...

Красиво?

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

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

**Aykroyd** · 24.04.2007, 19:29

Originally posted by Scorched.dn.ua@Apr 24 2007, 01:25
о как же любим попереливать из пустого в порожнее.. чтобы сделать прелоуд нужен и css, и js
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Либо CSS, либо JS. Одновременно ни к чему...

**Scorched.dn.ua** · 25.04.2007, 21:00

Название статьи: Прелоад через CSS.
Выдержки из статьи:
...идея проста - что бы исключить прелоад нужно… исключить вторую картинку...
...оригинальная статья – [Только зарегистрированные пользователи могут видеть ссылки. ] – Fast Rollovers Without Preload...

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

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

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

Опции темы

Поиск по теме

Отображение

Похожие темы

нужен дизайнер + верстальщик в одном лице

Два дисплея в одном ноутбуке

Информация меняется только в одном окне таблицы

собираем все приведы в одном месте!

Сотый пост:)

Ваши права