Перейти к публикации

noindex и кроссбраузерность


Рекомендованные сообщения

Сайт: www.zeos.in

Некоторые браузеры не понимаю тег <noindex> и </noindex> так как это не HTML код (например, Firefox)

И для этих тегов браузер делает по 3 пикселя отступы, в сумме 6 пикселей.

Первый способ: (работает на 50%)

*******************************

В стили прописал так:

noindex {

padding: 0; margin: 0;

line-height: normal;

}

Срабатывает, но только для <noindex>, а </noindex> всё также делает 3 пикселя отступ.

Если еще для закрывающегося тега прописать так:

/noindex {

padding: 0; margin: 0;

line-height: normal;

}

Такое естественно работать не будет :(

Второй способ: (работает на 100%)

*******************************

Прописывать теги <noindex> и </noindex> таким образом:

<div style="display: none;"><noindex></div>

тут текст, код или ссылка...

<div style="display: none;"></noindex></div>

*******************************

:unsure: Может кто-то подскажет как проще сделать? Не очень хочется писать эти теги каждый раз с дивами и стилями :(

Ссылка на сообщение
Поделиться на других сайтах

Если запустить данный код:

<html>

<body>

<div style="background-color: red;">&nbsp;</div>

	<div align="center" style="background-color: blue; padding: 0px;">

		<noindex>

		<img src="http://get.mycounter.ua/counter.php?id=69308">

		</noindex>

	</div>

<div style="background-color: green;">&nbsp;</div>

</body>

</html>

в браузерах: IExplorer7, Mozilla Firefox, Netscape Navigator, Flock, Maxton2, то возникает вот такая ошибка:

8acf317557579ad8cfa712d0d3e2.png под картинкой (счётчиком) появляется пространство

в браузерах Opera10 и Google Chrome такой ошибки нет :)

676661481b4b626ed6ec9dd73e11.png

Для браузера Mozilla Firefox можно решить проблему, если вот это:

<noindex>

<img src="http://get.mycounter.ua/counter.php?id=69308">

</noindex>

прописать в виде одной строки:

<noindex><img src="http://get.mycounter.ua/counter.php?id=69308"></noindex>

Но для других браузеров это не подходит, ошибка остаётся :(

Ссылка на сообщение
Поделиться на других сайтах

Кроссбраузерный вариант:

<html>

<head>

<style type="text/css">

.ni { display: none; }

</style>

</head>


<body>

<div style="background-color: red;">&nbsp;</div>

	<div align="center" style="background-color: blue; padding: 0px;">

		<div class="ni"><noindex></div><img src="http://get.mycounter.ua/counter.php?id=69308"><div class="ni"></noindex></div>

	</div>

<div style="background-color: green;">&nbsp;</div>

</body>

</html>

Вот это: <div class="ni"><noindex></div><img src="http://get.mycounter.ua/counter.php?id=69308"><div class="ni"></noindex></div> обязательно писать в одну строку!

Проверенно: IExplorer7, Mozilla Firefox, Netscape Navigator, Flock, Maxton2, Opera10, Google Chrome

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...