hspace / vspace атрибуты img

faustmax78 · №1

Проблема такая. Браузеры на Геко не видят атрибуты hspace / vspace картинки, если та включена в таблицу.

Причем без таблицы всё нормально. И без таблицы мне никак не обойтись, а проблему решить надо-бы, текст без отступа от картинки не очень красиво смотриться...

Альтернативные методы просьба не предлагать.

Lynn · №2

Не верю. Код в студию.

faustmax78 · №3

Сделал небольшой пример. Открывайте сорс и смотрите код, там его очень немного и я специально сделал удобочитаемым.

удалено за ненадобностью

Отредактировано faustmax78 (05-03-2006 14:28:51)

Snik · №4

faustmax78

атрибуты hspace / vspace

Ну да, а еще в NN 3-4 был такой тег, как spacer. Уж если используется CSS, то нафига плодить атрибуты? Не проще ли поля в стилях указать и не париться? В данном конкретном случае выкидываем эти атрибуты и в стилях вместо

Выделить код

Код:

.image {
        border-style: solid;
        border-width:1;
        border-color: #000000;
        margin: 2px;}
}

Пишем:

Выделить код

Код:

.image {
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        margin: 5px 2px;}
}

P.S.
Да, вообще из img надо выкинуть border (т.к. он указан в CSS, да еще и другой), ну и height/width тоже лучше в стили.

Отредактировано Snik (05-03-2006 12:17:47)

faustmax78 · №5

Ну да, а еще в NN 3-4 был такой тег, как spacer.

hspace и vspace являються атрибутами тега img согласно спецификации HTML 4.01, spacer такими не являеться, так что сравнение неуместно.

Не проще ли поля в стилях указать и не париться?

Нет не проще, т.к везде нужны свои отступы а не одни значения на всех.

ну и height/width тоже лучше в стили.

хм... забавно...то есть один размер на все картинки? или по одному стилю на каждую картинку?

А теперь скажите мне пожалуйста, положа руку на сердце, баг существует? Если да то его надо править.

Lynn · №6

У вас в CSS для этих картинок указан margin: 2px. Он имеет больший приоритет чем устаревшие атрибуты hspace/vspace.

Отредактировано Lynn (05-03-2006 13:21:47)

faustmax78 · №7

Да, только что обратил внимание. Просто IE и Опера забивают на CSS а Геко браузеры нет. Проблема решена. Приношу свои извинения.

Snik · №8

faustmax78 пишет

Ну да, а еще в NN 3-4 был такой тег, как spacer.
hspace и vspace являються атрибутами тега img согласно спецификации HTML 4.01, spacer такими не являеться, так что сравнение неуместно.

Уместно, т.к. они также устарели морально, как и спасер.

faustmax78 пишет

Не проще ли поля в стилях указать и не париться?
Нет не проще, т.к везде нужны свои отступы а не одни значения на всех.
ну и height/width тоже лучше в стили.
хм... забавно...то есть один размер на все картинки? или по одному стилю на каждую картинку?

Именно, что проще! Таблицы стилдей на то и каскадные, чтоб можно было указать что и где должно применяться. В данном случае достаточно всунуть стили для картинок-превьюшек в подходящее определение типа
table.CLASSNAME img {....}
Т.е. для картинок в таблице такого-то типа такие-то параметры. Ну и т.д. далее по тексту. В результате огромную кучу атрибутов и прочей громоздкой HTML-разметки заменит десяток-другой стилевых определений.

Al_H · №9

ну и height/width тоже лучше в стили

Ага. Два эффекта - во-первых, Вам придется у каждой картинки прописывать id и захламлять стили длинными столбцами текста

Выделить код

Код:

#imgid1 {width: 150px; height: 200px;}
#imgid1 {width: 50px; height: 200px;}
#imgid1 {width: 140px; height: 210px;}
#imgid1 {width: 151px; height: 290px;}
#imgid1 {width: 150px; height: 201px;}
#imgid1 {width: 150px; height: 202px;}
#imgid1 {width: 120px; height: 220px;}
#imgid1 {width: 110px; height: 210px;}
#imgid1 {width: 151px; height: 210px;}

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

Snik · №10

Al_H
В том примере, что дал faustmax78, это как раз было бы оправдано, т.к. там была галерея картинок - т.е. масса рисунков одинакового размера.

Полезная информация

№104-03-2006 23:59:20